/*

Web Editors
CSS Author: Eric Santana
Date: 1.25.10
Primary Colors: #9d2424 RED, #323232 GRAY

/*

/***************************************************************************************************************
** Global Reset - Resets default browser CSS
***************************************************************************************************************/
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,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td
{margin:0 auto; padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

/* Removes Firefox imposed outline */
a { outline: none; line-height:18px;}

table {border-collapse: collapse; border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
html, body {margin:0; padding:0; height:100%;}

/***************************************************************************************************************
** Typography - Sets up some sensible default typography.
***************************************************************************************************************/
body {font-size: 12px; font-family: Verdana, Arial, sans-serif;} /* global default font-size */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea {font-family:Verdana, Arial, sans-serif; color:#323232; } /* Default fonts and colors. */

/* Headings */
h1,h2,h3,h4,h5,h6 { font-family: "Myriad Pro", Verdana, Helvetica, sans-serif; font-weight: bold;}
h2, h3, h4 {font-weight:bold; margin:0 auto; padding:0;}
h1 {font-size: 24px; color:#fff; padding-bottom:5px;  }
h2 {font-size: 18px; color:#a60000; }
h3 { font-size: 16px; font-weight:normal; }
h4 {font-size: 14px; padding:10px 0;}
h5 {font-size: 12px; margin-bottom: 14px; font-weight:normal;}
h6 {font-size: 12px; font-weight:normal;}

/* Text elements */
p {line-height:18px; margin:0 auto; padding:10px 0;}

ul, ol { margin:10px 20px; padding:10px 20px; }
ul {list-style-type:disc; }
ol { list-style-type:decimal; }
li {line-height:18px;}

dl { margin: 0px 0px 16px 0px; }
dl dt { font-weight: bold; }
dl dd { margin-left: 18px; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 18px; font-style: italic; }
del { color: #000; }

a, a:visited {color:#005cc7; }
a:hover { color:#005cc7; }

blockquote {margin:18px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight: bold;}
pre, code {margin: 18px 0px; white-space:pre;}
pre, code, tt {font: 12px monospace; line-height: 18px;} 
tt {display: block; margin: 18px 0; line-height: 18px;}

/* Tables */
table { margin: 0px; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 0px; }
th,td { padding:4px; }
tfoot { font-style: italic; }
caption { background: #ffc; }

/***************************************************************************************************************
** Design - Custom template specifics.
****************************************************************************************************************/


/***** General Layout *****/

html { background: #005aab url(/media/images/body_bg.jpg) repeat-x; }
#container { margin: 0px auto; width: 985px; background-color: #fff; }
.clear { clear: both; }
.page_img { float: left; margin: 0px; padding: 0px; border: 5px solid black; }

#left_header { position: absolute; left: 0px; float: left; background-image: url(/media/images/left_header_bg.png); width: 45%; height: 147px;  }
#right_header { position: absolute; right: 0px; float: right; background-image: url(/media/images/right_header_bg.jpg); width: 45%; height: 147px;  }
/*** Header ***/
#header { background: url(/media/images/main_header_bg.jpg) no-repeat; width: 985px; height: 147px; position: relative; }
#header #logo { padding-top: 5px; }
#header ul#navigation { list-style: none; position: absolute; top: 110px; left: 360px; margin: 0px; }
#header ul#navigation li { float: left; margin: 0px; }
#header ul#navigation li a { padding: 5px 22px 7px 5px; font-family: "Myriad Pro", Arial, sans-serif; font-size: 1.4em; }
#header ul#navigation li a.topLevelNav { text-decoration: none; color: #fff; font-size: 1.4em; }
#header ul#navigation li a.topLevelNav:hover { color: #cde6fa; font-weight: 100; }


#header ul#navigation li a.sub_nav {
    color:#005aab;
    text-decoration: none;
}

#header ul#navigation li a.sub_nav:hover {
    color:#000000;
    text-decoration: none;
}

/** Dropdown Nav **/
ul#navigation li ul { 
    display: none; 
    width: 16em; /* Width to help Opera out */ 
    font-size: 11px; 
    border: 0px; 
    list-style: none;
    background-color: #cde6fa;
    border: 1px solid #fff;
}

ul#navigation li ul.services_drop {
    position: absolute;
    top: 37px;
    left: 125px;
    margin: 0px;
    padding: 0px;
}

ul#navigation li ul.help_drop {
    position: absolute;
    top: 37px;
    left: 215px;
    margin: 0px;
    padding: 0px;
}
ul#navigation li:hover ul { 
    display: block;  
    padding: 0px; 
    margin: 0px; 
    z-index: 100; }
ul#navigation li:hover li { 
    float: none;
    margin: 0px; 
    padding: 0px; 
    clear: both;
}

/* Credit Cards */
#header .credit_cards img { position: absolute; top: 5px; left: 320px; }
#header .financing_burst { position: absolute; top: 15px; right: 50px; }
#header .rss_icon img { position: absolute; top: 15px; right: 0px; }
#header .specials p a { position: absolute; top: 60px; right: 25px; color: #fff; text-decoration: none; font-weight: bold; font-size: 16px; }
#header .specials p a:hover { color: #000; text-decoration: underline; }
#header .latest_specials img { position: absolute; top: 15px; left: 350px; }

/* Nate Logo */
#header ul#nate_logo { margin: 0px; padding: 0px; list-style: none; }
#header ul#nate_logo li a { position: absolute; top: 5px; left: 255px; background: url(/media/images/nate_logo.png) no-repeat; width: 89px; height: 88px; display: block; text-indent: -9999px; }
#header ul#nate_logo li a:hover { background: url(/media/images/nate_logo_over.png) no-repeat; }

/* BBB Logo */
#header ul#bbb_logo { margin: 0px; padding: 0px; list-style: none; }
#header ul#bbb_logo li a { position: absolute; top: 5px; left: 340px; background: url(/media/images/bbb_logo.png) no-repeat; width: 62px; height: 88px; display: block; text-indent: -9999px; }
#header ul#bbb_logo li a:hover { background: url(/media/images/bbb_logo_over.png) no-repeat; }

/*** Content ***/
#content { width: 925px; margin: 0px auto; }
#content #introduction { padding-top: 30px; float: left; width: 445px; }
#content #introduction h1 { font-family: "Myriad Pro", Verdana, sans-serif; font-size: 20px; color: #9d2424; margin: 0px; padding: 0px; }
#content #introduction p { font-family: Verdana, Arial, sans-serif; font-size: 12px; text-align: justify; }
#content #introduction p strong { color: #9d2425; font-size: 16px; }
#content #introduction p br { margin: 0 0 10px 0; }
#content #welcome_video { float: left; padding: 65px 45px 0px 0px; }
#content .leaderboard { padding: 20px 0 0 0; width: 900px; }
    #content .leaderboard { text-align: center; }

/*** Sub Content ***/

#content #left_column { float: left; width: 285px; padding-top: 35px; }
#content #main_column { float: right; width:580px; padding-top: 35px; }

.main_col_top { background: url(/media/images/main_column_top.png) no-repeat; width: 578px; height: 113px; margin: 0px; }
.main_col_top h2 { padding: 8px; font-family: "Myriad Pro", Verdana, sans-serif; font-size: 18px; color: #fff; font-weight: normal; }
.main_col_mid { background: url(/media/images/main_column_mid.png) repeat-y; width: 578px; margin: 0px; }
.main_col_mid p { padding: 0px 15px; text-align: justify; position: relative; top: -60px; }
.main_col_btm { background: url(/media/images/main_column_btm.png) no-repeat; width: 578px; height: 13px; margin: 0px; position: relative; }

/*** Boxes ***/

#boxes { padding-top: 35px; }
.content_box_top { background: url(/media/images/content_box_sm_top.png) no-repeat; width: 283px; height: 112px; margin: 0px; }
.content_box_top h2 { padding: 8px; font-family: "Myriad Pro", Verdana, sans-serif; font-size: 18px; color: #fff; font-weight: normal; }
.content_box_mid { background: url(/media/images/content_box_sm_mid.png) repeat-y; width: 283px; margin: 0px; }
.content_box_mid p { padding: 0px 15px; text-align: justify; position: relative; top: -60px; }
.content_box_btm { background: url(/media/images/content_box_sm_btm.png) no-repeat; width: 283px; height: 42px; margin: 0px; position: relative; }
.content_box_btm ul { margin: 0px; padding: 0px; list-style: none; }
.content_box_btm ul li a { position: absolute; top: -30px; right: 20px; background: url(/media/images/more_info_btn.jpg) no-repeat; width: 99px; height: 27px; display: block; text-indent: -9999px; }
.content_box_btm ul li a:hover { background: url(/media/images/more_info_btn_over.jpg) no-repeat; }
#residential_box { float: left; padding-left: 0px; }
#maintenance_box { float: left; padding-left: 35px; }
#hvac_service_box { float: left;  padding-left: 35px; }
#replacement_parts_box { float: left; padding-left: 0px; padding-top: 20px; }
#warranty_agreements_box { float: left; padding-left: 35px; padding-top: 20px; }
#indoor_air_quality_box { float: left; padding-left: 35px; padding-top: 20px; }

/*** Sub Pages ***/

#subpage { position: relative; top: 0px; }
#subpage .main_col_top { background: url(/media/images/main_column_top.png) no-repeat; width: 578px; height: 35px; margin: 0px; }
#subpage .main_col_top h2 { padding: 8px; font-family: "Myriad Pro", Verdana, sans-serif; font-size: 18px; color: #fff; font-weight: normal; }
#subpage .main_col_mid { background: url(/media/images/main_column_mid.png) repeat-y; width: 578px; margin: 0px; }
#subpage .main_col_mid p { padding: 0px 15px; text-align: justify; position: relative; top: 0px; }
#subpage .main_col_btm { background: url(/media/images/main_column_btm.png) no-repeat; width: 578px; height: 13px; margin: 0px; }

#subpage .main_col_mid .mainWincontent { margin: 0px 10px; padding: 10px 20px; }
#subpage .main_col_mid .mainWincontent h2 { margin: 0px; padding: 10px 0 0 0; }
#subpage .main_col_mid .mainWincontent img { margin: 0px; padding: 10px 0 10px 0; }
#subpage .main_col_mid .mainWincontent p { margin: 0px; padding: 10px 0 0 0; }
#subpage .main_col_mid .mainWincontent ul li { line-height: 18px; }
#subpage .main_col_mid .mainWincontent td p { margin: 0px; padding: 10px 0 0 0; text-align: justify; font-size: 11px; line-height: 14px; }

/*** Servicing ***/
#servicing { }
#servicing h1 { font-family: "Myriad Pro", Verdana, sans-serif; font-size: 20px; color: #9d2424; margin: 0px; padding: 0px; }

/** Organizations **/
.organizations_area { width: 985px; background-color: #fff; }
.organizations { margin: 0px auto; padding: 0px; height: 145px; width: 900px; }
    .organizations h2 { margin: 0px; padding: 0 0 15px 0; font-size: 18px; float: left; }
    .organizations ul { margin: 0px; padding: 0px; list-style: none; float: left; }
        .organizations ul li { float: left; margin: 0px; padding: 0px 15px; }
            .organizations ul li img { vertical-align: text-top; }

/*** Footer ***/

#footer { background: url(/media/images/footer_bg.jpg) no-repeat; width: 985px; height: 125px; margin: 0px auto; position: relative; }
#footer #copyright { position: absolute; top: 60px; left: 30px; }
#footer #copyright p { font-family: Verdana, Arial, sans-serif; color: #fff; }
#footer .twitter_icon img { position: absolute; top: 87px; left: 175px; z-index: 9982; }
#footer .facebook_icon img { position: absolute; top: 87px; left: 215px; z-index: 9983; }

#footer #footer_navigation { position: absolute; top: 85px; left: 370px; }
#footer #footer_navigation ul { list-style: none; margin: 0px; }
#footer #footer_navigation ul li { float: left; padding-left: 10px; }
#footer #footer_navigation ul li a { color: #fff; border: none;}

#footer #web_editors { position: absolute; top: 85px; right: 30px; }
#footer #web_editors p { color: #fff; }
#footer #web_editors p a { color: #fff; }

#footer_left { position: absolute; left: 0px; float: left; background-image: url(/media/images/footer_left_bg.jpg); width: 45%; height: 67px;  margin-top: -67px; z-index: -9999; }
#footer_right { position: absolute; right: 0px; float: right; background-image: url(/media/images/footer_right_bg.jpg); width: 45%; height: 33px;  margin-top: -33px; z-index: -9999; }
/*** Company Logos Top ***/
#company_logos { width: 985px; margin: 0px auto; position: relative; }
#company_logos .logos1 { margin: 0px; padding: 0px; position: absolute; left: 20px; top: -10px; }

/* Company Logos Bottom */
#company_logos_btm { width: 985px; position: relative; }
#company_logos_btm .logos2 { margin: 0px; padding: 0px; position: absolute; top: 40px; left: 370px; }
.awesome_deal { font-weight: bold; font-size: 16px; line-height: 1.2em; text-align: left; margin-bottom: 20px; }
.red { color: #9d2424; }
.top_banner { width: 944px; margin: 0px auto; overflow: hidden; }
    .top_banner { padding-top: 25px; }