/*
Theme Name: 	AirPro
Theme URI: 		http://www.fixmyair.net
Description: 	Custom theme for AirPro Heating and Air LLC
Version: 			2.0
Author: 			PlasticBrain Media LLC
Author URI: 	http://www.plasticbrain.net
*************************************************************/

@import url( 'reset.css' );
@import url( 'lavalamp.css' );

/**
 *
 * Table of Contents
 *		- General (body, wrapper, etc)
 *		- Typography (text, H tags, links, etc)
 *		- Header (header, logo)
 *		- Menu
 *		- Content (content-wrapper, content, post, etc)
 *		- Sidebar
 *		- Footer
 *		- Misc.
 *
 *
 ***********************************************************/
 
 
 
 
/**
 *	@General
 ***********************************************************/
	
	body {
		background: #FFF url( images/bg.gif ) repeat-x; 	
		font-family: Tahoma, sans-serif;
		color: #274b78;
	}
	
	#wrapper {
		width: 900px;
		margin: 0 auto;	
	}

/**
 *	@Typography
 ***********************************************************/
  h1, h2, h3, h4, h5, h6 {
 	font-family: helvetica, "Helvetica Neue", sans-serif;	
}
 
	h1 {
 		color: #153E6C;
 		font-size: 28px;
 		font-weight: 100;
 		letter-spacing: -1px;
 		margin: 0 0 15px 0;
	}
	
	h2 {
		color: #153E6C;
		margin: 0 0 15px 0;
		font-size: 26px;
		font-weight: 100;
		letter-spacing: -1px;
	}
	
	#page-content h2 { margin: 15px 0 20px 0; }
	
	h3 {
		color: #153E6C;
		margin: 0 0 5px 0;
		font-size: 20px;
		line-height: 26px;
		font-weight: 100;
		letter-spacing: 0px;
	}
	
	#page-content h3 { margin: 20px 0 10px 0; }
	
	h4 {
		color: #153E6C;
		margin: 0 0 5px 0;
		font-weight: 100;
	}
	
	p {
		font-size: 12px;
		line-height: 17px;
		margin: 10px 0 20px 0;
	}
  
  a {
		color: #3c74bb;		
	}
	
	a:hover {
		text-decoration: underline;	
	}
  
    
/**
 *	@Header
 ***********************************************************/  
  
  	#header {
 		background: url( images/header.jpg ) no-repeat;
 		height: 129px;
	}
	
	a#logo {
		background: url( images/logo.jpg ) no-repeat;
		width: 207px;
		height: 110px;
		margin: 0 0 0px;
		float: left;
		text-decoration: none;
		border: none;
	}
	
	#contact {
		float: right;
		margin: 35px 0 0 0;
		color: #afafaf;
		background: url( images/header_contact.gif ) no-repeat;
		width: 228px;
		height: 75px;
		text-indent: -9999px;
		
	}
  
  
/**
 *	@Menu
 ***********************************************************/ 
#menu {
 		background: url( images/bg_menu.jpg ) no-repeat;
 		width: 900px;
 		height: 45px;
 		margin: 0 0 20px 0;
	}
	
	#menu ul {
		padding: 12px 0 0 8px;
	}
	
	#menu ul li {
		margin: 0px;
		float: left;		
		border-right: 1px solid #186192;
		border-left: 1px solid #588cb0;
	}
	
	#menu ul li.first {
		border-left: none;
	}
	
	#menu ul li.last {
		border-right: none;
	}
	
	#menu ul li a {
		font-size: 14px;
		font-weight: 100;
		color: #fff;
		display: block;
		float: left;
		text-decoration: none;
		padding: 5px 15px;
	}
	
	#menu ul li a:hover, 
	#menu ul li a.active {
		color: #007AFB;
		text-decoration: underline;
	}
		
/**
 *	@Slideshow
 ***********************************************************/ 
 
	#middle {
 		background: url( images/big_blue_box.jpg ) no-repeat;
 		width: 912px;
 		height: 250px;
 		margin: 0 0 0 -6px;
 		color: #fff;
 	}
 	
 	#middle h1 img {
 		margin: 30px 0 0 10px;
 	}
 	
 	#middle a {
 		color: #fff;
 	}
 	
 	#middle .left {
 		width: 450px;
 		float: left;
 		padding: 0 0 0 0px;	
 	}
 	
 	#middle .left p {
 		padding: 0 0 0 30px;
 		font-size: 14px;
 		line-height: 22px;
 	}
 	
 	#middle .right {
 		width: 445px;
 		float: right;
 		padding: 20px 5px 0 0;
 	}
 	
 	#middle .right .service_image {
 		background: url( images/index_middle_house.jpg ) 0 0;
 		width: 442px;
 		height: 164px;
 	}
 	
 	#middle .right .service_image.residential {
 		background-position: 0 0;
 	}
 	
 	#middle .right .service_image.commercial {
 		background-position: 0 100%;
 	}
 	
 	#middle .buttons {
 		width: 440px; 		
 		margin: -5px 0 0 0;
 	}
 	
 	.floatleft {
 		float: left;
 		margin: 0 5px 0 0;
 	}
 	
 	.floatright {
 		float: right;
 		0 0 0 5px;
 	}
 	
 	a.services {
 		display: block;
 		width: 216px;
 		height: 56px;
 		background: url( images/service_buttons.gif ) no-repeat 0 0;
 		text-decoration: none;
 	}
 	
 	a.services.residential {
 		background-position: 0 0;
 	}
 	
 	a.services.commercial {
 		background-position: 0 100%;
 	}
  
  
  
  
