@charset "utf-8";
body {background:#006699; font-size:100%; font-family:Arial, Helvetica, sans-serif; text-align: center;}
/* common */
html, body, p, hr, ul, li, dt, dd, dl, sup, h1, h2, h3, h5, form, fieldset, legend, input.checkbox, input.radio, address { margin:0; padding:0; }
a img, :link img, :visited img, fieldset, input.checkbox, input.radio { border:none }
table{border-collapse:collapse; border-spacing:0; font-size:inherit;}
ol, ul { list-style:none; }
address { font-style:normal }
a {color:#00679a; text-decoration:none; font-weight:bold}
a:hover {color:#333; text-decoration:underline;}
.clear {clear:both; display:block} 
.center {text-align:center}
hr {border:none; border-top:#ccc 1px solid; height:0; clear:both; margin-bottom:15px;}
.small {font-size:11px;}

ul.two_cols {margin:1.8em 0 0 30px; display:block; width:600px; clear:both}
ul.two_cols li {float:left; width:288px; height:28px; line-height:16px; }

/* layout*/
.b .c { width:898px; margin:28px auto; text-align:left; border:#fff 1px solid; background:#fff}

#head {background:#ffd830 url(i/bg_head.gif) repeat left top; clear:both; height:104px; overflow:hidden; position:relative;}
#head div {float:left; display:inline;}
#head #logo {margin:4px 0 0 38px; width:168px; height:92px;}
#head #installation {margin:20px 0 0 50px; width:389px; height:72px;}
#head #air_phone {margin:20px 0 0 20px; width:211px; height:59px}
#head #conditioner {position:absolute; z-index:10; top:90px; left:359px; background:url(i/bg_guy_hair.gif) no-repeat; width:49px; height:14px;}

#vis {border-bottom:#fff 1px solid; background:#99ccff; height:201px; overflow:hidden; clear:both; position:relative;}
#vis div {float:left;}
#vis #service {text-align:center; background:#fff url(i/bg_left_vis.gif) repeat-x 0 1px; width:249px; height:184px; padding-top:17px}
#vis #service img {padding-bottom:2px;}
* html #vis #service img {padding-bottom:5px;}
*:first-child+html #vis #service img {padding-bottom:5px;}

#menu {text-align:center; background:#ffeb63; height:32px; overflow:hidden;}

#content {font-size:13px; color:#333; background:#fff url(i/bg_content.gif) repeat-y left top; margin-top:15px; clear:both}

#col_right {
	padding:5px 21px 0 21px;
	width:608px;
	float:right;
	text-align:left;
}
/*#col_right ul {padding:0 0 0 20px;}
#col_right ul li {padding: 15px 0 0 0;}*/
#col_right p {padding:15px 0 0 30px}
#col_right img.i {margin:14px; padding:1px; border:#999 1px solid; } 
#col_right img.limg {float:left; margin:20px 12px 0 0}
#col_right .pan {float:left; margin-bottom:14px; width:50%}
#col_right .vertborder {width:46%; border-left:#ccc 1px solid; padding-left:15px; margin-left:8px}

#col_left {padding:5px 22px 0 30px; width:194px; float:none; text-align:center;}
* html #col_left {padding:5px 6px 0 27px;} /* ie6 */

#footer {clear:both; padding:23px 0 6px 0; height:29px; text-align:center; background:#fff url(i/bg_footer.gif) repeat-x bottom;}
#footer ul li {border-left:#006699 1px solid; margin-left:3px; padding-left:6px; display:inline}
#footer ul li.first {margin-left:0; padding-left:0; border-left:none}
#footer ul li a {color:#006699; font-size:14px; font-weight:normal;}
#copy, #copy a {color:#fff; font-size:12px; margin-top:-20px; padding-bottom:8px; font-weight:normal;}

table#brands {width:549px; margin:1em auto; clear:both}
table#brands td {padding:5px; text-align:center; vertical-align:top; width:173px;}
table#brands td img {border:#ddd 1px solid; padding:1px}

#col_right h1, #col_right h2, #col_right h3 {display:block; background:url(i/bg_h.gif) no-repeat left; text-indent:30px; font-size:22px; line-height:25px; color:#006699;}
#col_right h3 {margin-top:1em; background:none; display:block; text-indent:30px; font-size:13px; line-height:25px;}



/* ===================== GENERAL FORMS ELEMENTS ========================== */

form { display: inline; }
input, select, textarea { font-family : Arial, Helvetica, sans-serif; vertical-align: middle}
.contact_tbl input, .contact_tbl select, .contact_tbl textarea {margin:4px;}
#free_estimate {margin-left:30px}
#free_estimate textarea {width:300px; height:100px}
#contact_form, #contact_form table {width:380px; float:left}
#contact_form textarea {width:368px; height:180px; margin:4px 0}

div.popup {padding: 18px 8px 10px 8px;}
div.popup h3 {color:#029407; font-size:13px;}

/* ======================== User Additions (add to live file)==================*/
#coupon{
	border:#000000 dashed thin;
	width:450px;
}
#coupon h4{
	font-size:32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0200;
	height: 15px;
	margin-top: 0px;
}
#coupon h3{
	font-size:18px;
	color: #0067CB;
	font-family: Arial, Helvetica, sans-serif;
}
#coupon h5{
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	height: 15px;
	margin-top: 10px;
	margin-right: 20px;
	color: #000000;
}
#coupon h6{
	font-size:8px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin: 0;
}
#coupon_stripe{
	float:left;
	background-color:#CC0200;
	width: 430px;
	outline-color: #000000;
	border-width: 5px;
}
#coupon_stripe h3{
	color:#FFFFFF;
	font-size:14px;
}
 /* END FORM */