.right {float:right}
.left {float:left;}

html{
	font-family:Arial, Helvetica, sans-serif;
	background:url('../images/ui/bg_page.png') repeat-x bottom left #2c6fcf;
	margin:0;}

body{background:url('../images/ui/bg_header.png') no-repeat top center;}
	
*{margin:0; padding:0; list-style-type:none;}

img {border:none;}
img, div { behavior: url(iepngfix.htc)}

#container {width:955px; margin:0 auto;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						General Fieldsets
88888888888888888888888888888888888888888888888888888888888888888888888*/
input, textarea, select {color:#000; background-color:#fff; border:1px solid #CCC;  padding:1px; margin:3px 0; font-family:Arial, Helvetica, sans-serif; font-size:.75em;}

#sidebar input {width:170px;}
#header input {width:170px; padding:2px}
#header form {float:right; padding-top:15px;}

#content-main input {width:250px; padding:3px; border:1px solid #2c6fcf; font-size:.8em;}
#content-main form {padding-bottom:35px;}
#content-main textarea {width:300px; height:200px; border:1px solid #2c6fcf; font-size:.8em;} 

textarea {
	width: 170px;
	height: 85px;
}
input.errorField, textarea.errorField, select.errorField {
	border: 1px solid #FF0000;
	background-color: #948181;
}

fieldset br{ clear:both;}
fieldset{ border:none; padding:0; margin:0;}

#header #searchsubmit {background-color:transparent; border:none; width:51px; height:23px;}

#sidebar #formsubmit {background-color:transparent; border:none; margin:5px 0 0 115px; border:none; width:58px; height:22px;}
#content-main #formsubmit {background-color:transparent; border:none; margin-top:5px; border:none; width:58px; height:22px;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						Clear Fix
88888888888888888888888888888888888888888888888888888888888888888888888*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */

/*88888888888888888888888888888888888888888888888888888888888888888888888
						HEADER START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#header{}

#header h1{padding-bottom:10px;}

#header h2 {clear:right; text-align:right; font-size:.8em; font-style:italic; color:white;}
#header h2 span {font-size:2.5em;}
#header #nav {clear:both; height:37px; width:955px; overflow:hidden;}
#header #nav ul li {float:left; overflow:hidden; display:block; height:37px;}
#header #nav ul li a{display:inline-block; height:37px; overflow:hidden;}
#header #nav ul li a.home {background:url('../images/ui/nav-home.png') top left; width:63px;}
#header #nav ul li a.gas {background:url('../images/ui/nav-gas.png') top left; width:124px;}
#header #nav ul li a.heat {background:url('../images/ui/nav-heat.png') top left; width:106px;}
#header #nav ul li a.air {background:url('../images/ui/nav-air.png') top left; width:146px;}
#header #nav ul li a.humid {background:url('../images/ui/nav-humid.png') top left; width:208px;}
#header #nav ul li a.service {background:url('../images/ui/nav-service.png') top left; width:169px;}
#header #nav ul li a.blog {background:url('../images/ui/nav-blog.png') top left; width:56px;}
#header #nav ul li a.contact {background:url('../images/ui/nav-contact.png') top left; width:83px;}
#header #nav ul li a:hover, #header #nav ul li a.active{background-position:0 37px;}


#header #banner {}



/*88888888888888888888888888888888888888888888888888888888888888888888888
						CONTENT START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#content{padding:10px 30px 0 30px; background-color:white;}
#content p, #content ul{line-height:1.5em; padding-bottom:20px; font-size:.8em;}

#content #content-main {width:680px; overflow:hidden; padding-right:15px;}
#content #content-main h2 {clear:both; color:#0b2b58; text-transform:uppercase; font-size:1.2em; margin-bottom:5px;}
#content #content-main h2.home {background:url('../images/img_bullet.png') no-repeat top left; display:block; padding:10px 10px 10px 50px;}


#content #content-main .banner {padding-bottom:15px;}

#content #content-main #locations {background:url('../images/ui/bg_locations.png') no-repeat top left; width:640px; height:144px; padding:10px 20px; margin-bottom:15px;}
#content #content-main #locations strong {color:#0b2b58;}
#content #content-main #locations h3 {color:#0b2b58; font-size:.9em; text-transform:uppercase; margin-bottom:5px;}
#content #content-main #locations h4 {font-size:.8em;}
#content #content-main #locations span {display:block; overflow:hidden; width:320px;}
#content #content-main #locations ul {display:block; overflow:hidden; width:160px;}
#content #content-main #locations ul li{line-height:1.2em; margin-bottom:5px;}

#content #content-main #box-list {background:url('../images/ui/bg_checklist.png') no-repeat top left; width:435px; padding:15px 15px 0 230px; height:184px; overflow:hidden;}
#content #content-main #box-list ul {font-size:.7em; font-weight:bold;}
#content #content-main #box-list ul li {background:url('../images/ui/bullet_check.png') no-repeat top left; padding-left:25px; padding-bottom:10px;}

/*88888888888888888888888888888888888888888888888888888888888888888888888
						SIDEBAR START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#sidebar{width:200px; overflow:hidden; padding-bottom:10px;}
#sidebar #contact {color:white; background:url('../images/ui/bg_contact.png') no-repeat top left; width:180px; height:300px; padding:10px; margin-bottom:10px; text-transform:uppercase;}
#sidebar #contact h3 span {display:block; text-align:center; font-size:3.2em;  line-height:.8em;}
#sidebar #contact h3 {font-size:1.1em; text-align:center;}


/*88888888888888888888888888888888888888888888888888888888888888888888888
						FOOTER START
88888888888888888888888888888888888888888888888888888888888888888888888*/

#footer{font-size:.8em; background-color:#154485; color:#869dbd; padding:15px 30px;}
#footer a{color:#869dbd;}
#footer p.links a{padding: 0 2px; color:#869dbd; text-decoration:none;}
#footer p.links {padding-bottom:10px;}

#footer h2 {clear:right; text-align:right; font-size:.9em; font-style:italic; color:white;}
#footer h2 span {font-size:2.5em;}