/**
 *	@Content
 ***********************************************************/  
 	#content-wrapper { clear:both; display:block; }
 	
 	#content {
 		background: url( images/bg_middle.jpg ) no-repeat;
 		padding: 30px 25px 0;
 		width: 850px;
 		color: #274b78;
	}
	
	#page-content {
		width: 620px;
		display: block;
		float: right;
	}
	
	#content p, #page-content p {
		font-size: 12px;	
		line-height: 19px;
		color: #222;
	}
	
	
	ul.list {
		width: 240px;
	}
	
	ul.list.l2 {
		margin: 0 60px;
	}
	
	ul.list li {
		background: url( images/blue_check.png ) no-repeat 0 50%;
		padding: 0 0 0 18px;
		margin: 0 0 5px 0;
		font-size: 13px;
		color: #236491;
	}
	
	ul.list li.title {
		background-image: none;
		padding: 0 0 0 0;
	}
	
	ul.list li.button {
		background-image: none;
		padding: 0 0 0 0;
		margin: 20px 0 0 0;
	}
	
	a.button {
   	background: #e9e9e9 url( images/bg_btn.gif ) repeat-x 0 0;	
   	padding: 7px 12px;
   	border: 1px solid #bfc7cb;
   	-webkit-border-radius: 5px; -moz-border-radius: 5px;
   	text-decoration: none;
   	color: #306d97;
   }   
   
   a.button:hover { border-color: #2081c2; }
	
	a.button.learn_more {
		background: url( images/btn_learn_more.gif ) no-repeat 0 0;
		width: 111px;
		height: 36px;
		display: block;
		margin: 0 auto;
		padding: 0;
		text-decoration: none;
		border:none;
	}
	
	a.button.learn_more:hover {
		background-position: 0 100%;
	}
  	
  a.btn_service {
  	background: url( images/btn_request-service.gif ) no-repeat 0 0;
  	text-decoration: none !important;
  	display: block;
  	width: 207px;
  	height: 36px;
  }
  
	.button.cta {
  		border-color: #FDBF00;
	}
  
  
	ul.check, ul.question {
		margin: 0 0 20px 0;	
	}
	  
	ul.check li {
 		background: url( images/blue_check.png ) no-repeat 0 50%;
		padding: 0 0 0 23px;
		margin: 0 0 10px 0;
		font-size: 13px;
		color: #555;
		line-height: 20px;
	}
	
	ul.check li b {
		color: #555; /*#236491;*/ 	
	}
	
	ul.question li {
 		background: url( images/icon_alert.gif ) no-repeat 0 50%;
		padding: 0 0 0 23px;
		margin: 0 0 10px 0;
		font-size: 13px;
		color: #555;
		line-height: 20px;
	}
	
	ul.question li b {
		color: #555;
	}
	
	
	ul.question_mark li {
 		background: url( images/help.gif ) no-repeat 0 2px;
		padding: 0 0 0 23px;
		margin: 0 0 10px 0;
		font-size: 13px;
		color: #555;
		line-height: 20px;
	}
	
	ul.question_mark li b {
		color: #555;
		display: block;
	}
	
  
/**
 *	@Sidebar
 ***********************************************************/  
  #sidebar {
 		float: left;
 		display: block;
 		width: 256px;
 		margin: 0 15px 0 0;
 		background: #FFF url( images/bg_sidebar.jpg ) repeat-x;
	
	}
	
	#sidebar h3 {
		color: #000;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		margin: 15px 20px 0px 0;
	}
	
	#sidebar ul li {
		margin: 0px 20px 0px 0px;
		padding: 2px 0;
		border-bottom: 1px solid #e7e7e7;
		border-top: 1px solid #fafafa;
	}
	
	#sidebar ul li.page-item-139 {
		border-bottom: 1px solid #e7e7e7 !important;
		border-top: 1px solid #fafafa !important;
	}
	
	
	#sidebar ul li:first-child {
		border-top: none;
	}
	
	#sidebar ul li a, #sidebar ul li.current_page_item ul li a {
		font-size: 12px;
		color: #3c74bb;
		padding: 6px 0 2px 5px;
		display: block;
		text-decoration: none;
	}
	
	#sidebar ul li a:hover, #sidebar ul li ul li a:hover {
		color: #184175;
		text-decoration: underline;
	}
	
	
	#sidebar ul li.current_page_item {
		background: url( images/bg_sidebar_current.png ) no-repeat 100% 0;
		width: 253px;
		padding-left: 20px;
		margin: 2px 0px 2px 0;
		padding: 7px 0 5px;
		border:none;
	}
	
	#sidebar ul li.page_parent current_page_item {
		border-bottom: 1px solid #e7e7e7;
	}
	
	#sidebar ul li.current_page_item a {
		color: #fff;
		font-weight: 100;
	}
		
	#sidebar ul li.current_page_item a:hover {
		background: transparent !important;
	}
	
	#sidebar ul li ul {
		margin: 0;
		padding: 0;
	}
	
	#sidebar ul li ul li {
		width: 233px;
		padding-left: 20px;
		margin: 4px 40px 4px 0;
		padding: 4px 0;
		border-top: 1px solid #fafafa;
	}
	
	
	#sidebar ul li.current_page_parent {
		
	}
	
	#sidebar ul li.current_page_ancestor {
		border: none;
	}
	
	#sidebar ul li ul li a {
		text-indent: 20px;
	}
		
	#sidebar ul li ul li.current_page_item {
		background: url( images/bg_sidebar_current.png ) no-repeat 100% 0;
	}
	
	#sidebar p { color: #777; }
 
