body {padding:0;margin:0;font-size:10pt;font-family: arial, sans-serif;background:#3c9ad3 url(images/main-background.png) repeat;}

p {}

img { border:none}
h1 {color:#000000;font-size:22px;margin:0;font-weight:700;float:left;}
h2 {color:#000000;font-size:14px;margin:0;font-weight:700;}
h3 {font-size:15px;font-weight:bold; margin:5px 0;padding:0}

.clear{clear:both;}
.clear-5{clear:both;height:5px;}
.clear-10{clear:both;height:10px;}
.clear-15{clear:both;height:15px;}
.clear-20{clear:both;height:20px;}
.clear-25{clear:both;height:25px;}
.clear-35{clear:both;height:35px;}

a {color:#0f94f1;text-decoration:none;}
a:link {color:#0f94f1;text-decoration: none;}
a:hover {color:#e97d23;text-decoration: none;}
a:visited {color:#0f94f1;text-decoration: none;}


hr {width:1000px;height:1px;background:#bacbd6;clear:both;margin:0 auto;padding:0;border:0;}

ul.bulletpoints {margin:0; padding:0; float:left;   list-style: none; }
.bulletpoints li a {line-height:23pt; font-size: 9pt; font-weight:bold;color: #292929; text-decoration: none}

.emergencySvc {clear:both;line-height:23pt; font-size: 9pt; font-weight:bold;color: #292929; }

#BulletTextLeft{float:left;width:650px;margin:0 25px 45px 0;}
#BulletImageRight{float:left;}

/** Master Container In Case This Is Needed **/

#MainContainer{width:1000px;margin: 0 auto;padding:0;}


/** Top Service Tab **/

#ServiceTab{padding-bottom:9px;float:right;}

.TabStart{height:40px;width:16px;background:url(images/top-tab-start.png);float:left}
.TabFill{height:40px;background:url(images/top-tab-fill.png) repeat-x;float:left;position:relative;}
.TabEnd{height:40px;width:16px;background:url(images/top-tab-end.png);float:left}
.TabTitle{padding:10px 0 0 0;}

a.TabLink{font-size:16px;font-weight:700;color:#3399cc;text-shadow: 0 1px 0 #ccecfc;}
a.TabLink:link{font-size:16px;font-weight:700;color:#3399cc;text-shadow: 0 1px 0 #ccecfc;}
a.TabLink:hover{font-size:16px;font-weight:700;color:#3399cc;text-shadow: 0 1px 0 #ccecfc;}
a.TabLink:visited{font-size:16px;font-weight:700;color:#3399cc;text-shadow: 0 1px 0 #ccecfc;}

.cityPageBox {float:left;width:285px;border-right:1px solid #569cdc;padding:0 10px;}

.nateTop { width:200px; margin:0 auto;}

#LicenseNumber {margin:0; padding:0;font-size:10px;font-weight:700;color:#fff;text-align:center; width:200px}

/** Section One **/

#PageSectionOne{width:1000px;margin:0 auto;}
#TopLogo{text-align:left;width:700px;float:left;margin-bottom:5px;min-height:100px;}
#logoFile{float:left;width:350px;margin-right:1px;padding-bottom:3px;}
#logoText{float:left;color:#fff;padding-top:25px;padding-left:20px;}
#TopRight{position:relative;width:300px;float:right;text-align:right;}


#PhoneNumber{padding-left:0px;padding-bottom:5px;font-size:38px;font-weight:700;color:#fff;}
#TopSocial{padding:30px 0 0 10px;}
.socialLink{float:right;padding-left:7px;}
#TopRight{position:relative;width:300px;float:left;text-align:right;}


a.logo-link{font-family:'Open Sans', sans-serif;font-size:33px;color:#000000;font-weight:700;}
a.logo-link:link{font-family:'Open Sans', sans-serif;font-size:29px;color:#000000;font-weight:700;}
a.logo-link:hover{font-family:'Open Sans', sans-serif;font-size:29px;color:#000000;font-weight:700;}



/** Section Two **/

#PageSectionTwo{clear:both;width:1000px;height:270px;background:#fff;}
#SectionTwoContainer{padding:9px;}
#SectionTwoImage{float:left;width:679px;height:251px;border:1px solid #000;}
#SectionTwoForm{height:251px;width:300px;background:#d0d1d1;float:left;border-right:1px solid #292929;border-top:1px solid #292929;border-bottom:1px solid #292929;}

#FormHeader{width:300px;height:45px;background:#303030;}
#FormIcon{padding-left:5px;padding-top:3px;padding-right:5px;float:left;}
#FormHeaderArea{float:left;position:relative;padding:3px;}
#FormTitle{color:#fff;font-weight:400;font-family:arial;font-size:18px;margin:0;padding:0;}
#FormSubTitle{color:#fa7907;font-weight:400;font-family:arial;margin:0;padding:0;}
#FormArea{padding:15px;position:relative;}
.FormText{font-weight:400;width:120px;height:20px;}
.SelectText{font-weight:400;width:238px;height:20px;}
.FormField{float:left;margin-right:9px;margin-bottom:9px;}
.FormDate{float:left;margin-right:7px;margin-bottom:9px;font-weight:700;padding-top:4px;}
.SubmitForm{width:96px;height:31px;background:#919191;border:1px solid #000;color:#fff;font-size:14px;}


/** Thankyou Page **/
#form-image{float:right;margin:0 0 0 15px;}



/** Section Three **/

#PageSectionThree{clear:both;width:1000px;min-height:279px;background:url(images/grain.png);}
#SectionThreeContainer{width:1000px;height:133px;}
.HomeBoxes{width:302px;float:left;margin-left:20px;margin-top:15px;}
.HomeBoxesStart{width:302px;float:left;margin-left:26px;margin-top:15px;}
.HomeBoxesTitle{font-size:16px;font-weight:700;color:#000;font-family:'Open Sans', sans-serif;padding-top:7px;padding-left:3px;}
.HomeBoxesText{padding-left:3px;width:292px;font-size:11px;color:#292929;padding-bottom:20px;}


/** Section Four **/

#PageSectionFour{clear:both;width:1000px;min-height:250px;background:#ffffff;margin:0 auto;}
#SectionFourContainer{clear:both;width:1000px;}
#SectionFourText{padding:25px 25px 45px 25px;width:630px;float:left;}
#SectionFourDivider{width:1px;background:#d3d1d1;float:left;margin-right:10px;margin-left:35px;}
#SectionFourServices{width:250px;float:left;padding-top:15px;padding-left:10px;padding-bottom:35px;}

a.bulletLink{color:#000;text-decoration:none;}
a.bulletLink:link{color:#000;text-decoration:none;}
a.bulletLink:hover{color:#000;text-decoration:none;}
a.bulletLink:visited{color:#000;text-decoration:none;}



/** Section Five **/

#PageSectionFive{clear:both;width:1000px;margin:0 auto;position:relative;background:#fff;}
#PageBottom{width:1000px;height:10px;background:url(images/bottom.png);margin:0 auto;}
#FooterLogo{padding-top:7px;padding-left:10px;float:left;}
#CreditCards{float:right;margin-top:7px;right:0;padding-right:10px;}
.CreditCardIcon{float:left;margin-left:7px;}


/** Section six **/

#PageSectionSix {clear:both;width:1000px;margin:0 auto;}

#FooterText{padding:10px 0 0 70px;float:left;font-size:11px;color:#222;}

.serviceAreas {width:800px; float:left}
h5.FooterText {text-transform:uppercase;font-size:12px;padding:10px 0;margin:0;color:#ccecff}
.svcArea {float:left;width:115px;height:17px;padding:0;margin:0;}
.svcArea a {color:#d2d2d2;font-size:9px;text-transform:uppercase;}
.svcArea a:hover {color:#fff;}


#FooterIcons{width:290px;float:left;margin: 7px 0 0 0;}

a.FooterLink{color:#fff;text-decoration:none;}
a.FooterLink:link{color:#fff;text-decoration:none;}
a.FooterLink:hover{color:#fff;text-decoration:none;}
a.FooterLink:visited{color:#fff;text-decoration:none;}


/** Bottom Social **/

.SocialIconsLower {float:right;padding:15px 0 0 3px; width:150px}
.bottom-social{float:left;padding-right:5px;}

#HVACWebsitePower{float:right;padding-right:5px;padding-top:7px;}
#HVACWebsiteLogo{float:left;margin-right:3px;}
#HVACWebsiteText{float:left;color:#fff;padding-top:3px;}

a.HVACWebsiteLink{color:#fff;font-size:10px;}
a.HVACWebsiteLink:link{color:#fff;font-size:10px;}
a.HVACWebsiteLink:hover{color:#fff;font-size:10px;}
a.HVACWebsiteLink:visited{color:#fff;font-size:10px;}


/** Sub Pages **/

/** General **/

#SubPage{clear:both;width:1000px;position:relative;min-height:450px;padding-bottom:65px;background:#fff;}
#SubPageContainer{}
.SubHorizDark{width:1000px;height:1px;background:#bdbdbd;}
#SubHeader{clear:both;width:1000px;height:60px;background:url(images/sub-grain.png) repeat;}
#SubHeaderTitle{font-weight:700;font-size:22px;color:#000;float:left;padding-left:24px;padding-top:24px;}
#SubHeaderText{font-weight:400;font-size:15px;color:#000;float:left;padding-left:15px;padding-top:30px;}
#SubContent{width:920px;padding-left:40px;padding-right:15px;padding-top:25px;position:relative;}
ul.bluCheck li{font-family: verdana, sans-serif;font-weight: 600;font-size:11px;line-height:15px;padding-left:25px;list-style: none;background: url(images/blue-check.gif) no-repeat;  margin-bottom:15px; }
.playBtn {font-family:verdana,sans-serif;font-weight:600;font-size:11px;line-height:25px;padding-left:25px;list-style: none;background: url(images/arrow-black.png) no-repeat;  margin-bottom:15px; }


/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {display:none;background:transparent url(images/black_arrow_big.png);font-size:12px;height:181px;width:300px;color:#fff;padding:25px 35px 0 35px;}
.tooltip b {font-size:15px;}



/** Solar Energy Page **/

#solarText{float:left;width:650px;}
#solarImage{float:right;width:235px;}


/** AC Maintenance Page **/

#MaintenanceText{float:left;width:650px;}
#MaintenanceImage{float:right;width:250px;}



/** HVAC Learn More Pages **/

.LearnMoreImage{width:240px;float:left;}
.LearnMoreText{width:200px;font-size:12px;float:left;margin:0 20px 0 0;}
h2.LearnMore {padding:0;margin:0;font-weight:700;font-size:13px;}

.learnBoxes{width:940px;position:relative;}
.learnImage{width:175px;float:left;}
.learnText{width:400px;float:left;}

.LearnMoreButton{text-align:center;padding-top:25px;}

.Qfaq {font-weight: 600; font-size:15px;color:#1e487a;}
.Afaq {font-weight: 600; font-size:15px;color:#326bae;}

a.mutedLink{color:#9e8266;}
a.mutedLink:link{color:#9e8266;}
a.mutedLink:hover{color:#bc7e3f;}
a.mutedLink:visited{color:#9e8266;}

.titleHeader{width:900px;background-color:#df7732;font-size:18px;font-weight:700;color:#fff;padding:5px;}


/** Solar Energy Page **/

#solarText{float:left;width:650px;}
#solarImage{float:right;width:235px;}



/** Thermostats Page **/

.ThermostatImage{float:left;width:350px;}
.ThermostatDescription{float:left;width:450px;margin:0 0 0 25px;}
.ThermostatVideo{float:left;width:435px;}
.ThermostatHeader{width:350px;background-color:#df7732;font-size:17px;font-weight:700;color:#fff;padding:5px;}
.FeaturesHeader{width:450px;background-color:#bab9b9;font-size:17px;font-weight:700;color:#fff;padding:5px;}



/* IAQ Page with Pop Up Boxes */

#iaqOne{width:900px;margin:0 auto;padding:10px 0 0 0;}
#iaqVideos{clear:both;margin:0 auto;}
.iaqVid{padding-left:15px;float:left;}
#iaqBullets{width:800px;}
#iaqBullets li{font-family: verdana, sans-serif;font-size:11px;line-height:15px;padding-left:20px;list-style:none;background: url(images/greencheck.png) no-repeat;margin-bottom:15px;}
.iaqVidTitle{font-size:12px;font-weight:700;}

h1.iaq{padding:0;margin:0;font-style:normal;font-weight:700;font-size:18px;color:#fff;}

.iaqBox ul {list-style:none;padding:0;margin:0;}
.iaqLink {font-family: verdana, sans-serif;font-weight:600;font-size:15px;padding-left:17px;list-style: none;background: url(images/red-dot.png) no-repeat;color:#fff}
.iaqFaqsBox{background-color: #fff;float: left;font-size: 11px;color: #3A3939;padding:10px;}
.iaqImgPos {position: relative;padding:3px; float: right;}
ul.iaqCheck {margin:0; padding:0;}
ul.iaqCheck li{font-family: verdana, sans-serif;font-weight: 600;font-size:10px;line-height:15px;padding-left:20px;list-style: none;background: url(images/blue-check.png) no-repeat;  margin-bottom:5px; }

.iaqHumidifier{padding:15px 0 0 290px;}
.iaqVentilator{padding:15px 0 0 215px;}
.iaqUV{padding:0 0 0 290px;}
.iaqAirCleaner{padding:90px 0 0 418px;}
.iaqDark{margin:95px 0 0 0;width:650px;height:100px;background:url(images/trans.png) repeat;}

#iaqDarkText{width:230px;padding:15px;text-align:left;float:left;font-weight:400;}
#iaqDarkContainer{width:900px;background:#1b1b1b;padding:4px;}
#iaqDarkTextArea{color:#fff;font-size:14px;width:258px;float:left;}
#iaqDarkBox{margin:0 auto;height:444px;width:642px;background:url(images/indoor-air-qSM.jpg) no-repeat;float:left;}


/** Air Conditioning 101 Page **/

#FAQMain{width:900px;background:#1b1b1b;padding:3px;}
#FAQTextArea{width:205px;float:left;}
#FAQText{padding:12px;color:#e1e1e1;font-size:13px;}
.FAQTitle{font-weight:400;font-size:20px;color:#fff;}
#FAQSystemLayout{width:695px;height:400px;float:left;background:url(images/air-conditioning.jpg);position:relative;}
.FAQPageIcon{width:85px;float:left;padding-left:15px;}
.FAQPageIconText{width:650px;float:left;}
#FAQContinued{width:850px;margin-left:10px;}

.faqEvaporatorCoil ul {margin:0;padding;0;list-style:none;}
.faqEvaporatorCoil{padding:22px 0 0 390px;}

.faqFurnace ul {margin:0;padding;0;list-style:none;}
.faqFurnace{padding:55px 0 0 377px;}

.faqReturnAir ul {margin:0;padding;0;list-style:none;}
.faqReturnAir{padding:115px 0 0 515px;}

.faqAirConditioner ul {margin:0;padding;0;list-style:none;}
.faqAirConditioner{padding:175px 0 0 105px;position:absolute;}

h1.faq{padding:0;margin:0;font-style:normal;font-weight:700;font-size:18px;color:#000;}
.faqLink {font-family: verdana, sans-serif;font-weight:600;font-size:15px;padding-left:17px;list-style: none;background: url(images/red-dot.png) no-repeat;color:#fff}


/*** Indoor Air Quality Products Page ***/

.iaqHeader{height:22px;width:900px;padding:5px 0 5px 7px;background-color:#df7732;font-family:Verdana;}
.iaqContainer h1  {font-family:Verdana;color:#fff;font-size:17px;font-weight:700;padding-left:20px;padding-top:7px;vertical-align:middle;z-index:0;display:inline-block;margin:0;}
.iaqInnerContainer{width:900px;z-index:0;}
.iaqDetails{background-color:#fff;float:left;z-index:0;font-size:12px;line-height:25px;color:#3A3939;padding:5px 320px 0 15px;}
.iaqDetails ul li{padding-bottom:5px;list-style: none}
.iaqImage img{margin-top:-360px;margin-right:-35px;position:relative;float:right;padding:3px;clear:both}
.iaqImage{position:relative;width:210px; float: right;z-index: 2;}
.iaqacImage{position:relative;float:right;z-index: 2;margin-top:-245px;}
.iaqac img{margin-right:-15px;position: relative;float: right;  }
.iaqacDetails{background-color: #fff;float:left;z-index:0;font-size:12px;line-height:20px;color:#3A3939;padding:5px 350px 0 15px;}
.iaqacDetails ul li{padding-bottom:5px;list-style: none}



/** Request Service Page **/

.form-title{font-size:13px;font-weight:700;padding-bottom:5px;padding-top:5px;}
.form-field{clear:both;}
.form-col1{float:left;width:250px;}
.form-col2{float:left;width:250px;}
#form-col-wide{width:600px;}
.text-box{height:25px;width:175px;}
.date-pick{height:25px;width:200px;}
#check-boxes{padding-left:15px;padding-top:3px;width:600px;}
.check-box{float:left;padding-left:25px;width:225px;}
#form-title{color:#000;font-size:14px;font-weight:700;padding-bottom:22px;}
#form-area{border:1px solid #cccccc;background:#f0efef;position:relative;width:500px;padding:25px;margin-left:10px;float:left;}

#FormRight{float:left;margin-left:30px;width:300px;}
.RequestServiceTitle{font-size:18px;font-weight:700;}


/** Bullets Pages **/

#BulletTextLeft{width:665px;float:left;}
#BulletImageRight{width:215px;float:right;margin:0 0 0 15px;}
h1.BulletText{font-size:17px;font-weight:700px;}



/** Financing Page **/

#FinancingContainer{width:900px;}



/** Products Pages **/

#ProductContainer{padding-bottom:80px;}
#HeaderProductContainer h1 {color: #000;font-size: 18px;line-height: 30px;text-align:center; margin: 0;padding-bottom:5px;}
#ProductImage{margin:0;width:130px;padding-left:25px;}
#ProductImages{float:left;position:relative;text-align:center;}
#ProductLogos{float:left;text-align:center;padding:10px;width:165px;}
#ProductDetails{float:left;width:425px;}
#ProductDetails li{font-family: verdana, sans-serif;font-size:11px;line-height:15px;padding-left:20px;list-style: none;background: url(images/greencheck.png) no-repeat; margin-bottom:15px;}

#ProductManuals{width:200px;float:left;margin-left:25px;}
#manualsTitle{font-size:17px;color:#222;background-color:#e6ebef;line-height:20px;width:255px;}
.clrManual{clear:both;height:7px;}
.clrManual2{clear:both;height:7px;}
.ProductManual{clear:both;width:255px;}
.ProductManualImage{clear:both;width: 15px;height:15px;float:left;background: url(images/pdf.png) no-repeat; margin-right: 5px; }
.ProductManualText{font-size:10px;width: 225px;float:left;}
li.ProductDetails{padding-top:7px;}

#ProductContainerBest {margin:0; padding:0; width:850px;font-family:verdana;}
#ProductContainerBetter {margin:0; padding: 0; width:850px;font-family:verdana;}
#ProductContainerGood {margin:0; padding: 0;width:850px;font-family:verdana;}
.productIcon{padding:3px;float:left;text-align:center;}
.productWarranty{padding:3px;clear:both;text-align:center;}

.prodClear1{clear:both;}
.prodClear2{clear:both;}
.prodClear3{}
.prodClear4{}
.prodClear5{clear:both;}


/* Product Summary Page */
.productBoxes {float:left;padding:15px 30px 15px 0; margin:0 5px 5px 0;}
.productWide {width:850px; height:120px; float:left;padding:15px 30px 15px 0; margin:0 5px 5px 0;}
.productImage {float:left;}
.productImage {float:left;}
.productText {float:left;margin-left:10px;width:210px;}
h2.products {padding:0; margin:0;font-weight:400;font-size:18px;}
.prodLink {padding:7px}
.prodLink a {color: #2261a6; text-decoration: none;}
.prodLink  a:hover  {border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;color: #fff;background-color:#df7732;margin-bottom: 0;margin-left: -2px;margin-right: -2px;margin-top: 0;padding-bottom: 2px;padding-left: 2px;padding-right: 2px;padding-top: 2px;}


/*** Specials Page ***/

.coupon{width:700px;margin:0 0 0 65px;padding:25px;border-style:dashed;border-color:#000000;border-width:medium;}
.couponLogo{padding:0 15px 25px 0;float:left;width:200px;}
.couponText{font-size:14px;float:left;width:450px;font-weight:400;}
.couponExpiration{clear:both;padding:15px 0 0 0;}
.couponTitle{font-size:22px;font-weight:700;color:#056eb7;}


/** Navigation Container and Navigation Code **/

#navigation{width:982px;height:47px;background:url(images/nav-fill.png) repeat-x;float:left;padding:0; margin:0;position:relative;}
#nav-start{width:9px;height:47px;background:url(images/nav-start.png);float:left;padding:0; margin:0}
#nav-end{width:9px;height:47px;background:url(images/nav-end.png);float:left;padding:0; margin:0}


/** main level link **/
#nav a {font-weight: bold;color: #494949;font-family:arial;font-size:14px;font-weight:400;text-decoration: none;display: block;padding:18px 15px;margin: 0;}
#nav a:hover {background: #000;color: #fff;}
#nav {margin: 0;padding: 0;background: url(images/button-fill.png) repeat-x 0 -110px;line-height: 100%;}
#nav li {margin: 0 0;padding:0;float: left;position: relative;list-style: none;}


/** This the highlighted area **/
#nav li:hover > a {background:url(images/nav-hover.png) repeat-x;color:#494949;height:47px;}
.nav-divider{width:1px;height:47px;margin:0;padding:0;float:left;background:#d7d7d7;}


/** sub levels link hover **/
#nav ul li:hover a, #nav li:hover li a {background: none;border: none;color: #666666;}

/** The height on these two has to be the same to avoid jumping on mouseover **/
#nav ul a:hover {background: #f47b13 repeat-x 0 -100px !important;color: #fff !important;text-shadow: 0 1px 1px;height:10px;}
#nav ul a {font-weight: normal;text-shadow: 0 1px 0 #fff;height:10px;}


/** dropdown **/
#nav li:hover > ul {display: block;z-index:100;}


/** Drop Downs **/
#nav ul {display: none;margin:0;padding:0;width:220px;position:absolute;top:47px;left:0;background:#ddd;border:solid 1px #c3c2c2;}
#nav ul li {float: none;margin: 0;padding: 0;}


/* level 3+ list */
#nav ul ul {left: 181px;top: -3px;}


/* clearfix */
#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#nav {display: inline-block;}
html[xmlns] #nav {display: block;}

* html #nav {height: 1%;}





/** Slider Information **/

#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {background: #efefef;position: relative;overflow: hidden;width: 681px;height: 253px;}

/** Site Specific Slider CSS **/

.slider-one{width:681px;height:253px;background:url(images/slider-one.jpg);}
.slider-one-title{padding-top:25px;padding-left:20px;}
.slider-one-text{width:275px;padding-top:7px;padding-left:25px;font-size:14px;font-weight:400;color:#fff;}
a.slider-one-link{font-size:25px;font-weight:400;color:#fff;font-family:'Open Sans', sans-serif}
a.slider-one-link:link{font-size:25px;font-weight:400;color:#fff;font-family:'Open Sans', sans-serif}
a.slider-one-link:hover{font-size:25px;font-weight:400;color:#fff;font-family:'Open Sans', sans-serif}


.slider-two{width:681px;height:253px;background:url(images/slider-two.jpg);}
.slider-two-title{color:#fff;font-size:22px;font-weight:700;margin-left:325px;padding-top:43px;}
.slider-two-text{color:#fff;font-size:16px;font-weight:400;margin-left:325px;width:275px;padding-top:4px;}
.slider-two-arrow{float:left;margin-left:325px;margin-top:7px;}
.slider-arrow-text{float:left;width:150px;padding-left:10px;padding-top:7px;}

a.slider-two-link{font-size:18px;font-weight:700;color:#fff;}
a.slider-two-link:link{font-size:18px;font-weight:700;color:#fff;}
a.slider-two-link:hover{font-size:18px;font-weight:700;color:#fff;}


.slider-three{width:681px;height:253px;background:url(images/slider-three.jpg);}
.slider-three-button{margin-left:375px;padding-top:190px;}

/** End Of Slider Info **/