/* CSS Document for Conspec Controls (v07) obdcreative/IG  */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> globals - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

*								{ margin: 0; padding: 0; list-style: none; line-height: 1.4em; }
body							{ text-align: center; margin: 0; background: #e5eff5 url(images/bg_body_top.gif) repeat-x left top; font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif; }
table,img,a						{ border: 0px; }
form,input,select				{ margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; }
p								{ margin-bottom: .5em; color: #333; }
h1,h2,h3,h4,h5,h6				{ font-family:  "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase; color: #036; }
strong,.b,.strong,b				{ font-weight: bold; }
em,.it,.em,i					{ font-style: italic; }
.nowrap							{ white-space: nowrap; }
.inset							{ padding: 10px 0;  } /* used for inset images to add margins/padding */
.block							{ display: block; } /* used to transform items to block-level when normally inline or other */
.cite							{ font-size: 9px; color: #666; }

/* Change style for links that open in new window */

p :link[target="_blank"],p :visited[target="_blank"],p :link[target="_new"],p :visited[target="_new"], 
li :link[target="_blank"],li :visited[target="_blank"],li :link[target="_new"],li :visited[target="_new"] 
								{ padding-right: 12px; background: url(images/bg_a-target.gif) no-repeat right 50%; }	/* homepage UL#FLAGS below is exception */		
/*
:link[target="_blank"],:visited[target="_blank"],:link[target="_new"],:visited[target="_new"] 
								{ color: #f00 !important; }		 TEMPORARY */			






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> containers  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#wrapper						{ width: 800px; text-align: left; margin: 0 auto; }
div#header						{ position: relative; height: 96px; background: #fff; }
h1#homelogo,div#intlogo			{ float: left;  margin: 31px 0 0 11px; }
/*div#header div#nav				{ float: right; margin: 50px 10px 0 0; }*/
div#header div#nav				{ position: absolute; top: 50px; right: 2px; z-index: 99; }

div#wrapperlowbg				{ width: 800px; float: left; background: #fff url(images/bg_header_top_stripe.gif) repeat-x left 105px; }
body#home div#wrapperlowbg		{ background-position: left 185px; }
div#wrappermain					{ width: 800px; float: left; background: url(images/bg_header_int.jpg) no-repeat center top;  border-top: 1px solid #336; padding-bottom: 10px; }
body#home div#wrappermain		{ background-image: url(images/bg_header_home.jpg); }
body#home div.ca11				{ background-image: url(images/bg_header_home-ca11.jpg) !important; }

div#foot						{ height: 75px; background: #99c2d6 url(images/bg_footer.gif) repeat-x left top; clear: both; }
div#foot p						{ padding: 5px 10px; color: #fff; font-size: 9px; text-align: right; }
div#foot p a					{ color: #fff; font-size: 9px; }


/*
ul#flags						{ position: relative; top: 10px; right: 10px; height: 11px; }
*/
ul#flags						{ position: absolute; top: 5px; right: 10px; height: 11px; }
ul#flags li						{ float: left; display: inline; padding-left: 10px; }
ul#flags a						{ padding: 0; background: none; font-size: 9px; line-height: 16px; text-decoration: none; }

ul#flags a:link					{ color: #333; }
ul#flags a:visited				{ color: #666; }
ul#flags a:hover				{ color: #f60; text-decoration: underline; }
ul#flags a:active				{ color: #369; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> nav - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
ul#navul						{ display: block;  }
ul#navul li						{ display: inline; float: right; padding: 0 8px; }/*  position: relative; */
ul#navul li a					{ display: block; color: #000; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; cursor: pointer !important; }/* */

/* --- NAV second-level lists --- */
div#nav li ul 					{ display: none; position: absolute; margin: 0px; z-index: 99; }/* left: 0px; z-index for safari bug pos dropdowns behind lower divs on page */
div#nav li li					{ float: none; padding: 0px; text-align: left; white-space: nowrap; text-transform: none; }
div#nav li li a					{ display: block; margin: 0px; text-decoration: none; width: 140px; color: #333; background: #fff; height: 24px; font-size: 11px; line-height: 24px; font-weight: normal; border: 1px solid #ddd; border-width: 0px 0px 1px 1px; padding: 0 5px; }
div#nav li li a:hover			{ display: block; margin: 0px; text-decoration: none; width: 140px; color: #000; background: #eee; border-color: #999; }
div#nav li li.dbl a				{ line-height: 15px; padding: 5px 5px 9px 5px; }

/* --- NAV fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left --- */
div#nav li>ul 					{ top: auto; left: auto; } 

/* --- NAV lists nested under hovered list items --- */
div#nav li:hover ul	 			{ display: block; }
div#nav li.over ul 				{ display: block; }

/* --- HIDE home nav on homepage --- */
body#home li#nhome				{ display: none; }

/* --- PRODUCTS appearance fix sans href via span --- */
ul#navul li#nprod span.nava		{ display: block; cursor: default; color: #000; text-decoration: none; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; }
ul#navul li li span.nava2		{ display: block; cursor: default; margin: 0px; text-decoration: none; width: 140px; color: #333; background: #fff; text-transform: uppercase; height: 24px; font-size: 11px; line-height: 24px; font-weight: normal; border: 1px solid #ddd; border-width: 0px 0px 1px 1px; padding: 0 5px; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; }

/* --- NAV Products lists sub nav --- */
ul#navul li#ngas ul				{ display: none; width: 604px; left: -225px; position: relative; background: #369; border: 1px solid #ddd; padding: 10px; float: left; }
ul#navul li#ngas:hover ul		{ display: block; }
ul#navul li#ngas li				{ float: left; }	
ul#navul li#ngas li a			{ font-size: 10px; height: 18px; line-height: 18px; }
		






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> homepage  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* --- HEADER --- */

div#hometag						{ height: 175px; display: block; text-align: right; }

/* --- MAIN 2 COLS --- */

div#colsimgs					{ width: 564px; clear: both; float: right; }
div#colsimginsert				{ width: 554px; height: 125px; background: #fff url(images/bg_home_2col_fade.gif) no-repeat left bottom; }
div#imgl						{ height: 115px; width: 270px; margin: 5px 0 0 5px; float: left;  display: inline; background: #036 url(images/bg_home_2col_imgl-ca.jpg) no-repeat left top; }
div#imgr						{ height: 115px; width: 270px; margin: 5px 5px 0 0; float: right; display: inline; background: #036 url(images/bg_home_2col_imgl.jpg) no-repeat left top; }
div#colsimginsert a				{ display: block; height: 40px; margin-top: 75px; padding-left: 10px; color: #fff; font-size: 22px; line-height: 40px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; }
div#colsimginsert a:hover		{ color: #fff; }

div#cols						{ width: 559px; clear: right; float: right; background: #fff; }
div#cols a						{ color: #f60; font-weight: normal; }
div#cols a:hover				{ color: #036; }
div#consulswrapper				{ width: 559px; float: right; background: #fff;  }
ul#ul2cols						{ width: 544px; float: left; }
ul#ul2cols li					{ width: 272px; float: left; margin: 0; display: inline; background: #fff url(images/bg_home_2col_corner.jpg) no-repeat left top; }
ul#ul2cols li div.pad			{ margin: 10px; }
ul#ul2cols li h2				{ display: inline; color: #333; font-weight: normal; font-size: 1em; text-transform: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#ul2cols li p					{ margin: .5em 0; }
ul#ul2cols li p.pin				{ display: inline; }

ul#ul2cols h2					{ font-weight: bold !important; }
ul#ul2cols ul.caprods 			{ padding: 5px 0 15px 0; }
ul#ul2cols ul.caprods li		{ background: none; }

div#rink						{ margin-top: 10px; background: #e5eff5 url(images/rink_home_inset.jpg) no-repeat left center; border: 1px solid #036; padding: 10px 10px 10px 75px; }
div#rink a						{ line-height: 1.75em; font-weight: bold; text-decoration: none; color: #036; }
div#rink a:hover				{ text-decoration: underline; color: #f60; }

div#hvac						{ margin-top: 10px; background: #333 url(images/hvac_home_inset.jpg) no-repeat left center; color: #99c2d6; border: 1px solid #f60; padding: 10px 3px 10px 70px; }
div#hvac a						{ line-height: 1.75em; font-weight: bold; text-decoration: none; color: #fff; }
div#hvac a:hover				{ text-decoration: underline; color: #f60; }

div#cim							{ margin-top: 10px; background: #000 url(images/cim-ca.gif) no-repeat 8px top; color: #fff; border: 1px solid #f60; padding: 100px 10px 10px 20px; }
div#cim a						{ font-size: 2em; line-height: 1.75em; font-weight: bold; text-decoration: none; color: #f60; }
div#cim a:hover					{ text-decoration: underline; color: #99c2d6; }
div#cim li						{ color: #fff; }

div#hvac2						{ margin: 10px 10px 0 10px; background: #333 url(images/hvac_home_inset.jpg) no-repeat left center; color: #99c2d6; border: 1px solid #f60; padding: 50px 8px 10px 50px; }
div#hvac2 a						{ line-height: 1.75em; font-weight: bold; text-decoration: none; color: #fff; }
div#hvac2 a:hover				{ text-decoration: underline; color: #f60; }

div#smad						{ margin: 10px 0px 0 10px; background: #333 url(images/bg_smad-ca.jpg) no-repeat left center; color: #99c2d6; border: 1px solid #f60; padding: 10px 4px 50px 70px; }
div#smad a						{ line-height: 1.75em; font-weight: bold; text-decoration: none; color: #fff; }
div#smad a:hover				{ text-decoration: underline; color: #f60; }



/* --- LEFT COL --- */

div#homeleft					{ padding: 13px 0 0 0; clear: left; }

div#homefind					{ padding-bottom: 10px; }
div#homefind h2					{ height: 50px; margin-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_downarrow_top.gif) no-repeat left bottom; }
div#homefind li					{ height: 33px; margin-bottom: 10px; background: url(images/bg_find_arrow.gif) no-repeat left center; }
div#homefind li a				{ height: 33px; margin-left: 10px; line-height: 33px; font-size: 14px; color: #fff; display: block; font-weight: bold; text-transform: uppercase; text-decoration: none; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; }

div#homeabout					{ background: url(images/bg_h_drop.gif) repeat-x left top; }
div#homeabout h2				{ height: 50px; margin-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_downarrow_all.gif) no-repeat left bottom; }
div#homeabout p					{ margin: 0 0 5px 10px; font-size: 11px; }
div#homeabout p span			{ width: 219px; display: block; line-height: 1.6em; color: #369; font-family: Arial, Helvetica, Impact; }
div#homeabout blockquote#testim	{ margin-left: 10px; border-top: 1px solid #eee; }
div#homeabout blockquote#testim span 
								{ width: 219px; _width: 205px; display: block; line-height: 1.6em; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px; padding: 5px 10px; }
.habot							{ padding-bottom: 40px; background: url(images/home_about_prod.jpg) no-repeat left bottom; }
/*
ul#flags						{ margin: 10px 0 10px 10px; height: 25px; }
ul#flags li						{ float: left; display: inline; padding-right: 6px; }
ul#flags a						{ padding: 0; background: none; }
*/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> QuickFind Areas - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#quickbox 						{ position: absolute; z-index: 90; width: 0px; top: 0; height: 100%; background: #fff; }
#quicklist 						{ position: absolute; z-index: 95; width: 670px; height: 400px; overflow: auto; margin: 100px 50px; visibility: hidden; padding: 10px; color: #fff;	background: #369; border: 10px solid #fff; }
#quicklist a					{ color: #fff; }
#quickboxnew 					{ position: absolute; z-index: 90; width: 0px; top: 0; height: 100%; background: #fff; }
#quickclose						{ position: absolute; z-index: 98; width: 30px;        height: 20px; background: #f60; margin: 85px 0 0 660px; visibility: hidden; text-align: center; border: 10px solid #fff; }
#quickclose a					{ color: #fff; display: block; font-size: 13px; line-height: 20px; font-weight: bold; text-decoration: none; }

div#allind h2					{ font-size: 1.4em; color: #fff; }
div#allind h3					{ font-size: 1.2em; color: #ddd; margin: 5px 0; }
div#allind li					{ padding-left: 10px; line-height: 1.5em; }

ul.gasul						{ margin-left: 10px; width: 210px; float: left; }
ul.gasul li						{ width: 210px; }
ul.gasul li a					{ display: block; text-decoration: none; }
ul.gasul li a:hover				{ background: #285b8e; text-decoration: underline; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Candian Homepage  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body.ca div#colsimginsert img	{ margin: 5px; }
body.ca div#hometag				{ height: 150px; display: block; text-align: right; }
body.ca div#homeleft			{ margin-top: 25px; }
body.ca div#cacolswrapper		{ padding: 10px 20px 10px 10px; background: #fff url(images/bg_home_2col_corner.jpg) no-repeat left top; }
body.ca h1						{ font-size: 1.35em; padding-bottom: 10px; }