﻿body{
	margin:0;
	color:#fff;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:#161616 url(images/bg-body.jpg) no-repeat 50% 0;
	min-width:963px;
}
#wrapper{
	width:100%;
	overflow: hidden;
	position: relative;
}
.w1 {
	width: 1027px;
	position: relative;
	float: left;
	left: 50%;
}
.w2 {
	width: 1027px;
	position: relative;
	float: left;
	left: -50%;
}
.page{
	margin:0 auto;
	width:963px;
	overflow:hidden;
	padding-bottom:10px;
}
img{border-style:none;}
a{
	text-decoration:underline;
	color:#04cffa;
}
a:hover{text-decoration:none;}
#header{
	background:url(images/bg-header.png) no-repeat;
	height:1%;
	overflow:hidden;
	height:157px;
}
#header .header-holder{
	width:962px;
	overflow:hidden;
	padding:0 0 10px;
}
.logo{
	width:358px;
	height:88px;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}
.logo a{
	height:100%;
	display:block;
}
.header-holder .phone-box{
	float:right;
	width:277px;
	font-size:11px;
}
.phone-box .t{
	height:19px;
	background:url(images/bg-phone-box-t.png) no-repeat;
	overflow:hidden;
}
.phone-box .b{
	height:10px;
	overflow:hidden;
	background:url(images/bg-phone-box-b.png) no-repeat;
}
.phone-box .frame{
	background:url(images/bg-phone-box.png) repeat-y;
	padding:1px 10px 0;
	height:60px;
	overflow:hidden;
}
.phone-box strong.service{
	color:#04cffa;
	margin-bottom:6px;
	font-size:12px;
	display:block;
}
.phone-box p{
	margin:0 0 6px;
}
.phone-box strong.phone{
	background:url(images/bg-tel.png) no-repeat;
	width:142px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
#nav{
	margin:0;
	padding:0 0 0 81px;
	list-style:none;
	width:100%;
	position:relative;
	overflow:hidden;
}
#nav li{
	float:left;
}
#nav a{
	float:left;
	height:57px;
	overflow:hidden;
	text-indent:-9999px;
}
#nav a.residential{
	background:url(images/text-nav.gif) no-repeat;
	width:92px;
}
#nav a.residential:hover,
#nav a.residential.active{
	background:url(images/text-nav.gif) no-repeat 0 -57px;
}
#nav a.commercial{
	background:url(images/text-nav.gif) -92px 0;
	width:102px;
}
#nav a.commercial:hover,
#nav a.commercial.active{
	background:url(images/text-nav.gif) -92px -57px;
}
#nav a.controls{
	background:url(images/text-nav.gif) -194px 0;
	width:89px;
}
#nav a.controls:hover,
#nav a.controls.active{
	background:url(images/text-nav.gif) -194px -57px;
}
#nav a.generators{
	background:url(images/text-nav.gif) -283px 0;
	width:99px;
}
#nav a.generators:hover,
#nav a.generators.active{
	background:url(images/text-nav.gif) -283px -57px;
}
#nav a.manufactures{
	background:url(images/text-nav.gif) -382px 0;
	width:123px;
}
#nav a.manufactures:hover,
#nav a.manufactures.active{
	background:url(images/text-nav.gif) -382px -57px;
}
#nav a.difference{
	background:url(images/text-nav.gif) -505px 0;
	width:122px;
}
#nav a.difference:hover,
#nav a.difference.active{
	background:url(images/text-nav.gif) -505px -57px;
}
#nav a.information{
	background:url(images/text-nav.gif) -627px 0;
	width:147px;
}
#nav a.information:hover,
#nav a.information.active{
	background:url(images/text-nav.gif) -627px -57px;
}
#nav a.contact{
	background:url(images/text-nav.gif) -774px 0;
	width:108px;
}
#nav a.contact:hover,
#nav a.contact.active{
	background:url(images/text-nav.gif) -774px -57px;
}
#main{
	background:#111 url(images/bg-main.gif) repeat-x;
	height:1%;
	overflow:hidden;
	padding:0 4px 8px 0;
	margin-bottom:9px;
}
#content{
	float:left;
	width:721px;
}
#content .content-box{
	padding:0 24px 0 18px;
	line-height:15px;
}
#content .img-box{
	position:relative;
	margin-bottom:13px;
	width:721px;
}
.img-box .more-box{
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
}
.more-box .holder{
	background:url(images/bg-img-box.png) repeat-x;
	padding:13px 10px 13px 20px;
	font-size:13px;
	height:1%;
	overflow:hidden;
}
#content .more-box span{
	margin:5px 25px 0 0;
	float:left;
}
.more-box a.more{
	width:99px;
	height:27px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
	background:url(images/btn-more.png) no-repeat;
}
#content h1{
	color:#04cffa;
	font-size:16px;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #383838;
	padding-bottom:6px;
	margin:0 0 10px;
}
#content p{
	margin:0 0 6px;
}
#sidebar{
	width:234px;
	float:right;
	padding-top:6px;
}
#sidebar .info-box{
	background:url(images/bg-info-box.gif) repeat-y;
	margin-bottom:7px;
}
.info-box .holder{
	background:url(images/bg-info-box-t.gif) no-repeat;
}
.info-box .wrap{
	background:url(images/bg-info-box-b.gif) no-repeat 0 100%;
	font-size:10px;
	height:1%;
	line-height:14px;
	overflow:hidden;
	padding:9px 16px 20px;
}
.info-box h2{
	margin:0 0 22px;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	font-weight:normal;
}
.info-box h3{
	color:#04cffa;
	font-size:12px;
	margin:0 0 4px;
	font-weight:normal;
}
#sidebar .ad {
	margin-bottom:5px;
	display:block;
}
.info-box p{
	margin:0;
}
.info-box a.more-tips{
	float:right;
	background:url(images/bg-more-tips.gif) no-repeat;
	padding:3px 10px 4px 15px;
	text-decoration:none;
	color:#fff;
	margin-top:13px;
}
a.more-tips span{
	background:url(images/bullet-more.gif) no-repeat 100% 4px;
	padding-right:11px;
}
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:12px;
}
#sidebar ul img{
	vertical-align:top;
}
#footer{
	font-size:10px;
	line-height:14px;
}
#footer a{
	color:#fff;
}
#footer .footer-c{
	background:url(images/bg-footer.png) repeat-y;
	height:1%;
	padding:0 19px 0 10px;
}
.footer-c:after{
	display:block;
	clear:both;
	content:"";
}
#footer .footer-b,
#footer .footer-t{
	background:url(images/bg-footer-t.png) no-repeat;
	overflow:hidden;
	height:10px;
}
#footer .footer-b{
	background:url(images/bg-footer-b.png) no-repeat;
}
#footer .footer-wrap{
	float:left;
	margin:-4px 0 -6px;
	position:relative;
	width:100%;
}
.footer-c .sponsors{
	padding:0;
	list-style:none;
	float:left;
	width:590px;
	margin-top: 5px;
}
.sponsors li{
	display:inline;
	height:75px;
	margin-right:3px;
}
.sponsors li img {
	vertical-align:middle;
}
.footer-c .footer-box{
	text-align:right;
}
.footer-box .footer-nav {
	margin:0;
	padding:0;
	list-style:none;
}
.footer-box .footer-nav li{
	display:inline;
	background:url(images/separator.gif) no-repeat 0 5px;
	padding-left:11px;
}
.footer-nav li:first-child{
	background:none;
}
#footer address {
	font-style:normal;
	margin:0;
}
#footer .footer-nav a{
	color:#04cffa;
}
.footer-container {
	width:340px;
	float:right;
	margin-top:-3px;
}
/* sub page */
.sub-page #sidebar{
	float:left;
}
.sub-page #sidebar .menu-box{
	background:url(images/bg-sidebar.gif) repeat-y;
}
.menu-box .holder{
	background:url(images/bg-sidebar-t.gif) no-repeat;
}
.menu-box .frame{
	background:url(images/bg-sidebar-b.gif) no-repeat 0 100%;
	padding:7px 4px 33px;
	height:1%;
	overflow:hidden;
	margin-bottom:7px;
}
.sub-page #sidebar h2{
	margin:0 8px 10px;
	font-size:15px;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #8fb0cb;
	padding:0 0 5px 4px;
}
.sub-page #main{
	padding:0 0 39px 4px;
}
#sidebar ul a{
	text-decoration:none;
	display:block;
	padding:4px 0 5px 13px;
}
#sidebar ul li a.active,
#sidebar ul a:hover{
	background:url(images/bg-menu-hover.png) no-repeat;
	height:1%;
}
.sub-page #content{
	float:right;
	padding:14px 30px 0 0;
	width:679px;
	font-size:12px;
	line-height:15px;
	/*height: 450px;*/ /*minimum height*/
}
.sub-page #content h1{
	font-size:15px;
	border-bottom:1px solid #535353;
	padding-bottom:7px;
}
.sub-page #content p{
	margin:0 0 15px;
}

fieldset legend {
    color: White;
    font-weight: bold;
}
