/*  
Theme Name: cleartheair
Theme URI: http://www.cleartheair.com
Description: Custom theme for Clear The Air.
Version: 2.0
Author: Steve Hatcher
Author URI: http://www.axemedia.com/
*/
* {margin:0;padding:0}body{margin: 0;font-family: verdana, arial, "sans serif";font-size:9.5pt;color: #222;background-color:#f8fdff;text-align: center;height:100%; line-height:1.4em}

a:link {color: #0066ff;text-decoration: underline}a:hover {color: #2251a3}a:visited { color: #800080}
.right {float: right;text-align:right}
.left {float: left;text-align:left}

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden}.clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%}.clearfix {display: block}
/* End hide from IE-mac */

#wrapper {margin: 0;padding:0;text-align: left}
	#header {margin:0;background: url('images/air-bg.gif') repeat-x top left;padding:0;height: 128px}
	#head {width: 945px;height: 110px;margin: 0 auto;background: url('images/air-bg.gif') repeat-x top left}
	#head img {border: 0px none}
	#logo {float: left;margin-top:11px}
	#mobile {text-align:center;}
	#contact {text-align:right;float: right;margin-top:5px}

/* ---------- Navigation Menu -------- */
#navigation {position: relative;height: 43px;background:url('images/nav-bar.gif') repeat-x;text-align: left;font-size:10pt; font-weight: bold;z-index: 20;margin:-3px 0 0 0;padding:0}

#navigation img {float:left;margin:0;padding:0}
#menu {width:954px;margin: 0 auto;z-index: 30}
#nav, #nav ul {padding: 0;margin: 0;list-style: none;z-index: 40}
#nav a {display: block;color:#D9373E;text-decoration: none}#nav a:hover {color:#D9373E;text-decoration: underline}
#nav li {float: left}

#nav li.home a{height:43px;background:url('images/home.gif') no-repeat;width:72px;margin-right:30px;padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */}
	#nav li.home a:hover{background-position: 0 -43px}

	#nav li.services a.parent{
		height:43px;
		background:url('images/services.gif') no-repeat;
		width:97px;margin-right:30px;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.services a.parent:hover{background-position: 0 -43px}

	#nav li.blog a{
		height:43px;
		background:url('images/blog.gif') no-repeat;
		width:59px;margin-right:30px;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.blog a:hover{background-position: 0 -43px}

	#nav li.info a.parent{
		height:43px;
		background:url('images/info.gif') no-repeat;
		width:182px;margin-right:30px;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.info a.parent:hover{background-position: 0 -43px}

	#nav li.coupons a{
		height:43px;
		background:url('images/coupons.gif') no-repeat;
		width:99px;margin-right:30px;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.coupons a:hover{background-position: 0 -43px}

	#nav li.about a.parent{
		height:43px;
		background:url('images/about.gif') no-repeat;
		width:103px;margin-right:30px;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.about a.parent:hover{background-position: 0 -43px}

	#nav li.contact a.parent{
		height:43px;
		background:url('images/contact.gif') no-repeat;
		width:90px;margin-right:0;
		padding: 43px 0 0 0;overflow: hidden;height: 0px !important; height /**/:43px; /* for IE5/Win only */
	}
	#nav li.contact a.parent:hover{background-position: 0 -43px}

	#nav li ul {position: absolute;width: 15em;left: -999em}
	#nav li:hover ul {left: auto}

	#border {position: relative;height: 4px;text-align: left;font-size:10pt; font-weight: bold;
		background:url('http://www.cleartheairac.com/wp-content/themes/cleartheair/images/nav-bar.gif') repeat-x;
		z-index: 20;margin:-3px 0 0 0;padding:0;border-bottom:2px solid #95D3FE}

/* ---------- 2nd Level nav styles here -------- */
	#nav li.child a {line-height:1.1em;padding:5px 3px 5px 8px;width:220px;z-index: 50}
	#nav ul.sub {margin-top:0;border:1px solid #8DD0FE;width:220px;background-color:#D0EDFE}
	#nav ul.sub2 {margin:-25px 0 0 220px;border:1px solid #8DD0FE;width:220px;background-color:#D0EDFE}
	#nav ul.sub3 {margin:-25px 0 0 220px;border:1px solid #8DD0FE;width:220px;background-color:#D0EDFE}
	#nav li ul ul {margin: -1em 0 0 10em;background-color:#D0EDFE}
	#nav, #nav ul {padding: 0;margin: 0;list-style: none; line-height: 1}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left: -999em}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto}

