/* General style  */

body{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#2D2D2D;
	background-color:#3787CA;
	padding:26px 0;
	margin:0;
}
div, ul, img, p, h1, h2, h3, h4, form{
	margin:0;
	padding:0;
}
a{
	outline:none;
	text-decoration:none;
}
ul{
	list-style-type:none;
}

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
}

/* Wrapper panel style */

#wrapper{
	width:900px;
	margin:0 auto;
	position:relative;
	padding:17px;
	background-color:#fff;
	color:inherit;
}
h1 {
	font:normal 24px/26px Arial, Helvetica, sans-serif;
	color:#2649BD;
}
h2 {
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}
h3 {
	font:normal 16px/18px Arial, Helvetica, sans-serif;
}
.bluetext {
	font-size:24px;
	color:#2649BD;
}
.greentext {
	font-size:24px;
	color:#76923C;
}
.blacktext {
	font-size:20px;
	color:#000;
}
#mainpan p.testimonial {
	padding:13px 0 0px 0;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	font-style:italic;
	margin-bottom:0;
	}
#mainpan p.credit  {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#003366;
	background-color:inherit;
	text-align:right;
	margin-right:40px;
	margin-top:0;
	}	

/* Header panel style */
#header {
	background:url(../images/header.jpg) 0 0 no-repeat;
	padding:0 0 0 0;
	width:900px;
	overflow:hidden;
	position:relative;
}


#header img.logo {
	position:absolute;
	top:63px;
	left:17px;
	display:block;

}

#header div.topnav {
	width:318px;
	float:right;
	padding:11px 0 6px 0;
}

#header div.topnav ul {
	width:318px;
	padding:0 0 12px 0;
	height:100%;
	overflow:hidden;
}

#header div.topnav ul li {
	background:url(../images/topnav-divider.gif) 100% 3px no-repeat;
	font:bold 12px/16px Arial, Helvetica, sans-serif;	
	padding:0 12px;
	float:left;
	width:auto;
}

#header div.topnav ul li.nobg {
	background:none;
}

#header div.topnav ul li a {
	color:#004078;
	background-color:inherit;		
}

#header div.topnav ul li a:hover {
	color:#016B9C;
	background-color:inherit;		
}

#header div.topnav p{
	background:url(../images/callnow.jpg) 95% 0 no-repeat;
	text-indent:-50000px;
	font-size:0;
	line-height:0;
	width:318px;
	height:120px;
	padding:0 0 0 0;
}
/* mainmenu panel style */
#mainmenu {
	width:900px;
	height:100%;
	overflow:hidden;
}

#mainmenu p {
	width:199px;
	text-indent:-20000px;
	font-size:0;
	line-height:0;
	height:39px;
	background:url(../images/tagline.gif) 0 0 no-repeat;
	float:left;
}

#mainmenu h2 {
	float:left;
	width:366px;
	height:39px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;	
	background:url(../images/heading.gif) 0 0 no-repeat;
	margin:0 1px 0 0;
}

#mainmenu ul {
	width:334px;
	height:39px;
	float:right;
}

#mainmenu ul li {
	float:left;
	width:auto;
	margin:0 1px 0 0;
}

#mainmenu ul li.nomargin {
	margin:0;
}

#mainmenu ul li a {
	font:normal 17px/37px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 22px;
	background:url(../images/nav-bg.gif) 0 0 repeat-x #7FC1F5;
	border:1px solid #005AA3;
	display:block;
}

#mainmenu ul li a:hover {
	padding:0 22px;
	background: url(../images/nav-hover-bg.gif) 0 0 repeat-x #7ABA0C;
	border:1px solid #5B9400;
	color:#000;
}
/* Body panel style */
#bodypan {
	width:900px;
	padding:0 0 35px 0;
	height:100%;
	overflow:hidden;
}

/* Left panel style */
#leftpan {
	float:left;
	width:199px;
	padding:40px 0 0 0;
}
ul.dropdown {
	padding:0;
	margin:0;
	width:199px;
	}
ul.dropdown li {
	list-style-type:none;
	padding:0;
}
ul.dropdown li.extraPad {
	padding:0 0 0 28px;
}
ul.dropdown li span.curveOne{
	display:block;
	width:32px;
	height:32px;
	background:url(../images/curve-one.gif) 0 3px no-repeat;
	position:relative;
	left:-13px;
	top:0;
	padding:3px 0;
}
ul.dropdown li span.curveTwo{
	display:block;
	width:32px;
	height:32px;
	background:url(../images/curve-two.gif) 0 2px no-repeat;
	position:relative;
	left:15px;
	top:0;
	padding:6px 0 0;
}
ul.dropdown li a {
	font:bold 16px/20px Helvetica, Arial, sans-serif;
	color:#055BA6;
	background-color:inherit;
	text-decoration:none;
	background:url(../images/ball2.gif) 0 0 no-repeat;
	display:block;
	}
