	/* 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,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.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: 13px; 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 */			

.attn							{ color: fuchsia; font-weight: bold; }



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> containers  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#wrapper						{ width: 800px; text-align: left; margin: 0 auto; }
div#header						{ position: relative; height: 96px; background: #fff; }
div#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: 10px; z-index: 90; }/* z-index down to 90 to be below quick-find overlays */

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 131px; }
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_2010.jpg); padding-bottom: 0; }

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: 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-left: 16px; }/*  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; }

/* --- NAV CA products .ca home link excetpions for pID= 40, 41, 42 --- */
li#nhome a.cahome span			{ padding-right: 14px; background: url(images/bg_nav_ca_home.gif) no-repeat right 40%; }
		

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> interior pages  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* --- LT COL --- */
div#content						{ margin: 54px 0 0 10px; float: left; display: inline; width: 554px; background: #fff url(images/bg_int_content_bot.gif) no-repeat right bottom; }
div#content h1					{ margin: 5px; }
div#content h1 span				{ display: block; font-size: 22px; padding-left: 10px; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase; }/* */
div#content h1 span.nam			{ line-height: 32px; color: #036; background: url(images/bg_int_top_head_bl.gif) repeat-y left top; }
div#content h1 span.num			{ line-height: 41px; color: #fff; background: url(images/bg_int_top_head_or.gif) repeat-y left top; border-bottom: 5px solid #fff; }
div#content h1 span img			{ height: 5px; }

div#conlow						{ margin: 0 10px 0 15px; float: left; display: inline; padding: 5px 0; min-height: 25em; }/*  */
div#conlow p,#conlow p strong	{ line-height: 1.85em; }
div#conlow h2,div#conlow .h2	{ font-size: 1.3em; margin: 1.5em 0 10px 0; clear: both; }
div#conlow h2.tight				{ margin: 10px 0 0 0; }
div#conlow h3					{ font-size: 1.0em; margin: 10px 0; }

div#conlow a					{ color: #f60; text-decoration: underline; }
div#conlow a:link				{ color: #f60; }
div#conlow a:visited			{ color: #999; } 
div#conlow a:hover				{ color: #036; }
div#conlow a:active				{ color: #369; }

body#prod div#conlow			{ margin-top: 0; } /* pulls prod items back up to top w/o margin */

body#gas div#gapps				{ margin: 0 0 20px 0; }
div#gapps h3					{ float: left; margin: 0; padding-right: 10px; line-height: 1.85em; }
div#gapps p						{ margin-bottom: 0.85em; }