/* ---------- content area styles -------- */
#bg {background: url('images/ac-bg.gif') repeat-x top left;overflow:hidden;padding-top:30px}
#promoband {margin: 0 0 20px 0;background-color: #FFF;border-top: 1px solid #C2E5FD;border-bottom: 1px solid #C2E5FD}			
#promo {clear: both;width: 960px;margin:0 auto;padding:0;background-color:#fff}
	#promoimage {float: left;width: 330px;margin-bottom:15px}	
	#promo h2 {color: #2251a3;font-size:1.7em;margin-bottom:10px}
	#promobox {float: right;width: 600px;margin-bottom:15px}
	#promobox h3 {color: #7c7c7c;margin:2px 0 15px 0; font-size:1.3em}
	#promobox p { margin:5px 0 7px 0; font-size:0.95em}
	#promobox a img {border:none}

#featured #tab-4 .entry p li {font-size:1.2em}
#featured .entry li {margin:5px 0 5px 0;font-size:1.2em}
#featured #tab-4 .entry p {margin-bottom:12px}
#featured  .entry {padding-left:10px}

#featured  {float: left;margin: 0 0 0 0;padding:10px 0 10px 0}
#featured .information  {float: left;width: 620px;padding: 0 20px 0 0}
#featured p {margin:10px 0 8px 0}

#featured .information h2  {margin: 8px 0 4px 0;color: #2251a3;font-size:1.4em;padding:0}

#featured ul {list-style-position:inside}

#featured .information .feat-button .left  {display: block;float: left;width: 5px;height: 30px}
#featured .information .feat-button a.more-info  {display: block;float: left;height: 24px;padding: 6px 4px 0 8px;text-transform: uppercase;cursor: pointer}
#featured .information .feat-button .right  {display: block;float: left;width: 19px;height: 30px}

#featured img.alignright {float:right}

#featured-tabs  {float: right;width: 300px;height: 100%}
#featured-tabs a:link, #featured-tabs a:visited  {font-size: 16px;font-weight: bold;text-decoration: none;color: #23262a}
#featured-tabs a span  {display:block;font-size: 12px;font-weight: normal;margin-top: -3px;color: #4f5357}

#featured-tabs li  {list-style:none;height:53px;width:300px;background: #dfdfdf url('images/f-tab.gif') no-repeat;margin:0;padding:0}
#featured-tabs li a:hover, #featured-tabs li.active a  {background: url('images/f-tab2.gif') no-repeat}
#featured-tabs li.cont a:hover, #featured-tabs li.cont.active a  {background: url('images/c-tab2.gif') no-repeat}
#featured-tabs li.cont  {background: #8ab130 url('images/c-tab.gif') no-repeat;margin:0;padding:0}
#featured-tabs li a {padding:12px 0 0 24px;display:block}
#featured-tabs li.cont a span  {color: #fff}

#contact2 {margin:10px auto 0 auto;width:210px}#contact2 a {display: block}

#contact2 p.button a {background-color: transparent;background-image: url(http://www.cleartheairac.com/houston/contact-us.jpg);
background-repeat: no-repeat;background-attachment: scroll;background-position: left top;
margin: 10px 0 0 0;width: 208px;padding: 54px 0 0 0;overflow-x: hidden;overflow-y: hidden;height: 0px}

#contact2 p.button a:hover {background-position: 0pt -54px}

#content {width: 980px;margin: 0 auto;background: #fff url('images/content-body.gif') repeat-y top left;clear: both;overflow: auto}
	#content img {border: 0px none}
	#content img.under {z-index: -10}
	#content ul {list-style-type: circle;margin:10px 0 10px 0}
	#content li {margin: 0 0 5px 30px}

	#contenttop {width: 980px;height: 26px;margin:0;padding:0;background: url('images/content-top.gif') no-repeat top left}	
	#contenttop2 {width: 980px;height: 393px;margin:0;padding:0;background: url('images/content-top2.gif') no-repeat top left}

	#triple {width: 910px;margin-left: auto;margin-right:auto;margin-bottom: 20px}
		#triple h3 {color: #2251a3;margin: 8px 0 10px 0;font-size:1.5em}
		#triple p  {margin-top:5px;line-height:1.3em}
		#triple img {border: solid 3px #bebdbd}				
		#triple #one {width: 280px;float: left;margin-right: 25px;font-size:0.90em}
		#triple #two {width: 280px;float: left;margin-right: 25px;font-size:0.90em}
		#triple #three {width: 280px;font-size:0.90em;float: left}
		#main {width:910px;margin:-373px auto 0 auto;clear: both; position:relative}
		#main-home {width:910px;margin:0 auto;clear: both}
		#main-home #loop h2 a {text-decoration:none}
		#main-home #loop h2 a:hover {text-decoration:undeline}

	#loop {float: left;width: 600px;margin:30px 20px 0 0;z-index: 10}
		#loop h1 {color: #2251a3;line-height: 30px;font-size:1.7em}	
		#loop h1 a:link, #loop h1 a:visited {color: #2251a3;text-decoration: none;margin-bottom:10px}
		#loop h1 a:hover {color: #2251a3;text-decoration: underline}		
		#loop h2 {color: #d41921;line-height: 30px;font-size:1.5em;font-weight:normal;margin-top:20px}
		#loop h2.index {margin-top:0}
		#loop h3 {color: #5d5d5d; line-height: 30px;font-size:1.3em}
		#loop h3.blue {color: #2251a3; margin-bottom:-20px;font-size:1.4em}
		#loop h4 {color: #5d5d5d; line-height: 30px;font-size:1.1em;margin:15px 0 10px}
		#loop p {margin:8px 0 8px 0}
		#loop img {border: 0px solid #bebdbd}
		#loop img.rooftop {border: 2px solid #bebdbd;margin:10px 15px 10px 0}
		#loop blockquote {margin: 20px 30px 0 10px;padding: 5px 5px 2px 20px;border-left: 5px solid #bebdbd;background-color:#f1f1f0}
		#loop blockquote p {height: 1%}
		#loop blockquote cite {margin: 0;display: block}
	#loop .entry{margin-bottom:35px}
	#loop .post{margin: -15px 0 35px 0}
	#loop #locations {clear:both;padding-top:20px}
	#loop #locations .vcard {width:230px;float:left;padding:0 0 15px 0;font-size:0.9em}
	#loop #locations h3 {color: #2251a3;padding-top:20px}
	#loop #locations .vcard .tel span.value {font-weight:bold}