ul.dropdown li a.singleLine{
	list-style-type:none;
	padding:8px 0 8px 44px;
	}
ul.dropdown li a.doubleLine{
	list-style-type:none;
	padding:0px 0 0px 44px;
	}
ul.dropdown li a:hover {
	color:#3B9B02;
	background-color:inherit;
	background:url(../images/ball2-hover.gif) 0 0 no-repeat;
	}

#leftpan div.outer{ width:156px;}

.boxNavigation{ width:166px;  color:#FFF; background:url(../images/slide-top.png) 0 0 repeat-y; padding:25px 0 25px 10px; background-color:inherit;}
div.bottom{width:166px; height:10px; background:url(../images/slide-bottom.png) 0 0 no-repeat; padding:0 0 0 10px;}
.boxNavigation p.title{ font:12px/15px Arial, Helvetica, sans-serif; height:17px; border-bottom:dashed 1px #C8C5C5; width:130px; margin:0 auto; padding:10px 0 0;}
.boxNavigation p.title a{ color:#504F4F; background-color:inherit; text-decoration:none; background:url(../images/arrow.gif) 2px 5px no-repeat; padding:0 0 0 18px;}
.boxNavigation p.title a:hover{ color:#3B9B02; background-color:inherit; background:url(../images/arrow-hover.gif) 2px 5px no-repeat;}
p.subNav{ background:url(../images/bullet.gif) 35px 9px no-repeat; font:11px/21px Arial, Helvetica, sans-serif; padding:0 0 1px 45px; margin:0;}
p.subNav a{ color:#7F7F7F; background-color:inherit; text-decoration:none; }
p.subNav a:hover{ color:#000; background-color:inherit;}

#heating{position:absolute; top:190px; left:130px; display:none;}
#air{position:absolute; top:260px; left:170px; display:none;}
#fire{position:absolute; top:340px; left:150px; display:none;}
#water{position:absolute; top:410px; left:150px; display:none;}
#duct{position:absolute; top:490px; left:170px; display:none;}
#hot{position:absolute; top:500px; left:140px; display:none;}
#indoor{position:absolute; top:565px; left:150px; display:none;}



.boxNavigation div{
	display:none;
	}
	
.boxNavigation div#one{
	display:block;
	}	

.boxNavigation div#one1{
	display:block;
	}
.boxNavigation div#one2{
	display:block;
	}
.boxNavigation div#one3{
	display:block;
	}
.boxNavigation div#one4{
	display:block;
	}
.boxNavigation div#one5{
	display:block;
	}
.boxNavigation div#one6{
	display:block;
	}					

/* Main Pan style */
#mainpan {
	float:left;
	padding:40px 0 0;
}
#mainpan ul {
	list-style:disc;
	margin-left:40px;
}	
#mainpan ul li {
	margin-bottom:12px;
}

#mainpan p{
	padding:0 0 16px 0;
	
}
#mainpan h2.product {
	background-color:#00FFFF;
	padding:3px 0 3px 1px;
	color:#666666;
	margin:12px 0 6px 0;
	font-size:16px;
}
#rightpan {
	float:right;
	width:162px;
	padding:40px 0 0;
}

#rightpan img {
	margin:0 0 9px 0;
	display:block;
}

#footer {
	width:900px;
	background:url(../images/footer-bg.jpg) 0 100% no-repeat;
	padding:198px 0 0 0;
	text-align:center;
}

#footer ul {
	width:238px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
}

#footer ul li {
	background: url(../images/footer-divider.gif) 100% 3px no-repeat;
	font:normal 12px/16px Arial, Helvetica, sans-serif;	
	padding:0 12px;
	float:left;
	width:auto;
}

#footer ul li.nodivider {
	background:none;
	padding:0 0 0 14px;
}

#footer ul li a {
	color:#000;
	background-color:inherit;		
}

#footer ul li a:hover {
	color:#025183;
	background-color:inherit;		
}

#footer p {
	background: url(../images/footer-divider.gif) 100% 3px no-repeat;
	font:normal 10px/11px Arial, Helvetica, sans-serif;	
	padding:3px 0 4px 0 ;
	color:#000;
	background-color:inherit;
}
.floatleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.floatright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}