@import url("reset.css");
body{
	background-color: #fff;
	color: #666666;
	font: 12px/20px Arial, "Helvetica", Geneva, sans-serif;
}

/* @group Test Styles */

a:hover{
	text-decoration: underline;
}

#copy p {
	margin-bottom: 30px;
}

a{
	color: #666;
	text-decoration: none;
}

h2{
	color: #ca0417;
	font-size: 18px;
	margin-bottom: 16px;
	text-transform: uppercase;
}

h3{
	color: #ca0417;
	font-size: 13px;
}

strong{
	font-weight: bold;
}

.intro{
	margin-bottom: 5px !important;
}

.intro-list{
	margin-left: 30px;
	margin-bottom: 10px;
}

.intro-list li{
	list-style: disc;
}

blockquote{
	clear: both;
	font-size: 15px;
	width: 400px;
}

.testimonial-name{
	display: block;
	margin-bottom: 20px;
	margin-left: 370px;
}

.employment li ul{
	margin: 5px 0 5px 25px;
}

.employment li ul li{list-style: disc;}
/* @end */

/* @group Generic Classes */

/* @group Structure */

#wrapper{
	margin: 0 auto;
	overflow: hidden;
	width: 980px;
	position: relative;
}
#header{
	background-color: #fff;
	height: 120px;
	position: relative;
}
#content{
	background: url(images/background.jpg) top left no-repeat;
	_height:1%;
	overflow: hidden;
}
	.products-listings #content{
		background-color: #D8E2EA !important;
		background-image: none !important; 
	}
	#featured-content{
		display: inline;
		float: left;
		width: 200px;
	}
	#center-content{
		display: inline;
		float: left;
		margin: 25px 0 0 30px;
		width: 484px;
	}
	#copy{
		display: inline;
		float: left;
		margin-left: 34px;
		width: 565px;
	}
		.products-hvac #copy{
			width: 918px;
			
		}
	#quick-links{
		background: url(images/bg_quickLinks.png) top left no-repeat;
		display: inline;
		float: right;
		height: 186px;
		margin-right: 20px;
		padding-top: 80px;
		width: 197px;
	}
		#quick-links li{
			padding: 0px 0 0 65px;
			*padding: 0 0 0 55px;
		}
		
	#side-bar{
		display: inline;
		float: right;
		width: 200px;
}
#footer{
	clear: both;
	padding-left: 35px;
}



/* @end */

.truck{
	background-image: none;
	position: absolute;
	bottom: 150px;
	right: 30px;
}
.clear{
	clear: both;
}

.mission{
	margin-left: 15px;
}

.mission li{
	list-style: disc;
}

/* @end */

/* @group Top Quick Links */
.logo{
	position: absolute;
	top: 0;
	left: 0;
}
.top-q-links{
	position: absolute;
	top: 44px;
	right: 22px;
}

.top-q-links li{
	display: inline !important;
	float: left !important;
	margin-right: 10px;
}

.top-q-links li a{
	color: #666666;
	display: block;
	float: left;
	font-size: 11px;
	height: 50px !important;
	line-height: 50px;
	padding-left: 40px;
	text-decoration: none;
}
.top-q-links li a:hover{ text-decoration: underline;}

.link-web-specials{
	background: url(images/bg_webSpecials.gif) 0 0px  no-repeat;
	height: 36px;
}
.link-free-estimate{
	background: url(images/bg_freeEstimate.gif) 0 0 no-repeat;
	height: 36px;
	padding-left: 29px !important;
}
.link-schedule-service{
	background: url(images/bg_scheduleService.gif) 0 3px no-repeat;
	height: 28px;
	padding-left: 30px !important;
}
/* @end */

/* @group Navigation */
#navigation{
	background: #ca0417;
	height: 32px;
	overflow: hidden;
	width: 980px;
	line-height: 12px;
}

#navigation li{
	display: inline;
	float: left;
	margin-left: 18px;
}
#navigation li a{
	color: #fff;
	display: block;
	height: 24px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 0 0 0;
	width: 110px;
}

#navigation li a:hover{
	background: #fff;
	color: #00189d;
}

#navigation li ul { /* second-level lists */
	position: absolute;
	background: #FFF;
	width: 110px;
	left: -999em; /* using left instead of display to hide menus
			because display: none isn't read by screen readers */
	z-index: 1000;
}

#navigation li ul li{
	margin: 15px 0 0 0;
	text-align: center !important;
}

 
#navigation li ul li a{
	color: #000;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	text-transform: none !important;
}

#navigation li ul li a:hover{
	color: #000;
	text-decoration: underline;
}
#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*Fix for IE7*/
#navigation li:hover {
	position: static;
}

