/*Central Services CSS Document */
@import "dynamic.css";

body{
	margin: 0px;
	padding: 0px;
	background: #112E6D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img{
	border: none;
}

a{
	color: #112E6D;
}

a:active, a:visited{
	color: #4990BE;
}

h1{
	font-size: 180%;
	font-weight: normal;
	color: #112E6D;
	margin: 10px 0px 25px;
}

h2{
font-size: 100%; 
color: #000; font-weight: bold;
font-style: italic;
margin: 15px 0px 30px;
}

h3{
font-size: 100%; 
color: #112E6D; font-weight: bold;
}

blockquote{
	font-weight: bold;
	font-style: italic;
}

cite{
	font-weight: normal;
	text-align: right;
	display: block;
	}

#frame{
	width: 980px;
	border-left: 5px solid #41588A;
	border-right: 5px solid #41588A;
	margin: 0px auto;
}

#header_internal{
	width: 980px;
	position: relative;
	/*height: 112px;*/
	float: left;
	background: no-repeat url(../images/bg_header_internal.gif) left top;
	
}

#header_chat{
	position: absolute;
	right: 10px;
	top: 110px;
	width: 120px;
	text-align: center;
}

#header_chat p{
	color: #112f6D;
	font-weight: bold;
	font-size: 14px;
}

#header_chat img{
	width: 105px;
	height: 35px;
}
#header_chat p {
  font-size: 140%;
}


h3#logo,
h3#section{
	margin: 0px;
	padding: 0px;
}

h3#logo span,
h3#section span{
	display: none;
}

h3#logo a{
	height: 95px;
	width: 475px;
	margin: 0px;
	padding: 0px;
	float: left;
	background: no-repeat url(../images/header_internal.gif) left top;
}

h3#section{
	float: right;
	width: 365px;
	height: 50px;
	margin: 32px 0px 0px;
	padding: 0px;
}

h3.aboutus{ background: no-repeat url(../images/hdr_aboutus.gif) right top; }
h3.aprilaire{ background: no-repeat url(../images/hdr_aprilaire.gif) right top; }
h3.contact{ background: no-repeat url(../images/hdr_contact.gif) right top; }
h3.energy{ background: no-repeat url(../images/hdr_energy.gif) right top; }
h3.products{ background: no-repeat url(../images/hdr_products.gif) right top; }
h3.services{ background: no-repeat url(../images/hdr_services.gif) right top; }
h3.joinourteam{ background: no-repeat url(../images/hdr_joinourteam.gif) right top; }
h3.heating{ background: no-repeat url(../images/hdr_heating.gif) right top; }
h3.air{ background: no-repeat url(../images/hdr_air.gif) right top; }
h3.quality{ background: no-repeat url(../images/hdr_quality.gif) right top; }

#nav{
	clear: both;
	float: left;
	width: 980px;
	background: black;
}

#nav ul{
	display: block;
	width: 980px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 17px;
}

#nav ul li{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	min-height: 17px;
	border-right: 1px solid #fff;
	text-align: center;
	position: relative;
	width: 121px;
}

* html #nav ul li{
	height: 17px;
}

#nav ul li.last{
	border: none;
}

#nav ul li a:hover{
	background: #112E6D;
}

#nav ul li a{
	display: block;
	color: white;
	padding: 0px;
	text-decoration: none;
	line-height: 17px;
	text-align: center;
	font-size: 11px;
	width: 121px;
}

#nav ul li ul{
	display: none;
	position: absolute;
	top: 17px;
	left: -1px;
	list-style-type: none;
	width: 122px;
	background: #ccc;
}

#nav ul li:hover ul,
#nav ul li.sfhover ul{
	display: block;

}

#nav ul li ul li{
	clear: both;
	border: 1px solid white;
	border-top: none;
}

#nav ul li ul li a{
	padding: 0px 4px;
	background: #ccc;
	width: 112px;
	text-align: left;
	color: #444444;
}

#nav ul li ul li a:hover,
#nav ul li ul li.sfhover{
	background: #346DA2;
	color: white;
}

#content{
	min-height: 400px;
	clear: both;
	background: repeat url(../images/bg_content.gif) left top;
	width: 980px;
	border-bottom: 5px solid #7F7F7F;
}

* html #content{
	height: 400px;
}

#content_text{
	padding: 50px 130px 60px;
}

#footer{
	clear: both;
	background: black;
	line-height: 20px;
}

#footer p{
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #41588A;
	text-align: right;
	font-size: 11px;
}


/*  ###################################  home page styles  ##########################   */

#header_home{
	width: 980px;
	height: 349px;
	position: relative;
}

#header_home #header_chat{
	display: none;
}

/* Link Added to Homepage Header for "Got Heat" */
/* 10/30/2009 ~ Langlitz Studio */ 
#header_link{
	position:absolute;
	top:40px;
	left:120px;
	width:420px;
	height:270px;
}
#header_link a{
	display:block;
	width:420px;
	height:270px;
	cursor:pointer;
}
#header_link a span{
	display:none;
}
/* ******************************************** */

h3#home_logo span{
	display: none;
}

h3#home_logo{
	width: 980px;
	height: 332px;
	margin: 0px;
	padding: 0px;
	background: no-repeat url(../images/header_home.jpg) left top;
}

a#carrier_badge{
	position: absolute;
	left: 750px;
	top: 200px;
	height: 75px;
	width: 75px;
}

#content_home{
	width: 980px;
	float: left;
	margin-right: -3px;
	height: 276px;
}