#showroom {width:1020px;margin:0 auto}

.sidebar {width: 250px;padding: 15px 10px 10px 10px;margin: 0;border: solid 1px #979797;float: right;background: #f1f1f0}
.sidebar img.trane {text-align:center;margin:0 auto;display: block}#sideholder img.ad {margin:10px 0 0 0}

#sideholder {width: 250px;margin: 35px 15px 0 0;float: right}

.sidebar h4, .sidebox h4, .sideclear h4, .blogroll h4 {color: #2251a3;font-size:1.0em;font-weight:bold;margin: 0 0 5px 0;padding: 0 0 5px 0}				
.sidebar h4.center {text-align:center}

 .sidebox {width: 250px;margin-bottom: 15px}
.loop .sidebox {width: 250px;padding: 0 0 0 15px;margin-bottom: 20px;background: #f1f1f0}

.sideclear, .blogroll {width: 250px;padding: 25px 10px 15px 0;clear:both}
.blogroll h2{color: #666;font-size:1.0em;font-weight:bold;margin: 0 0 3px 0;padding: 0 0 3px 0}		
.blogroll li{list-style:none}

#sideholder ul {list-style: none;margin: 0;padding: 0}
#sideholder li {margin: 0 0 8px 0}
.sidebar li.recent{font-size:0.85em;margin:0 0 5px 0}
.sideclear li.recent{font-size:0.85em;margin:0 0 5px 0}

/* ---------- Footer -------- */		
#footer {width: 100%;height: 136px;clear: both;background: url('images/footer-tile.png') repeat-x bottom left;color: white;font-family: verdana, "sans serif";font-size: 10px;text-align: center}
#footer #finalfoot {Width: 980px;height: 136px;background: url('images/footer-bg.jpg') no-repeat bottom center;margin: 0 auto 0 auto;text-align: center}
#footer #finalfoot p {margin: 30px 16px 0 0;float: right}
#footer a:link, #footer a:visited {color: white;text-decoration: underline}
#footer a:hover {color: #2251A3;text-decoration: underline}
#footer #finalfoot #center {clear:both;text-align: center;color: #504f4f}
#footer #finalfoot #center a {font-size: 14px;color: #2251a3;text-decoration: underline}
#footer #finalfoot #center a:hover {color: #ffffff;text-decoration: underline}

/* ---------- Blog Comments -------- */
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0}
#commentform textarea {width:400px;padding: 2px}
#commentform #submit {margin: 0;float: left}

/* ---------- WP Styles -------- */
.postmeta {font-size:8pt;margin:0;padding:0;line-height:0.9em;color: #7c7c7c}
.postdate {font-size:8pt;margin:0;padding:0;line-height:0.8em;color: #7c7c7c;padding-bottom:10px}
#loop h3.respond {padding-top:20px;color: #2251a3}
.post {clear:both;padding-top:10px}
.older-newer {padding-top:-10px; margin: 0 0 25px 0;z-index:10;font-size:0.85em}
img.alignright {float:right;margin:5px 0 10px 15px;padding-left:10px}
img.alignleft {float:left;margin:5px 15px 10px 0}
img.wp-image-538, img.wp-image-539, img.wp-image-540, img.wp-image-541 {margin:0 0 20px 0}
.icons {width:123px;float:left;margin-top:30px}
.home-blurb {width:470px; float:right}
.ie-sucks {width:600px;clear:both}