/* @end */

/* @group Page Headers */
#page-header{
	height: 302px;
	overflow: hidden;
	width: 980px;
}
#page-header span{text-indent: -9999px; display: block;}
.home #page-header{background: url(images/bg_home.png) top left no-repeat;
}

.special #page-header{background: url(images/bg_special.jpg) top left no-repeat;
}

.company-name #page-header, .testimonials #page-header{
	background: url(images/bg_companyName.png) top left no-repeat;
	height: 262px;
}
.contact #page-header{
	background: url(images/bg_estimate.png) top left no-repeat;
	height: 262px;
}

.estimate #page-header{
	background: url(images/bg_estimate.png) top left no-repeat;
	height: 262px;
}

.products-listings #page-header{
	background: url(images/bg_productEle.png) top left no-repeat;
	height: 264px;
}

/* @end */

/* @group SIde Bars*/
.featured-promo, .featured-product{
	height: 187px;
	margin: 25px 0 25px 22px;
	width: 172px;
}
ul.featured-promo{
	background: url(images/bg_featuredPromo.png) top left no-repeat;
	height: 239px;
	width: 175px;
}
	.featured-promo h4{
		color: #ca0417;
		font-size: 14px;
		font-weight: bold;
		line-height: 14px;
		padding: 40px 0 5px 15px;
	text-transform: capitalize;
	width: 145px;
}
	.featured-promo li{
		font-size: 11px;
		width: 145px;
		line-height: 16px;
		padding:0px 0 0 15px;
		*padding: 0;
		_padding: 0 0 0 15px;
	}
	
	#side-bar .featured-promo{
		clear: both;
	}
	
		#side-bar .featured-promo li{
			*padding: 0;
		}
	
	#side-bar .featured-promo, #side-bar .featured-product{
		display: inline;
		float: right;
		margin-right: 20px;
	}
ul.featured-product{
	background: url(images/bg_featuredProduct.png) top left no-repeat;
}
	.featured-product img{
		padding: 45px 0 0 35px;
	}
	.featured-product li{
		margin-top: 5px;
		text-align: center;
	}
.contact .featured-product, .contact .featured-promo{
	/*display: none !important;*/
}
/* @end */

/* @group Contact Form / Estimate */

.estimate #copy{
	width: 720px;
}


.contact form{
	margin-bottom: 50px;
	width: 300px;
}

.contact label{
	clear: both;
	display: block;
	height: 30px;
	width: 400px;
}

.contact label span{
	display: inline;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 55px;
}
.contact label input{
	display: inline;
	float: left;
}
.contact label select{
	display: inline;
	float: left;
}

.contact label em{
	color: #ca0417;
	display: inline;
	float: left;
	margin-left: 6px;
}

.btn-submit{
	background: none;
	height: 32px;
	margin-left: 50px;
	width: 67px;
}

.estimate form{
	width: 720px;
}
.estimate label{
	clear: both;
	display: block;
	height: 30px;
	width: 300px;
}

.estimate label span{
	display: inline;
	float: left;
	margin-right: 10px;
	text-align: right;
	width: 45px;
}
.estimate label input{
	display: inline;
	float: left;
}
.estimate label select{
	display: inline;
	float: left;
}

.estimate em{
	color: #ca0417;
	margin-left: 2px;
}
.estimate-left{
	display: inline;
	float: left;
	width: 300px;
}
.estimate-right{
	display: inline;
	float: left;
	width: 300px;
}

.estimate .span-block{
	display: block !important;
	text-align: left !important;
	width: 100% !important;
}

.estimate textarea{
	width: 230px;
	height: 100px;
}

.estimate .btn-submit{
	height: 32px;
	margin-left: 0px;
	margin-top: 10px;
	width: 67px;
}

.estimate option em{
	color: #ca0417 !important;
}


.estimate td{
	padding: 5px;
}
/* @end */

/* @group Footer */

#footer dl{
	display: inline;
	float: left !important;
	width: 113px;
	margin-left: 10px;
}

#footer dt{
	color: #00189d;
	font-size: 13px;
	font-weight: bold;
}

dd a, dd{
	color: #666;
	font-size: 10px;
	text-decoration: none;
}

dd a:hover{
	text-decoration: underline;
}

dl.red-bar{ width: 40px !important;}
.red-bar dt{ margin-top: 20px;} 
dl.footer-address{
	width: 130px !important;
}

/* @end */

/* @group Products */
.product-top{
	background: url(images/bg_productContentTop.jpg) top left no-repeat;
	height: 7px;
	width: 918px;
}

.product-content{
	background: url(images/bg_contentBGRepeat.jpg) top left repeat-y;
	overflow: hidden;
	width: 918px;
}

