/* CSS Document */
* {
	margin:0;
	padding:0;
}
html { 
	margin: 0;
	background: url(../images/htmlBG.gif) repeat 0px 0px;
}
body {
	margin: 0px;
	background: url(../images/bodyBG.gif) repeat-x 0px 181px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	height: 100%;
}
h2 {
	color: #11911E;
	font-size: 1.833em;
	font-weight: normal;
	margin: 0;
}

h3 {
	color: #767676;
	font-size: 1.5em;
	line-height: 1;
	font-weight: normal;
	margin: 0;
}

/* ( Header )  */

#headerWrap {
	background: url(../images/headerBG.gif) repeat-x top;
	height: 147px;
}
#header {
	width: 904px;
	margin: 0 auto;
}
#header h1 {
	margin: 15px 0 0;
	width: 384px;
	float: left;
}
#header h1 a:link, #header h1 a:visited {
	background: url(../images/logo.jpg) no-repeat top left;
	float: left;
	height: 132px;
	margin: 0;
	width: 384px;
	text-indent: -3000px;
	display: block;
	text-decoration: none;
}
#header h3 {
	color: #605E3A;
	clear: right;
	float: right;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 22px;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding-top: 44px;
	padding-right: 15px;
}
* #header h3 {
	padding-right: 0;
	width: 7.5em;
}
#header #nav1 {
	/*margin: 0 0 -1px;*/
	/*padding: 0;*/
	list-style: none;
	/*float: right;*/
	/*clear: right;*/
	/*position: relative;*/
	position:absolute;
	margin:119px 0 0 474px;
	
	/*top: 1px;*/
}
#header #nav1 li {
	background: url(../images/nav_1_li_bg.gif) no-repeat right top;
	float: left;
	margin: 0;
	padding: 0 0 0 9px;
	line-height: 1;
}
#header #nav1 li.first {
	padding-left: 0;
}
#header #nav1 li.first a {
	background: url(../images/nav_1_bg.gif) no-repeat left top;
	padding-left: 12px;
}
#header #nav1 li a {
	display: block;
	color: #333;
	padding: 7px 16px 8px 0;
	font-weight: bold;
	text-decoration: none;
}
#header #nav1 li.last {
	background: url(../images/nav_1_li-last_bg.gif) no-repeat right top;
}
#header #nav1 li a:hover {
	color: #039411;
}
#headerPic {
	width: 660px;
	float: left;
}
#headerPic img { margin-top: 13px; }
#header #phone {
	font-size: 1.5em;
	float: right;
	padding-top: 40px;
	padding-right: 12px;
	text-align: right;
	color: #12941F;
	margin-bottom: 17px;
	overflow: auto;
}
#header #phone span { font-style: italic; color: #7a7a7a; overflow: auto; }
/* self clearing rules */
.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.selfclear { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.selfclear { display: block; }
/* End hide from IE-mac */

/* ( Navigation ) */

#navWrap {
	background: url(../images/nav_2_bg.gif) repeat-x top;
}
#nav {
	width: 900px;
	margin: 0 auto;
}
/* self clearing rules */
#nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#nav { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#nav { display: block; }
/* End hide from IE-mac */
#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li {
	display: inline;
}
#nav ul li a:link, #nav ul li a:visited {
	text-decoration: none;
	padding: 9px;
	color: #000;
	font-size: 16px;
	line-height: 1;
	font-weight: 900;
	float: left;
}
#nav ul li.onpage a {
	background: url(../images/nav_2_over.gif) repeat-x;
	color:white;
}
#nav ul li a:hover, #nav ul.heat-cool-ventilation li.heat-cool-ventilation a, #nav ul.energy-envelope li.energy-envelope a, #nav ul.tools-equipment li.tools-equipment a, #nav ul.water-plumbing li.water-plumbing a, #nav ul li a:hover, #nav ul.hydronic-radiant li.hydronic-radiant a {
	background: url(../images/nav_2_over.gif) repeat-x;
	color: #FFF;
}
#nav ul li img {
	float: left;
}

/* ( Body ) */

#bodyWrap {
	padding: 0;
	background: url(../images/bodyWrap_bg.gif) repeat-x 0px 0px;
}