/**
 *	@Footer
 ***********************************************************/
	
	#footer_wrapper {
 		width: 100%;
 		background: #fff url( images/bg_footer.gif ) repeat-x 0 100%; 
 		display: block;
 		margin: 50px 0 0 0;
 		clear:both;
 		float:none;
 	}

	#footer {
		background: #E6ECF1 url( images/footer.gif ) no-repeat 0 0;
		color: #316e98;
		font-size: 12px;
		text-align: left;
		margin: 0px auto;
		width: 875px;
		height: 114px;		
		padding: 80px 0 0 0;
	}
	
	#footer h3 {
		color: #316e98;
		font-size: 16px;
		font-weight: bold;
	}
		
	#footer a {
		font-size: 13px;
		color: #497FA5;
	}
	
	#footer ul.floatleft {
		margin: 0 50px 0 0;
		padding: 0;
	}
	
	#footer ul li {
		margin: 0 0 5px 0;
		padding: 0;
	}
	
	#footer ul.logos {
		text-align: center;
	}
	
	span#energystar {
		background: url( images/energy-star.gif ) no-repeat 0 100%;
		display: block;
		width: 92px;
		height: 50px;
		margin-right: 10px;
	}
	
	span#energystar:hover {
		background: url( images/energy-star.gif ) no-repeat 100% 0;
	}
	
	span#tempstar {
		background: url( images/tempstar-logo.gif ) no-repeat 0 100%;
		display: block;
		width: 166px;
		height: 38px;
		margin: 10px 0 0 0;
	}
	
	span#tempstar:hover {
		background: url( images/tempstar-logo.gif ) no-repeat 100% 0;
	}
	
	
 
 
  