.product-bottom{
	background: url(images/bg_productContentBottom.jpg) top left no-repeat;
	height: 13px;
	margin-bottom: 20px;
	width: 918px;
}

.hvac-cat{
 	height: 48px;
	margin-left: 2px;
	overflow: hidden;
	width: 918px;
}

.hvac-cat li {
	display: inline;
	float: left;
	
}

.cat-audio, .cat-ele-acc{
	background: url(images/nav_electricalSystems.jpg) 0 0 no-repeat;
	display: block;
	height: 48px;
	text-indent: -9999px;
}

.cat-audio{
	background-position: 0 0;
	width: 240px;
}
.cat-audio:hover, .active{
	background-position: 0 -48px;
}

.cat-ele-acc{
	background-position: -240px 0;
	width: 240px;
}
.cat-ele-acc:hover, .ele-acc-active{
	background-position: -240px -46px;
}

.cat-airCond, .cat-heatingEquip, .cat-duct, .cat-hvac-acc{
	background: url(images/nav_hvac.jpg) 0 0 no-repeat;
	display: block;
	height: 48px;
	text-indent: -9999px;
}

.cat-airCond{
	background-position: 0 0;
	width: 208px;
}

	.cat-airCond:hover, .cat-airCond-active{
		background-position: 0 -48px;
	}

.cat-heatingEquip{
	background-position: -208px 0;
	width: 213px;
}
	.cat-heatingEquip:hover, .cat-heatingEquip-active{
		background-position: -208px -48px;
	}
.cat-duct{
	background-position: -420px 0;
	width: 201px;
}

	.cat-duct:hover,.cat-duct-active{
		background-position: -420px -48px;
	}
.cat-hvac-acc{
	background-position: -620px 0;
	width: 169px;
}
	.cat-hvac-acc:hover, .cat-hvac-acc-active{
		background-position: -620px -48px;
	}
	
.cat-centralVac, .cat-intercom{
	background: url(images/nav_nutone.jpg) 0 0 no-repeat;
	display: block;
	height: 48px;
	text-indent: -9999px;
}

	.cat-centralVac{
		background-position: 0 0;
		width: 209px;
	}
		.cat-centralVac:hover, .cat-centralVac-active {
			background-position: 0 -44px;
		}
	.cat-intercom{
		background-position: -209px 0;
		width: 190px;
	}
	
		.cat-intercom:hover, .cat-intercom-active{
			background-position: -209px -44px;
		}
.product{
	display: inline;
	float: left;
	min-height: 222px;
	*height: auto !important;
	height: 222px;
	margin: 20px 0 0px 40px;
	font-size: 11px;
	width: 400px;
	
}
	.product-img-buy{
		display: inline;
		float: left;
		width: 100px;
	}
		.product-img-buy a{
			margin-left: 10px;
		}
	.product-desc{
		display: inline;
		float: left;
		margin-left: 10px;
		width: 250px;
	}
		.product-desc a{
			color: #000 !important;
			text-decoration: underline !important;
		}
		.product-desc h3{
			color: #000;
		}
		.product-desc ul li, .product-desc p {
			margin-bottom: 5px;
			text-transform: capitalize;
		}
		
.heating-details{
	margin-bottom: 20px;
}
.heating-details li{
	list-style: disc;
	margin-bottom: 5px;
	margin-left: 20px;
}
/* @end */
/*
.learnmore {
    position: relative;
}
*/
.more-info{
    display: none;
}
/*
.learnmore:hover .more-info {
    display: block;
    position: absolute;
    top: 15px;
    left: -110px;
    width: 350px;
    cursor: default;
    z-index: 5;
}
*/

/* @group Discounts */

.discount{
	border-bottom: 1px solid #000;
	margin-bottom: 20px;
	overflow: hidden;
	width: 600px;
}
.discount h3{
	color: #CA0417;
	font-size: 15px;
}
.discount p{
	margin-bottom: 5px !important;
}

.discount dt{
	/*clear: left;*/
	/*display: inline;*/
	float: left;
	font-weight: bold;
	width: 400px;
}

.discount dd{
	/*display: inline;*/
	float: left;
	clear: right;
}

.discount-benefits{
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	width: 600px;
}
.discount-benefits li{
	list-style: disc;
	margin-left: 15px;
}
.discount-benefits h3{
	color: #CA0417;
	font-size: 15px;
}

.disclaimer{
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 10px;
	width: 600px;
}

.contact label textarea{
    float: left;
}

/* @end */

.specialgen {
	width:238px;
}

.product-desc-gen{
    display: inline;
    float: left;
    margin-left: 10px;
    width: 600px;
}