/* --- PROD CONTENTS --- */
table.dtable					{ width: 529px; margin: 5px 0 20px 0; border-top: 1px solid #369; }
table.dtable th,table.dtable td	{ border-bottom: 1px solid #99c2d6; text-align: left; font-weight: normal; padding: 4px; line-height: 1.25em; font-size: 10px; }
table.dtable th					{ background: #e5eff5; color: #369; width: 100px; }
table.dtable td					{ background: #f2f7fa; color: #333; width: 163px; }

table.ptable					{ width: 529px; margin: 5px 0 10px 0; border-top: 1px solid #369; }
table.ptable td					{ border-bottom: 1px solid #ddd; text-align: left; font-weight: normal; padding: 4px; line-height: 1.25em; font-size: 10px; }
table.ptable td					{ background: #fafafa; color: #333; width: 264px; }

table.ptable th span.nowrap,table.ptable td span.nowrap,table.dtable th span.nowrap,table.dtable td span.nowrap
								{ font-size: 10px; }
                                
a.newlink						{ display: block; padding: 10px; margin-bottom: 10px; border: 1px solid #e5eff5; background: #f2f7fa; font-size: 15px; text-decoration: none !important; }
a.newlink span					{ color: #369; font-size: 11px; }

p.ytvid							{ background: #e5eff5; border: 1px solid #99c2d6; padding: 15px 0 15px 15px; margin-bottom: 15px; }
p.ytvid a						{ background: url(images/icon-link-television.png) no-repeat left 50% !important; padding-left: 20px; }

/* --- MULTI-COL FEAT LISTS --- */
/*ul.featul						{ width: 529px; margin: 5px 0 10px 0; }
ul.featul li					{ width: 247px; color: #666; background: url(images/bg_bullet_blue_6sq.gif) no-repeat left .8em; padding: 0 0 0 15px; }
.feat1	 						{ margin-left: 0px;   line-height: 2em; }  use on col1 items * /
.feat2 							{ margin-left: 266px; line-height: 2em; } / * use on col2 items */

div#featdiv						{ width: 529px; float: left; }
ul.featul						{ width: 237px; float: left; margin: 5px 0 10px 20px; }
ul.featul li					{ width: 237px; color: #666; background: url(images/bg_bullet_blue_6sq.gif) no-repeat left .8em; padding: 0 0 0 15px; line-height: 2em; font-size: 10px; }
ul.featul li span.nowrap		{ font-size: 10px; }


/* --- MULTI-COL APP LISTS --- */
/*ul.appsul						{ width: 529px; margin: 5px 0 20px 0; }
ul.appsul li					{ width: 165px; color: #369; background: url(images/bg_bullet_orange_5sq.gif) no-repeat left .65em; padding: 0 0 0 10px; }
.app1	 						{ margin-left: 0px;   line-height: 1.5em; }  use on col1 items * /
.app2 							{ margin-left: 177px; line-height: 1.5em; } / * use on col2 items * /
.app3 							{ margin-left: 354px; line-height: 1.5em; } / * use on col3 items */

div#appsdiv						{ width: 529px; float: left; }
ul.appsul						{ width: 165px; float: left; margin: 5px 0 20px 15px; display: inline; } /* inline for IE6 dbl-margin bug */
ul.appsul li					{ width: 165px; color: #369; background: url(images/bg_bullet_orange_5sq.gif) no-repeat left .65em; line-height: 1.65em; padding: 0 0 0 10px; font-size: 10px; }
ul.appsul li span.nowrap		{ font-size: 10px; }

.col1							{ margin-left: 0 !important; } /* USE on first col in multi-col lists */

/* --- CONTACT CLASS ITEMS --- */
div.contwrap					{ width: 520px; float: left;  clear: both; margin: 10px 0 30px 0; border-bottom: 1px dotted #999; padding-bottom: 5px; }
address.contadd,p.contadd		{ width: 250px; float: left;  line-height: 1.75em; display: inline; clear: left; }
address.contadd strong			{ line-height: 1.75em; }
dl.contdl						{ width: 230px; float: right; }
dl.contdl dt					{ width: 90px;  float: left;  line-height: 1.75em; clear: both; color: #369; }
dl.contdl dd					{ width: 130px; float: left;  line-height: 1.75em;}
dl.contdl dd.addl				{ margin-left: 90px; }
dl.contdl dd a					{ line-height: 1.75em; }

div.canada						{ position: relative; border: 1px solid #fff; } /* border required for some yet-unsolved weird layout issue (webkit/moz) */
div.canada div#conUS			{ height: 31.5em; position: absolute; top: 33em;  }
div.canada div#conCA			{ height: 31.5em; position: absolute; top: 0; }
div.canada div#conAU			{ margin-top: 66em; }	


/* --- BULLETED LISTS --- */
ul.bluebul,ul.oranbul			{ margin: 0 10px 10px 10px; }
ul.bluebul li					{ background: url(images/bg_bullet_blue_6sq.gif) no-repeat left .8em;   line-height: 2em; padding: 0 0 0 15px; color: #333; }
ul.oranbul li					{ background: url(images/bg_bullet_orange_5sq.gif) no-repeat left .8em; line-height: 2em; padding: 0 0 0 10px; color: #333; }
ul.oranbul li a					{ line-height: 1.4em; } /* was spec'd @ 2em, cannot find need for usage, 1.4 pulls some lists tighter */

ol#radiool						{ margin: 15px; }
ol#radiool li					{ list-style: outside decimal; margin-left: 15px; color: #333; line-height: 1.5em;  }

/* --- SUPPORT FORM --- */
dl#supform						{ width: 529px; float: left; margin-bottom: 10px; }
dl#supform dt					{ width: 140px; float: left; margin-top: 5px; height: 25px; line-height: 20px; clear: both; }
dl#supform dd					{ width: 370px; float: left; margin-top: 5px; height: 25px; margin-left: 10px; color: #666; }
dl#supform dd span				{ font-size: 9px; }

dl#supform input,dl#supform select,dl#supform option,dl#supform textarea
								{ width: 200px; }

.reg							{ font-size: 11px; color: #666; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase;  }
.req							{ font-size: 11px; color: #036; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase; }
.reqbg							{ background: #e5eff5; }

div#supsub						{ width: 270px; float: left; margin-top: 10px; margin-left: 150px; }

/* --- FAQs --- */
dl.faq dt						{ margin-bottom: 5px; font-size: 1.2em; font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase; color: #036; }
dl.faq dd						{ margin: 0 10px 20px 10px; }

/* --- PROD IND LIST PAGE ITEMS --- */
h3.lih3							{ padding-left: 10px; margin-bottom: 0; }
h3.lih3+ul						{ margin-top: 5px; }

/* --- GAS LIST PAGE ITEMS --- */
p#goalist						{ margin: 50px 0 20px 0; }
p#goalist a						{ padding: 0 5px; }
a.alist							{ margin: 10px 0 0 0; font-size: 9px; display: block; text-align: right; padding: 10px 0; }
a.alist:hover					{ background: url(images/bg_int_top_head_bl.gif) repeat-y left top; }
a.alist:visited					{ color: #f60 !important; }
a.bluebul						{ background: url(images/bg_bullet_blue_6sq.gif) no-repeat left 50%;   line-height: 1.15em; padding: 0 0 0 10px; color: #f60; margin-left: 15px; }

/* --- SITEMAP --- */
ul#mapul li						{ margin: 10px 0 0 20px; background: url(images/bg_bullet_blue_6sq.gif) no-repeat left .5em; padding-left: 10px; }
ul#mapul li li					{ background: url(images/bg_bullet_orange_5sq.gif) no-repeat left .5em; }
ul#mapul li li li				{ margin-top: 3px; background: none; padding-left: 0; }


/* --- RESOURCES --- */
body#resources div#conlow ul,body#resources div#conlow dl
								{ margin-bottom: 4em; }
                                
div.caption						{ padding: 5px; margin: 10px 0; width: 80%; margin-left: 19%; } /*  background: #e5eff5; */
div.caption img					{ display: block; }
div.caption span				{ display: block; font-size: 9px; font-style: italic; font-weight: bold; color: #369; margin-top: 5px; padding: 3px 5px; border: 1px solid #99c2d6; border-width: 0 0 1px 1px; }

div#pmsds						{ background: #e5eff5; width: 25%; float: right; padding: 6px; margin: 20px 0 0 10px; }
div#pmsds h2					{ padding: 5px; background: #eaf2f7; margin: 0; }
div#pmsds ul					{ padding: 5px; background: #eaf2f7; }

#resources #conlow li			{ margin-bottom: 10px; }
#resources #conlow dt			{ color: #036; }
#resources #conlow dt a			{ color: #000; text-decoration: none; font-size: 1.1em; font-family:  "Arial Narrow", "Trebuchet MS", Arial, Helvetica, Impact; font-weight: bold; text-transform: uppercase; }
#resources #conlow dt a:hover	{ color: #f60; text-decoration: underline; }
#resources #conlow dd			{ margin: 0 0 15px 10px; }

#resources h2 a					{ float: right; font-size: 9px; }

#resources ul.oranbul li		{ line-height: 1.25em; background-position: left .5em; }	

#resources .prinfo				{ font-size: 9px; font-weight: bold; text-align: right; }

div#conlow a sub				{ text-decoration: none !important; }


/* --- INSET ARTICLE --- */
#art							{ background: #eee; width: 170px; float: right; margin-left: 5px; }
#art img						{ padding: 10px; }
#art p							{ padding: 0 10px; font-size: 9px; color: #666; }

.clno							{ clear: none !important; }






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> right column  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

div#intright					{ margin-top: 109px; width: 236px; float: right; background: url(images/bg_int_rt_top_fade.gif) no-repeat left 40px; }

/* --- PROD / BROCHURE --- */
h2#prodnum						{ height: 40px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; }
div#intimg						{ padding: 15px; text-align: center; }
h2#intbro						{ height: 50px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_int_rt_head.gif) no-repeat left bottom; }
div#intbroc						{ padding: 15px; text-align: center; }
div#intbroc img					{ border: 1px solid #ddd; }
ul#broc							{ height: 150px; }
ul#broc li						{ float: left; margin-right: 3px; }
ul#broc li a					{ text-align: center; text-decoration: none; }

/* --- WHERE TO BUY --- */
h2#intbuy						{ height: 50px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_int_rt_head.gif) no-repeat left bottom; }
ul#buyul li						{ height: 33px; margin-bottom: 10px; background: url(images/bg_int_rt_orange.gif) no-repeat left center; }
ul#buyul li a					{ height: 33px; margin-left: 15px; 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; }

p#indist						{ margin: 0 10px 10px 10px; background: #e5eff5; padding: 3px; font-size: 11px; font-weight: bold; border: 1px solid #369; }

/* --- DOCS --- */
h2#intdocs						{ height: 50px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_int_rt_head.gif) no-repeat left bottom; }
ul#docsul li					{ height: 35px; margin: 0 0 5px 10px; background: url(images/dl_icon_pdf.gif) no-repeat left center; }
ul#docsul li a					{ height: 35px; padding-left: 30px;   background: url(images/dl_icon_pdf.gif) no-repeat left center; line-height: 35px; font-size: 11px; color: #333; display: block; text-decoration: none; white-space: nowrap; }
ul#docsul li a:hover			{ text-decoration: underline; }

/* --- SUPPORT --- */
h2#intsup						{ height: 50px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_int_rt_head.gif) no-repeat left bottom; }
ul#supul li						{ height: 33px; margin-bottom: 10px; background: url(images/bg_int_rt_orange.gif) no-repeat left center; }
ul#supul li a					{ height: 33px; margin-left: 15px; 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; }
body#support div.contwrap		{ border: none; }

/* --- FIND --- */
p#intfind						{ height: 50px; padding-left: 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_int_rt_head.gif) no-repeat left bottom; margin-bottom: 0; }
ul#findul li					{ height: 33px; margin-bottom: 10px; background: url(images/bg_int_rt_orange.gif) no-repeat left center; }
ul#findul li a					{ height: 33px; margin-left: 15px; 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; }

/* --- TESTIMONIALS --- */
blockquote#testim				{ margin-left: 10px; }
blockquote#testim span			{ display: block; line-height: 1.6em; color: #369; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 16px; padding: 15px 5px; }





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> homepage  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* --- HEADER --- */

div#hometag						{ position: relative; height: 101px; }
div#hometag h1					{ float: right; margin-top: 14px; margin-right: 25px; width: 333px; background-image: url(images/home_header_tag_2010.gif); background-repeat: no-repeat; padding: 46px 0 0 0; overflow: hidden; height: 0px !important; height /**/:46px; }
								/* position: absolute; top: 14px; right: 25px;  */

/* --- MAIN 2 COLS --- */

div#colsimgs					{ width: 784px; margin: 0 auto; padding: 1px 0; background: #fff url(images/bg_home_cols_fade.gif) repeat-x left bottom; }
div#colsimginsert				{ width: 772px; height: 100px; margin: 0 auto; border: 5px solid #fff; background: #fff; }
div#imgl						{ height: 100px; width: 254px; margin-left: 0;   float: left; display: inline; background: #036 url(images/bg_home_2col_imgl_2010.jpg) no-repeat right bottom; }
div#imgm						{ height: 100px; width: 254px; margin-left: 5px; float: left; display: inline; background: #036 url(images/bg_home_2col_imgm_2010.jpg) no-repeat right bottom; }
div#imgr						{ height: 100px; width: 254px; margin-left: 5px; float: left; display: inline; background: #036 url(images/bg_home_2col_imgr_2010.jpg) no-repeat right bottom; }

div#cols						{ width: 784px; margin: 0 auto; }
div#cols a						{ color: #f60; font-weight: normal; }
div#cols a:hover				{ color: #036; }
div#consulswrapper				{ width: 559px;  }
ul#ul3cols						{ width: 784px; }
ul#ul3cols li					{ width: 254px; float: left; margin: 0 0 0 5px; display: inline; background: #fff url(images/bg_home_2col_corner.jpg) no-repeat left top; }
ul#ul3cols li div.pad			{ position: relative; margin: 10px; }
ul#ul3cols li h2				{ position: absolute; top: -56px; height: 40px; width: 244px; }
ul#ul3cols li h2 a				{ display: block; 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; }
ul#ul3cols li h2 a:hover		{ color: #eee; }
ul#ul3cols li p					{ margin: .5em 0; }
ul#ul3cols li p.pin				{ display: inline; }

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; }



/* --- LEFT COL --- */

div#homeleft					{ padding: 0; clear: both; }

div#homefind					{ float: right; width: 264px; padding-bottom: 10px; }
div#homefind div.h2				{ height: 50px; margin: 0 0 2px 10px; line-height: 40px; font-size: 20px; color: #036; background: url(images/bg_downarrow_all.gif) no-repeat left bottom; }
div#homefind li					{ height: 33px; margin: 0 0 10px 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: 20px; 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 150px; font-size: 11px; }
div#homeabout p span			{ width: 362px; display: block; line-height: 1.6em; color: #369; font-family: Arial, Helvetica, Impact; }
div#ha2							{ background: url(images/bg_ha2_map.gif) no-repeat left 40px; padding-bottom: 30px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> QuickFind Areas - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#quickbox 						{ position: absolute; z-index: 95; width: 0px; top: 0; height: 100%; background: #fff; }
#quicklist 						{ position: absolute; z-index: 97; width: 670px; height: 400px; overflow: auto; margin: 130px 50px; visibility: hidden; padding: 10px; color: #fff;	background: #369; border: 10px solid #fff; }
#quicklist a					{ color: #fff; }
#quickboxnew 					{ position: absolute; z-index: 96; width: 0px; top: 0; height: 100%; background: #fff; }
#quickclose						{ position: absolute; z-index: 98; width: 30px;        height: 20px; background: #f60; margin: 115px 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; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* >>> Canadian 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; }