/**
 *	@Misc
 ***********************************************************/  
  
  .push {
  	clear: both;
  	display: block;
  	height: 0px;
  }
  
  .push10 {
  	clear: both;
  	display: block;
  	height: 10px;
  }
  
  .push20 {
  	clear: both;
  	display: block;
  	height: 20px;
  }
  
  .push30 {
  	clear: both;
  	display: block;
  	height: 30px;
  }
  
  .push40 {
  	clear: both;
  	display: block;
  	height: 40px;
  }
  
  .push50 {
  	clear: both;
  	display: block;
  	height: 50px;
  }
  
  .divider {
  	clear:both;
  	display: block;
  	height: 1px;
  	border-bottom: 1px solid #bfc7cb;
  	padding: 0;
  	margin: 10px 0;  	
  }
  
  .divider.fancy {
  	background: url( images/divider.gif ) no-repeat 50% 0;
  	height: 17px;
  	clear:both;
  	display: block;
  	border:none;
  	padding: 0;
  	margin: 20px 0;  	
  }
  
  textarea#comment {
  	width: 600px !important;
  }
  
	.alignright { 
		float: right;
		margin: 0 0 10px 10px;
	}
	
	.alignleft {
		float:left;
		margin: 0 10px 0 0;	
	}
	
	img.alignright, img.alignleft {
		border: 1px solid #aaa;
		padding: 3px;
		background: #fff;	
	}
	
	img.noborder { border:none; padding: 0; }
  	
  	
  	
  	.block { width: 275px; }
  	
  	small { font-size: 11px; }
  	
  	
  	table.prices {
  		margin: 0 0 20px 0;
  		width: 100%;
  	}
  	
  	table.prices tr td {
  		border-bottom: 1px dashed #ccc;	
  		padding: 15px 10px;
  	}
  	
  	table.prices tr td.description {
  		vertical-align: middle;
  	}
  	
  	table.prices tr td.price {
  		text-align: center;
  		vertical-align: middle;	
  		font-size: 18px;
  	}
  	
  	table.prices tr td small {
  		display: block;
  		font-size: 9px;
  		color: #777;
  		margin: 5px 0 0 0;
  	}
  	
  	table.prices tr td.description small { font-size: 11px; }
  	
  	.clearfix {
		display: block;
		clear:both;
		float:none;
		margin: 0;
		padding: 0;
  	}   
  	
  	.cform{ margin: 10px 0 !important;  }
  	ol.cf-ol { border:none !important; }
  	
  	
  	.pullquote {
  		width: 270px;
  		padding: 10px;	
  		background: #EBF4FB;
  		border: 1px solid #BAD1EF;
  		-webkit-border-radius: 5px;
  		-moz-border-radius: 5px;
  	}
  	
  	.pullquote p {
  		font-style: italic;
  		font-family: Georgia, serif;
  		font-size: 14px !important;
  		line-height: 20px;
  		margin: 0;
  		padding: 0;
  	}
  	
  	a.request_service { 
  		background: url( images/asterisk.png ) no-repeat 0 50%;
  		padding-left: 20px;	
  	}
  	
  	.cform li { margin: 5px 0 10px 0 !important; }
  	.cform ol li label { display: block; width; auto !important; }
  	.cform label span {
  		display: block;
  		width: 400px!important;	
  		color: #111;
  	}
  	span.reqtxt, span.emailreqtxt { margin-left: 0px !important; }
  	p.cf-sb { text-align: left !important; }
  	
  	#usermessagea, #usermessage2a { 
  		color: #111;
  		width: 100% !important;
  		background: #F0FFEF !important;
  		border: 2px dashed #B6EFB3 !important;
  	}
  	
  	
  	table#payment-form {
  		width: 100%;
  	}
  	
  	table#payment-form tr td {
  		padding: 10px 5px;
  	}
  	
  	table#payment-form tr.even td {
  		background: #f9f9f9;
  		border-top: 1px solid #eee;
  		border-bottom: 1px solid #eee;
  	}
  	
  	table#payment-form tr td.label {
  		font-size: 12px;
  		color: #555;
  		vertical-align: middle;
  		text-align: right;
  		/*padding-top: 18px;*/
  		font-weight: bold;
  		padding-right: 10px;
  	}	
  	
  	table#payment-form tr td span {
  		display:block;
  		font-size: 10px;
  		color: #777;
  		margin: 3px 0 0 0;	
  	}
  	
  	
  	.text {
  		width: 350px;
  		padding: 4px 2px;
  		font-size: 14px;
  		border: 1px solid #eee;
  		border-top: 1px solid #aaa;	
  		border-left: 1px solid #aaa;
  	}
  	
  	.text.small { width: 100px; }
  	.text.tiny { width: 50px;	}
  	.text.auto { widtH: auto !important; }
  	
  	.text:focus { background: #FFF8DE; border-color: #1972AE; }
  	
  	
  	/* Message Boxes -------------------------------------------------------------------------------- */

.messages {
	width: 100%
	display: block;
	padding: 10px 0;
	margin: 0 auto 10px auto;
	clear: both:
}

.messages p {
	margin: 3px 0 3px 10px;
	padding: 0 10px 0 10px;
	font-size: 14px;
	line-height: 16px;
}
	
.messages.error {
	border: 1px solid #C42608;
	color: #c00;
	background: #FFF0EF;
}

.messages.error p {
	color: #c00 !important;
}
	
.messages.success {
	background: #E0FBCC;
	border: 1px solid #6DC70C;
	color: #000;
}

.messages.success p {
	color: #2B6301;
}

.messages.warning {
	background: #FFFCD3;
	border: 1px solid #EBCD41;
	color: #000;
}

.messages.warning p {
	color: #5F4E01;
}

.messages.information, .messages.info {
	background: #DFEBFB;
	border: 1px solid #82AEE7;
}

.messages.information p, .messages.info p {
	color: #064393;
}