/* self clearing rules */
#bodyWrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bodyWrap { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#bodyWrap { display: block; }
/* End hide from IE-mac */
#body {
	background: #FFF url(../images/body_content_bg.gif) repeat-x 0px 0px;
	width: 872px;
	margin: 0 auto;
	padding: 24px 14px;
}
#leftColumn {
	float: left;
	clear: left;
	width: 193px;
	margin: 18px 0 0;
	padding: 0;
	background: url(../images/side_column_bg.gif) repeat 0px 0px;
}
#leftColumn h4 {
	color: #12941F;
	text-transform: uppercase;
	font-size: .916em;
	padding: 0 12px;
	line-height: 1.636;
	margin: 0 0 1.636em;
}
#leftColumn h4.first {
	background: url(../images/sheet_head.gif) no-repeat 0px 0px;
	margin: 6px 0 12px;
}
#leftColumn ul {
	margin: 0 auto 1.5em;
	padding: 0 15px;
	list-style: none;
}
#leftColumn ul li {
	padding: 0;
	text-align: left;
	line-height: 1;
	margin: .818em 0 .818em;
	color: #12941F;
	font-size: .916em;
	
}
#leftColumn ul li a {
	color: #12941F;
	text-decoration: none;
	margin-left: .562em;
}
#leftColumn ul li a:hover {
	text-decoration: underline;
}
#leftColumn p {
	padding: 0 12px;
	font-size: .916em;
	line-height: 1.636;
	color: #595959;
	background: url(../images/sheet_foot.gif) no-repeat 0px bottom;
	margin: 0 0 1.636em;
}
#leftColumn p span {
	font-size: 1.167em;
	color: #7A7D4F;
}
#rightColumn {
	float: right;
	width: 199px;
	
	height: 400px;
}
#rightColumn p {
	line-height: 1.5;
}
#rightColumn .feature {	
	background: url(../images/box_bg.gif) repeat-y 0px 0px;
}
#rightColumn .feature + .feature {
	margin-top: 18px;
}
#rightColumn .feature h3 {
	padding-top: 18px;
	width: 216px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #8F9165;
	font-size: 2em;
	font-variant: small-caps;
	line-height: 1.5;
	font-weight: normal;
	background: url(../images/box-corners_top.gif) no-repeat 0px 0px;
}
#rightColumn .content {
	background-image: url(../images/box-corners_bottom.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding: 7px 16px 1px 16px;
}
#rightColumn .content ul {
	padding: 0 0 0 1.666em;
	margin: 0;
}
#rightColumn .content ul  li {
	margin: 1.285em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.167em;
}
#rightColumn .quote {
	text-indent: 30px;
	background: url(../images/box-quote.gif) no-repeat top left;
	line-height: 1.65;
}
#rightColumn h4 a {
	width: 201px;
	height: 89px;
	text-decoration: none;
	text-indent: -3000px;
	background: url(../images/guarantee_btn.gif) no-repeat top left;
	display: block;
	text-align: left;
}
#bodyContent {
	float: left;
	width: 453px;
	padding: 18px 0 0 12px;
}
#bodyContent.products {
	width: 666px;
}
#bodyContent p {
	line-height: 1.5;
	margin: 0 0 1.5em;
}
#bodyContent ul {
	padding-left: 20px;
	line-height: 1.5;
}
#bodyContent ul li {
	line-height: 1.5;
	list-style-type: disc;
}
#bodyContent h2 {
	line-height: 1.636;
	color: #11911E;
}
#bodyContent li {
	line-height: 1;
	margin: .75em 0;
}
#bodyContent h3 + dl { margin-top: 1.5em; }
#bodyContent dl {
	margin: 0;
	padding: 0;
}
#bodyContent dl dt {
	margin: 0;
	line-height: 1.5;
}
#bodyContent dl dd {
	margin: 0;
}
#bodyContent p.products {
	padding-right: 213px;
}
#bodyContent dl.products {
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 213px;
}

/* Energy Envelope Logos */
	#bodyContent dl#arxx {
		background-image: url(../images/logos/arxx.gif);
		background-position:center;
	}
	#bodyContent dl#insuldeck {
		background-image: url(../images/logos/insul-deck.gif);
		background-position:center;
	}
	#bodyContent dl#seriouswindows {
		background-image: url(../images/logos/seriouswindows.gif);
		background-position:right center;
	}
	#bodyContent dl#insulfoam {
		background-image: url(../images/logos/insulfoam.gif);
		background-position:center;
	}
	#bodyContent dl#tytan {
		background-image: url(../images/logos/tytan.gif);
	}
	#bodyContent dl#colphene {
		background-image: url(../images/logos/soprema.gif);
		padding-top: 9px;
	}
	#bodyContent dl#delta {
		background-image: url(../images/logos/delta-ms-clear.gif);
	}
	#bodyContent dl#viper {
		background-image: url(../images/logos/viper.gif);
	}
	#bodyContent dl#accuvent {
		background-image: url(../images/logos/accuvent.gif);
	}
	#bodyContent dl#ecostar {
		background-image: url(../images/logos/ecostarLogo.gif);
	}	
	#bodyContent dl#logix {
		background-image: url(../images/logos/logix.gif);
	}
	#bodyContent dl#beaver {
		background-image: url(../images/logos/beaver.jpg);
	}
	#bodyContent dl#codel {
		background-image: url(../images/logos/codel.jpg);
	}