#home_block1,
#home_block2,
#home_block3{
	float: left;
	height: 276px;
}

#home_block1 {
  width: 264px;
  height: 176px;
  padding: 100px 10px 0 10px;
	background: no-repeat url(../images/home_block1.jpg) top right;
}
#home_block1 ul {
  float: left;
  width: 90px;
  margin: 0 0 0 10px;
  padding: 0 0 0 20px;
}
#home_block1 li {
  margin: 0;
  padding: 0;
}


#home_block2{
	background: repeat-x url(http://www.centralservices.biz/images/hm-aprilaireBg.jpg) left 10px;
	height: 276px;
	text-align: center;
}

#home_block2 form{
	width: 240px;
	text-align: center;
	padding: 10px 0px 0px 80px;
	margin: 0px;
}

#home_block3{
background: repeat-x url(http://www.centralservices.biz/images/home_block3.jpg) left top;
	text-align: center;
	width: 348px;
	height: 276px;
}


.step_border{
background: no-repeat url(http://www.centralservices.biz/images/step_border_top.gif) left top;
padding: 17px 0px 0px;
}

.step{
width: 680px;
padding: 10px 10px 20px 30px;
background: url(http://www.centralservices.biz/images/bg_step.gif) left bottom;
margin-bottom: 30px;
position: relative;
}

.step h3{
margin: 0px;
padding: 0px;
font-size: 22px;
font-weight: normal;
}

.step ul{
padding-right: 100px;
}

.step1{
padding-left: 80px;
background: no-repeat url(http://www.centralservices.biz/images/step1.gif) left top;
}

.step1 span{
background: no-repeat url(http://www.centralservices.biz/images/step_online.gif) right top;
position: absolute;
display: block;
top: 10px;
right: 20px;
width: 85px;
height: 85px;
z-index: 10;
}


.step2{
padding-left: 80px;
background: no-repeat url(http://www.centralservices.biz/images/step2.gif) left top;
}

.step2 span{
background: no-repeat url(http://www.centralservices.biz/images/step_phone.gif) right top;
position: absolute;
top: 10px;
display: block;
right: 20px;
width: 85px;
height: 85px;
z-index: 10;
}



.step3{
padding-left: 80px;
background: no-repeat url(http://www.centralservices.biz/images/step3.gif) left top;
}

.step3 span{
background: no-repeat url(http://www.centralservices.biz/images/step_1person.gif) right top;
position: absolute;
top: 10px;
display: block;
right: 20px;
width: 85px;
height: 85px;
z-index: 10;
}



.step4{
padding-left: 80px;
background: no-repeat url(http://www.centralservices.biz/images/step4.gif) left top;
}

.step4 span{
background: no-repeat url(http://www.centralservices.biz/images/step_2person.gif) right top;
position: absolute;
top: 10px;
display: block;
right: 20px;
width: 85px;
height: 85px;
z-index: 10;
}



.step5{
padding-left: 80px;
background: no-repeat url(http://www.centralservices.biz/images/step5.gif) left top;
}

.step5 span{
background: no-repeat url(http://www.centralservices.biz/images/step_offer.gif) right top;
position: absolute;
top: 10px;
display: block;
right: 20px;
width: 85px;
height: 85px;
z-index: 10;
}



.step_benefits{
padding: 0px 20px 30px 20px;

}

.step_benefits h3{
clear: both;
font-size: 22px;
font-weight: normal;

}

.step_benefits ul{
clear: both;
padding-left: 40px;
margin-left: 30px;
}

.step_benefits h3 img{
height: 30px;
display: block;
float: left;
margin: 0px 10px 0px 0px;
}

.step_benefits h3 span{
display: block;
float: left;
padding-top: 5px;

}

.testimony blockquote cite{
	display: block;
	font-style: normal;
	font-weight: normal;
}

.testimony blockquote cite span{
	font-style: italic;
}

.vision{
background: no-repeat url(http://www.centralservices.biz/images/bg_vision.gif);
padding: 20px 0px;
height: 232px;
}

.vision blockquote{
margin: 20px 50px;
line-height: 20px;
}

.clear{
clear: both;
}

/* product and description styles */

.product{
clear: both;
padding: 20px;
margin: 0px 0px 20px 0px;
min-height: 250px;
}

.product_img{
float: left;
width: 290px;
height: 250px;
}

.product_desc{
  float: left;
  width: 300px;
  min-height: 200px;
  background: url(http://www.centralservices.biz/beta/images/bg_product.gif) left bottom;
}

.product_desc h3{
  margin: 0px;
  padding: 10px 0px 0px 15px;
  width: 285px;
  background: url(http://www.centralservices.biz/beta/images/bg_product_header.gif) left top;
}

.product_desc ul{
  padding-right: 20px;
  
}

* html .product_desc ul{
   width: 240px;
  margin: 10px 0px 20px 15px;
  padding-left: 15px;
}

.product_desc ul li{
	margin-bottom: 8px;
}

.textLarge {
  font-size: 160%;
}


.bannerBlue {
  width: 680px;
  padding: 10px 10px 20px 30px;
  height: 202px;
  background: no-repeat url(../images/bg_banner_blue.jpg) left top;
  text-align: center;
  margin-bottom: 30px;
}
.bannerBlue h3 {
  font-size: 200%;
  color: white;
  margin-top: 10px;
  margin-bottom: 40px;
}
.bannerBlue p {
  font-size: 160%;
}
.bannerBlue em {
  color: #112E6D;
  font-style: normal;
}