/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700|Open+Sans:400,600,700);

html, body, form { padding:0; margin:0; outline:none}
html { overflow:hidden; overflow-y:scroll; overflow-x:auto; background-color:#222; display:block}
body { color:#333; font-family:Tahoma, Geneva, sans-serif; /*font-family:'Open Sans',Arial, Gadget, sans-serif;*/ position:relative; font-size:12px;}





#global { position:relative;}

#header-all { display:block;}
#header-all #header-top-wrapper { display:block; background-color:#7F7E83; border-bottom:1px solid #BBB}
#header-all #header-top-wrapper #header-top { display:block; margin:0 auto; color:#FFF;}
#header-all #header-menu-wrapper { display:block; background-color:#b4d052; position:relative}  
#header-all #header-menu-wrapper #header-menu { display:block; margin:0 auto; position:relative;}
#header-all #header-main-wrapper { display:block; background:url("/ASSETS/RESOURCE/IMAGES/TEMPLATE/toronto_original.jpg") left bottom no-repeat #FFF;-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;}  
#header-all #header-main-wrapper #header-main { display:block; margin:0 auto; margin-bottom:80px; position:relative;}
#header-all #header-main-wrapper #header-slider { display:block; width:1150px; margin:0 auto; height:200px; position:relative; z-index:901; overflow:hidden; background-color:#ccc;}

#content-all { display:block; background-color:#FFF; padding-bottom:15px; border-top:1px solid #F1F1F1; position:relative; z-index:901}
#content-all #content-slider { display:block; /*width:1150px;*/ margin:0 auto; height:200px; position:relative; z-index:901; overflow:hidden; background-color:#ccc; margin-left:10px; margin-right:10px; margin-top:10px}
#content-all #content-wrapper { display:block; margin:0 auto; -webkit-box-shadow: 0 0 2px #ccc; -moz-box-shadow: 0 0 2px #ccc; box-shadow: 0 0 2px #ccc; margin-top:-60px;}
#content-all #content-wrapper #content-header { padding:15px; color:#FFF; background-color:#b4d052; border-bottom:1px solid #DDD}
#content-all #content-wrapper #content-header h1 { padding:0; margin:0; font-size:30px; display:block; font-weight:normal; max-width:650px}
#content-all #content-wrapper #content-content { padding:15px; background-color:#FFF; position:relative; min-height:300px;}
#content-all #content-wrapper #content-content #page-text { font-size:13px;}
#content-all #content-wrapper #content-content #page-menu { width:250px}
/*#mob-page-content { display:block; width:100% !important; min-height:50px;}*/


#footer-all { display:block;}
#footer-all #footer-slider { display:block; /*width:1150px;*/ margin:0 auto; height:200px; position:relative; z-index:901; overflow:hidden; background-color:#ccc;margin-top:10px; margin-bottom:10px;}
#footer-all #footer-wrapper { display:block; margin:0 auto; }
#footer-all #footer-wrapper #footer-social {display:block; margin-top:10px; margin-bottom:10px;}
#footer-all #footer-wrapper #footer-social span {background-color:#FFF !important}
#footer-all #footer-wrapper #footer-notes { display:block; margin-top:10px; margin-bottom:10px;}
#footer-all #footer-wrapper #footer-copy { display:block; margin-top:10px; margin-bottom:10px; text-align:right; font-size:10px; color:#CCC}








/*** SIDE WIGETS ***/
/*.side-widget { position:absolute; width:100%; left:20px; top:0; background-color:#262835; background-color:#515d69;}
.side-widget .side-widget-header {padding:5px; font-size:12px; font-weight:bold; color:#EEE; background-color:#222; border-bottom:1px solid #FFF;}
.side-widget .side-widget-content { display:block; position:relative; z-index:990;}
.side-widget .side-widget-content .side-widget-corner { position:absolute; z-index:991; right:0; top:100%; width:10px; height:8px; background:url("/ASSETS/RESOURCE/IMAGES/MENU/menu-corner-small.png") right top no-repeat}
.side-widget .side-widget-content a { display:block; padding:5px; padding-left:10px; text-decoration:none; font-size:11px; color:#DDD; border-bottom:1px solid #333 }
.side-widget .side-widget-content a:hover { text-decoration:underline; color:#FFF;}*/


/** VIMEO **/
/*#vimeo-widget { display:block;}
#vimeo-widget #vimeo-loader { display:block; height:100%; background:url(/ASSETS/images/ajax-loader.gif) center center no-repeat}
#vimeo-widget #vm-videos { background-color:#FFF; display:block; overflow:hidden; overflow-x:auto;}
#vimeo-widget #vm-videos ol { list-style:none; margin:0; padding:0; display:inline-block !important; visibility:hidden}
#vimeo-widget #vm-videos ol li { list-style:none; margin:0; padding:0; display:inline-block !important; margin-right:1px; position:relative; cursor:pointer}
#vimeo-widget #vm-videos ol li .videoplay { position:absolute; left:0; top:0; width:50px; height:50px; background:url(/ASSETS/images/vimeo-play.png) center center no-repeat }
#vimeo-widget #vm-videos ol li .videodesc { position:absolute; left:0; bottom:0; width:100%; background:#7EAB58; color:#FFF}*/




















/*.validate { font-size:11px; color:#F00; text-align:right; display:block; height:10px}
.required { font-style:italic; font-size:10px; color:#F00}
.blockquote { margin:10px; padding:3px; padding-left:20px;}
.highlight { border:1px solid #F00}
.red-text { color:#F00}
.green-text { color:#B5D93A}
.page-banner { display:block; padding:5px; border:1px solid #D8D8D8; background-color:#F1F1F1; text-align:center; margin-top:5px; margin-bottom:5px;}
td.separate { border-left:1px solid #B5D93A; padding-left:10px;}

ul.square li { list-style:square}

div.tablewrapper { display:block; border:1px solid #BBB}
tr.mainheader td { background-color:#99CC00; font-weight:bold; text-align:center}
tr.header td { background-color:#CCC; color:#333; font-weight:bold; text-align:center}
tr.results td { background-color:#F1F1F1; text-align:center}*/


/************** ALL FORMS *************/
/*.form-wrapper { display:block; border:5px solid #F5F5F5; background-color:#F5F5F5}
.form-wrapper .form-header { padding:5px; font-weight:bold; font-size:14px; color:#666; border-bottom:3px solid #B5D93A; background-color:#E9E8E7 }
.form-wrapper .form-content  {padding:5px; text-align:center; background-color:#FFF; border:1px solid #EEE }
.form-wrapper .form-content .form-loader {padding:10px; display:inline-block !important; visibility:hidden; background:url(/ASSETS/images/ajax-loader-small.gif) center center no-repeat;}

form ol { padding:0; margin:0; display:inline-block !important; text-align:left; padding-bottom:10px;}
form ol li {list-style:none; padding-top:10px;}
form ol li label { display:block; padding-bottom:3px; font-weight:bold }
form ol li input.text { width:280px; border:1px solid #CCC; border-top:1px solid #AAA; padding:8px; background-color:#F7F8F9;}
form ol li input.text-small { width:150px; border:1px solid #CCC; border-top:1px solid #AAA; padding:8px; background-color:#F7F8F9;}
form ol li input.text-super { width:200px; border:1px solid #CCC; border-top:1px solid #AAA; padding:3px; background-color:#F7F8F9;}
form ol li input.highlight {border:1px solid #F00 !important}
form ol li select.text { padding:4px; border:1px solid #CCC; border-top:1px solid #AAA;background-color:#F7F8F9;}
form ol li select.highlight { border:1px solid #F00}
form ol li textarea.text { padding:8px; border:1px solid #CCC; border-top:1px solid #AAA; width:280px;background-color:#F7F8F9;}
form ol li textarea.highlight { border:1px solid #F00}
form ol li.action { text-align:right}
form ol li.action a { display:inline-block !important; border:1px solid #888; color:#333; text-decoration:none; padding:8px; font-weight:bold; }
form ol li.action a:hover { border:1px solid #666; background:none; background-color:#999; text-decoration:none;}

div.buttonwrapper { display:block; text-align:center; padding:5px}
div.buttonwrapper a { display:inline-block !important; border:1px solid #888; color:#333; text-decoration:none; padding:8px; font-weight:bold;}
div.buttonwrapper a:hover { border:1px solid #666; background:none; background-color:#999; text-decoration:none;}

.caption { padding:10px;}
.caption .caption-header { padding-bottom:3px; border-bottom:1px solid #999; text-align:left; font-weight:bold;}
.caption .caption-content { padding-top:3px; text-align:right}


.page-header { margin-bottom:10px; margin-top:5px;}
.form-holder { padding:10px; border:1px solid #CCC; background-color:#F5F5F5}
form.indi { display:block}
form.indi select { border:1px solid #888; padding:5px; background-color:#F1F1F1}
form.indi input.text { border:1px solid #888; padding:5px; background-color:#F1F1F1}

.formbutton-holder { text-align:right;}
.formbutton-holder-top { border-bottom:1px solid #DDD; margin-bottom:5px; padding-bottom:10px;}
.formbutton-holder-bottom { border-top:1px solid #DDD; margin-top:5px;padding-top:10px;}
.formbutton-holder a.formbutton { display:inline-block !important; letter-spacing:1px; text-decoration:none; padding:8px; font-size:15px; background-color:#FFFFF1; color:#FFF; border:1px solid #333; font-weight:bold}
.formbutton-holder a.formbutton:hover { border:1px solid #222; color:#fff; background:none; background-color:#444}
.formbutton-holder a.formbutton_grey { display:inline-block !important; float:right; letter-spacing:1px; text-decoration:none; padding:10px; font-size:14px; background-color:#333; color:#FFF; border:1px solid #666; font-weight:bold}
.formbutton-holder a.formbutton_grey:hover {  border:1px solid #333; color:#FFF}
.FLOATER_R { float:right}
.FLOATER_L { float:left}








.FORM {padding:5px; border:1px solid #CCC; background-color:#F5F5F5}
.FORM .form-box { background-color:#FFF; border:1px solid #DDD}
.FORM .form-box .form-box-header { display:block; border-bottom:1px solid #DDD; background-color:#EEE; color:#333; font-size:13px; padding:3px; font-weight:bold}
.FORM .form-box .form-box-content { font-size:12px; padding:3px;}
.FORM .form-box .form-box-content .field-holder { display:block; font-size:0;}
.FORM .form-box .form-box-content .field-holder .field-header { display:inline-block !important; font-size:12px;}
.FORM .form-box .form-box-content .field-holder .field-content { display:inline-block !important; font-size:12px; margin-left:20px;}
.FORM .form-box .form-box-content .field-holder .field-problem { display:block; margin-top:5px; font-size:10px;}
.FORM input.text { width:250px; border:1px solid #CCC; padding:5px; background-color:#F1F1F1;}
.FORM select.text { border:1px solid #CCC; padding:4px; background-color:#F1F1F1;}
.FORM textarea.text { width:250px; border:1px solid #CCC; padding:5px; background-color:#F1F1F1;}
*/