/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* End CSS Reset */
/* Page Structure, ID's */
body { text-align:center; background:url(/images/index/bg.jpg) #A5D2EA top left repeat-x; }
#interior_body { text-align:center; background:url(/images/interior/int-bg.jpg) #fff top left repeat-x; }
/*================================================= INDEX PAGE =================================================*/
#main_wrapper { width:950px; margin:0 auto; }
#header { width:950px; height:124px; float:left; }
#logo { width:449px; height:124px; float:left; }
#top_right { width:501px; height:124px; float:left; }
#nav { width:950px; float:left; }
#flash_container { width:950px; height:276px; float:left; background:url(/images/index/flash.jpg) top left no-repeat; }
#read_more_btn { width:910px; height:13px; float:left; margin:205px 0 0 40px; display:inline; text-align:left; }
#schedule_appt_btn { width:910px; height:16px; float:left; margin:10px 0 0 40px; display:inline; text-align:left; }
#index_bottom_left { width:703px; float:left; }
#welcome { width:703px; height:166px; float:left; background:url(/images/index/welcome-bg.jpg) top left no-repeat; }
#welcome_text { width:673px; float:left; margin:60px 0 0 15px; display:inline; }
#ind_service { width:227px; height:236px; float:left; background:url(/images/index/service-bg.jpg) top left no-repeat; }
#ind_plumbing { width:227px; height:236px; float:left; background:url(/images/index/plumbing-bg.jpg) top left no-repeat; }
#ind_hvac { width:249px; height:236px; float:left; background:url(/images/index/hvac-bg.jpg) top left no-repeat; }
#index_bottom_right { width:247px; float:left; }
#work_on { width:247px; height:402px; float:left; background:url(/images/index/what-we-work-on-bg.jpg) top left no-repeat; }
#work_list { list-style-type:none; float:left; margin:60px 0 20px 25px; display:inline; }
#work_list li { font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:none; font-weight:bold; line-height:160%; text-align:left; }
#furnace_btn { width:204px; height:97px; margin:0 auto; }
#footer { width:950px; height:50px; float:left; }
#copyright { width:813px; height:161px; float:left; }
#privacy_policy { width:137px; height:161px; float:left; }
#service_magic_seal { width: 130px; height: 130px; float: left; margin: -110px 0 0 0; }
/*================================================= INTERIOR TEMPLATE =================================================*/
#subheader { width:950px; height:114px; float:left; }
#int_content { width:880px; margin:30px 35px 100px 35px; float:left; display:inline; }
#int_footer { width:950px; height:85px; float:left; }
#int_copyright { width:813px; height:85px; float:left; }
#int_privacy_policy { width:137px; height:85px; float:left; }
/*================================================= ABOUT PAGE =================================================*/
#about_img { width:624px; height:510px; margin:0 auto; }
/*================================================= SERVICES PAGE =================================================*/
#service_list_left { width:450px; float:left; list-style-type:none; margin:15px 40px 40px 40px; }
#service_list_right { float:left; list-style-type:none; margin:15px 40px 40px 40px; }
#service_list_left, #service_list_right li { font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:bold; line-height:160%; text-align:left; }
.service_img_row { width:803px; float:left; margin:0 0 80px 15px; }
.service_img { width:201px; float:left; margin:0 100px 0 0; }
.service_img_last { width:201px; float:left; }
/*================================================= TESTIMONIAL PAGE =================================================*/
#inner_left_content { width:629px; float:left; padding:0 25px 0 0; background:url(/images/interior/vertical-line-break.jpg) top right repeat-y; }
.line_break { width:634px; height:1px; margin:20px 0; background:url(/images/interior/horizontal-line-break.jpg) top left no-repeat; }
#inner_right_content { width:221px; float:left; height:100px; }
.right_btn_top { width:204px; height:97px; float:left; margin:35px 0 0 17px; display:inline; }
.right_btn { width:204px; height:97px; float:left; margin:20px 0 0 17px; display:inline; }
/*================================================= OFFERS PAGE =================================================*/
#energy_star_container { float:left; margin:25px 0; text-align:left; }
#star_img { width:180px; height:170px; float:left; padding:0 15px 5px 0; }
#bottom_img_container { width:440px; margin:0 auto; }
/*================================================= CONTACT PAGE =================================================*/
#left_contact_info { width:300px 0 0 0; float:left; padding:15px 29px 0 0; text-align:left; }
#contact_form { margin:40px 0; float:left; text-align:left; }
#right_contact_info { width:300px 0 0 0; float:left; padding:15px 0 0 0; text-align:left; }
/*================================================= MARGINS =================================================*/
.right_75 { margin:0 74px 0 0; }
/*================================================= INPUTS =================================================*/
input.contact { width:92%; height:20px; _height:25px; border:2px solid #d0e8f5; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
input.contact_2 { width:92%; height:20px; _height:25px; border:2px solid #d0e8f5; margin:3px 0 0 0; padding:3px 3px 0 3px; }
textarea.contact { width:92%; height:200px; border:2px solid #d0e8f5; margin:3px 0 10px 0; padding:3px 3px 0 3px; }
/*================================================= NAVIGATION =================================================*/
#top_navigation { width:950px; height:57px; float:right; z-index: 1; cursor:pointer; }
#top_navigation li { }
#top_navigation a { display:block; }
#top_navigation li { float:left; }
#top_navigation li a { height:57px; }
#home a { background: url(/images/nav/home.jpg) top center no-repeat; width:150px; height:57px; }
#about_us a { background: url(/images/nav/about.jpg) top center no-repeat; width:149px; height:57px; }
#services a { background: url(/images/nav/services.jpg) top center no-repeat; width:145px; height:57px; }
#testimonials a { background: url(/images/nav/testimonials.jpg) top center no-repeat; width:177px; height:57px; }
#offers a { background: url(/images/nav/offers.jpg) top center no-repeat; width:134px; height:57px; }
#contact_us a { background: url(/images/nav/contact.jpg) top center no-repeat; width:195px; height:57px; }
#home a:hover, #about_us a:hover, #services a:hover, #testimonials a:hover, #offers a:hover, #contact_us a:hover { background-position:bottom; }
/*================================================= LINKS ======================================================*/
a:link{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:none; font-weight:bold;}
a:visited{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:none; font-weight:bold;}
a:hover{font-family:verdana, arial, helvetica;font-size:11px;color:#40AAB1;text-decoration:underline; font-weight:bold;}
a.grey_12b_link:link {font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:none; font-weight:bold; }
a.grey_12b_link:visited {font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:none; font-weight:bold; }
a.grey_12b_link:hover {font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:underline; font-weight:bold; }
a.grey_14_link:link {font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:normal; }
a.grey_14_link:visited {font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:normal; }
a.grey_14_link:hover {font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:underline; font-weight:normal; }
/*================================================= TEXT =======================================================*/
p { font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.grey_12_b { font-family:verdana, arial, helvetica; font-size:12px; color:#454646; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.grey_14 { font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:normal; line-height:150%; text-align:left; }
.grey_14_b { font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:bold; line-height:150%; text-align:left; }
.captions { font-family:verdana, arial, helvetica; font-size:14px; color:#454646; text-decoration:none; font-weight:bold; line-height:160%; text-align:center; }
.blue_14 { font-family:verdana, arial, helvetica; font-size:14px; color:#001b96; text-decoration:none; font-weight:bold; line-height:160%; text-align:left; }
/*================================================= FLOAT ============================*/
.left { float:left; }
/*================================================= BEGIN CLEARFIX FOR FLOAT STYLES ============================*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;_height: 1%;}
.clearfix {display:block;}