/* Heat Cool Ventilation Logos */
	#bodyContent dl#therma {
		background-image: url(../images/logos/thermastor.gif);
	}
	#bodyContent dl#sunmaxx {
		background-image: url(../images/logos/sunmaxx.gif);
	}
	#bodyContent dl#seisco {
		background-image: url(../images/logos/seisco.jpg);
	}
	#bodyContent dl#fujitsu {
		background-image: url(../images/logos/fujitsu.gif);
	}
	#bodyContent dl#munchkin {
		background-image: url(../images/logos/heattransfer.gif);
	}
	#bodyContent dl#econar {
		background-image: url(../images/logos/econar.gif);
	}
	#bodyContent dl#lifebreath {
		background-image: url(../images/logos/lifebreath.gif);
	}

/* Tools & Equipment */
	#bodyContent dl#smart {
		background-image: url(../images/logos/smartsolutions.gif);
	}
	#bodyContent dl#advancedconcrete {
		background-image: url(../images/logos/advancedconcrete.gif);
	}
	#bodyContent dl#malco {
		background-image: url(../images/logos/malco.gif);
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#bodyContent dl#oztec {
		background-image: url(../images/logos/oztec.gif);
	}
	#bodyContent dl#pls {
		background-image: url(../images/logos/plslaser.gif);
	}
	#bodyContent dl#shocker {
		background-image: url(../images/logos/shockerhitch.gif);
	}
	#bodyContent dl#uniscaffold {
		background-image: url(../images/logos/uniscaffold.gif);
	}
	#bodyContent dl#xantrex {
			background-image: url(../images/logos/xantrex.gif);
		}
	#bodyContent dl#raimondi {
		background-image: url(../images/logos/raimondi.gif);
	}
/* Water & Plumbing */
	#bodyContent dl#aquaair {
		background-image: url(../images/logos/aqua-air.gif);
	}
	#bodyContent dl#grundfos {
		background-image: url(../images/logos/grundfos.gif);
	}
	#bodyContent dl#pelicanwater {
		background-image: url(../images/logos/pelican.gif);
	}
	#bodyContent dl#sylvan {
		background-image: url(../images/logos/sylvan.gif);
	}
	#bodyContent dl#uponor {
		background-image: url(../images/logos/uponor.gif);
	}
	#bodyContent dl#webstone {
		background-image: url(../images/logos/webstone.gif);
	}
/* Hydronic Radiant */
	#bodyContent dl#azel {
			background-image: url(../images/logos/azel.gif);
		}
	#bodyContent dl#caleffi {
			background-image: url(../images/logos/caleffi.gif);
		}
	#bodyContent dl#carisa {
			background-image: url(../images/logos/carisa.gif);
		}
	#bodyContent dl#easyflex {
			background-image: url(../images/logos/easyflex.gif);
		}
	
	#bodyContent dl#htp {
			background-image: url(../images/logos/htp.gif);
		}
	#bodyContent dl#hai {
			background-image: url(../images/logos/hai.gif);
		}
	#bodyContent dl#mdmfg {
			background-image: url(../images/logos/mdmfg.gif);
		}
	#bodyContent dl#myson {
			background-image: url(../images/logos/myson.gif);
		}
		
		
		
		
#bodyContent dl.products dt {
	font-weight: bold;
	color: #11911E;
}
#bodyContent dl.products p {
	font-style: italic;
}
#bodyContent .documentation {
	float: left;
	position: relative;
	padding: 0;
	margin-left: 0;
	margin-right: -205px;
	width: 193px;
	left: -205px;
}
#bodyContent .documentation div ul {
	margin: 0;
	padding: 12px;
	font-size: .916em;
	list-style: none;
}
#bodyContent .documentation div ul li {
	margin: 0 0 .818em;
	padding: 0;
}
#bodyContent .documentation .header {
	text-decoration: none;
	padding: 3px 5px 3px;
	border-top: 1px solid #aaa;
	font-weight: bold;
	background-color: #999;
	color: #FFF;
	display: block;
}
#bodyContent .documentation .header:hover {
	background-color: #7a7a7a;
}
#bodyContent .documentation ul a {
	color: #12941F;
	text-decoration: none;
}
#bodyContent .documentation ul a:hover {
	text-decoration: underline;
}
#bodyContent .documentation .ui-accordion-content-active {
	z-index: 500;
	position: relative;
	float: left;
	background: url(../images/side_column_bg.gif) repeat;
	width: 100%;
}
#footerPic {
	width: 452px;
	height: auto;
	margin: 18px auto 0;
	clear: both;
}

/* ( Footer ) */

#footerWrap {
	background: #767676 url(../images/footerWrapBG.gif) repeat-x 0px 0px;
}
#footer {
	background: url(../images/footerBG.gif) repeat-x 0px 0px;
	width: 900px;
	margin: 0 auto;
}
#footerContent {
	padding: 15px 200px 0;
}
/* self clearing rules */
#footerContent:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#footerContent { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#footerContent { display: block; }
/* End hide from IE-mac */
#footer #locations {
	float: left;
	width: 363px;
}
#footer #contact {
	float: left;
	width: 230px;
}
#footer h4 {
	font-size: 18px;
	color: #d9d9d9;
	border-bottom: 1px dotted #FAFAFA;
	width: 183px;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding-bottom: 6px;
}
#footer #contact address {
	font-style: normal;
	font-size: .916em;
	color: #D4D4D4;
	float: left;
}
#footer #contact address a {
	text-decoration: none;
	color: #D4D4D4;
}
#footer #contact address a:hover {
	text-decoration: underline;
}
#footer #contact .a1 {
	float: left;
}
#footer #contact .a2 {
	float: right;
}
#footer #footerNav {
	float: right;
	color: #D4D4D4;
	width: 200px;
	margin: 0;
}
#footer #footerNav ul {
	margin: 0;
	padding: 0;
	width: 236px;
}
#footer #footerNav ul li {
    width: 118px;
	list-style: none;
	float: left;
}
#footer #footerNav ul li a:link, #footer #footerNav ul li a:visited {
	font-size: .916em;
	color: #D4D4D4;
	text-decoration: none;
	
}
#footer #footerNav ul li a:hover {
	text-decoration: underline;
}
#copyright {
	font-size: .916em;
	color: #C6C6C6;
	padding: 5px 0;
	text-align: center;
}
#copyright a:link, #copyright a:visited {
	color: #C6C6C6;
	text-decoration: none;
}
#copyright a:hover {
	text-decoration: underline;
}

/* ( Classes ) */

.clear {
	clear: both;
}
p.smallRight {
	font-size: .917em;
	text-align: right;
}
div.horRule {
	height: 18px;
	background: url(../images/hr.gif) no-repeat;
	line-height: 1.5;
	margin: 0;
	display: block;
}
div.horRule hr {
	display: none;
}
.top {
	text-align: right;
}
/* Third Level Navigation */
#nav3 {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style: none;
	background: url(../images/nav_3_bg.gif) repeat-x;
}
/* self clearing rules */
#nav3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#nav3 { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
#nav3 { display: block; }
/* End hide from IE-mac */
#nav3 li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav3 li a {
	float: left;
	font-weight: bold;
	color: #039411;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}
#nav3 li a:hover {
	background: url(../images/nav_3_over.gif) repeat-x;
	color: #FFF;
}
#nav3.heat-cool-ventilation li a {
	margin: 0 1.25em;
	/*padding: 5px 12px 10px 12px;*/
	padding:5px 9px 10px;
}
#nav3.water-plumbing li a {
	margin: 0 1.65em;
	padding: 7px 12px 10px 12px;
}
#nav3.hydronic-radiant li a {
	margin: 0 .9em;
}
#nav3.tools-equipment li a {
	margin: 0 1.75em;
}
#nav3.selfclear_energy-envelope{
	margin: 0;
}
#nav ul li a:link, #nav ul li a:visited { padding-left: 19px; padding-right: 19px; }

#headerimg {
padding-left: 200px;
}
#headerbutton {
float:right;
margin-right: -188px;
margin-top: 8px;
height: 29px;
position: relative; 
z-index: 900;
}