html, body {padding: 0;margin: 0;background: #858484 url(images/background.png) repeat-x center top;width: 100%;height: 100%;display: table;font-family:Arial, sans-serif;font-size: 12px;font-weight:400;color:#3f3f3f;}
a {color: #138cd2;text-decoration: none;}
a:link{color: #138cd2; text-decoration: none;}
a:hover {color: #f97b00; text-decoration: none;}
a:visited {color: #138cd2;text-decoration: none;
}
p {margin-top: .65em;}
h1{font-size:29px;font-family: 'Open Sans', sans-serif;, sans-serif;margin:0;padding-top:32px;float:left;color:#000000;}
h2{font-size:17px;color:#000000;font-weight:700;margin:0;font-family: 'Open Sans', sans-serif;}
h3{font-size:15px;margin:0;font-weight:700;color:#000000;}
h4{font-size:15px;color:#ffffff;padding-top:29px;padding-left:11px;float:left;font-family: 'Open Sans', sans-serif;font-weight:400;}
h5{font-size: 37px;margin:0;font-weight:400;color:#000000;}
h6{font-size: 18px;margin:0;font-weight:400;color:#000000;}
h7{font-size: 19px;color:#000000;font-weight:700;padding-top:2px;margin:0;padding-bottom:3px;}
h8{font-size: 17px;margin:0;font-weight:400;color:#000000;}
h9{font-size: 14px;margin:0;font-weight:400;color:#000000;}
.font-15-bold{font-size:15px;font-weight:700;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-27{font-size:27px;}
#white-title{color:#ffffff;font-size:29px;font-family: 'Open Sans', sans-serif;margin:0;padding-top:12px;font-weight:400;}
ul{margin:0;padding:0;}
/** General CSS **/
.clear-40{clear:both;height:40px;}
.clear-30{clear:both;height:30px;}
.clear-15{clear:both;height:15px;}
.clear-10{clear:both;height:10px;}
.clear-7{clear:both;height:7px;}
.clear-5{clear:both;height:5px;}
.clear-4{clear:both;height:4px;}
.clear-3{clear:both;height:3px;}
.clear-2{clear:both;height:2px;}
.clear{clear:both;}
#main {width: 1000px;height: 100%;position: relative;margin: 0 auto;padding-left: 47px;}
#top-section{width:1000px;margin-top:3px;height:49px;}
#marketing-section{width:1000px;height:49px;clear:both;}
#navigation{float:left;margin:0px;padding-left:22px;}
#logo{float:left;}
/** Home Page **/
#hvac-social-text {font-family: 'Open Sans', sans-serif;font-size:16px;font-weight:400;color: #ffffff;clear:both;}
#three-sections{height:317px;clear:both;padding-top:17px;}
.home-section{float:left;}
#lower-sections{clear:both;padding-top:11px;width:1002px;}
.lower-section{float:left;background:url(images/home-small-text.png);height:112px;width:322px;margin-right:17px;}
.lower-section-end{float:left;background:url(images/home-small-text.png);height:112px;width:322px;margin-left:0px;}
#lower-section-text {color: #292929;font-size:11px;padding-left:1px;padding-right:17px;padding-top:1px;clear:both;}
#home-text-header{width:1000px;height:22px;background:url(images/home-text-header.png); clear:both;}
#home-text-footer{width:1000px;height:22px;background:url(images/home-text-footer.png);clear:both;}
#home-text-area{width:1000px;background:url(images/home-text-fill.png) repeat-y;clear:both;position:relative;}
#home-text{color: #292929;padding-left:22px;padding-right:15px;padding-top:2px;padding-bottom:15px;position:relative;}
#text-left{float:left;width:585px;font-size:12px;position:relative;padding-right:22px;padding-left:7px;}
#text-right{float:left;width:337px;position:relative;}
#button-start{float:left;}
#button-start-text{float:left;font-size: 15px;color: #51677b;font-weight:700;padding-top:11px;padding-left:11px;}
a.button-link{color:#eb9015;}
a.button-link:link{ color:#eb9015;}
.home-title{font-size: 15px;color: #000000;font-weight:700;}
#home-promo-form{background: url(images/five-things.png);width:337px;height:324px;position:relative;}
#home-promo-content{font-size: 12px;color: #3f3e3e;font-weight:700;padding-left:25px;padding-top:65px;padding-right:15px;}
.home-promo-id{font-size: 14px;color: #000000;font-weight:700;float:left;width:75px;text-align:right;padding-top:4px;}
.home-promo-field{font-size: 11px;color: #cccccc;font-weight:400;float:left;padding-left:7px;}
.home-promo{height:22px;width:190px;}
.home-promo-submit{height:30px;width:101px;text-indent:-9999in;background:url(images/home-submit.png);border:0;margin-left:175px;}
#home-promo-privacy{font-size:10.5px;font-weight:400;padding-top:3px;}
.text-padding{padding-top:12px;padding-left:15px;}
/** Sub Pages **/
#subpage{width:1000px;margin: 0 auto;position:relative;clear:both;}
#header-google{width:1000px;height:91px;background:url(images/header-google.png);margin-top:11px;}
#header-social-media{width:1000px;height:77px;background:url(images/header-social.png);margin-top:11px;}
#header-search{width:1000px;height:77px;background:url(images/header-search.png);margin-top:11px;}
#header-facebook{width:1000px;height:77px;background:url(images/header-facebook.png);margin-top:11px;}
#header-www{width:1000px;height:77px;background:url(images/header-www.png);margin-top:11px;}
#header-twitter{width:1000px;height:77px;background:url(images/header-twitter.png);margin-top:11px;}
#header-places{width:1000px;height:77px;background:url(images/header-places.png);margin-top:11px;}
#header-getstarted{width:1000px;height:77px;background:url(images/header-getstarted.png);margin-top:11px;}
#textarea-google{width:1000px;position:relative;background:url(images/fill-google.png) repeat-y;min-height:450px;position:relative;}
#textarea-www{width:1000px;position:relative;background:url(images/fill-www.png) repeat-y;min-height:450px;margin:0;}
#textarea-twitter{width:1000px;position:relative;background:url(images/fill-twitter.png) repeat-y;min-height:450px;position:relative;}
#textarea-socialmedia{width:1000px;position:relative;background:url(images/fill-twitter.png) repeat-y;min-height:450px;position:relative;}
#textarea-getstarted{width:1000px;position:relative;background:url(images/fill-getstarted.png) repeat-y;min-height:450px;position:relative;}
#footer-google{clear:both;width:1000px;height:38px;background:url(images/footer-google.png);}
#footer-www{clear:both;width:1000px;height:32px;background:url(images/footer-www.png);}
#footer-twitter{clear:both;width:1000px;height:38px;background:url(images/footer-twitter.png);}
#footer-getstarted{clear:both;width:1000px;height:38px;background:url(images/footer-getstarted.png);}
.font-google{color:#4b6529;padding-left:115px;font-weight:400;}
.font-getstarted{color:#292929;padding-left:107px;font-weight:400;}
.font-search{color:#ffffff;padding-left:92px;font-weight:400;}
.font-www{color:#ffffff;padding-left:175px;font-weight:400;}
.font-twitter{color:#ffffff;padding-left:274px;font-weight:400;font-face:arial;}
.font-social-media{color:#ffffff;padding-left:217px;font-weight:400;font-face:arial;}
.font-places{color:#ffffff;padding-left:101px;font-weight:400;font-face:arial;}
#text-padding{padding-left:19px;padding-top:7px;padding-right:17px;padding-bottom:15px;position:relative;float:left;width:500px;}
#text-image{float:left;padding-top:7px;padding-left:35px;}
#gray-area{width:970px;min-height:200px;background:#e5e5e5;margin-left:15px;border-top:1px solid #e0e0e0;clear:both;position:relative;}
.gray-text{padding-left:47px;color:#292929;position:relative;width:900px;}
.gray-one{float:left;width:350px;}
#gray-title{margin-left:25px;margin-top:15px;color:#000000;font-weight:700;font-size:18px;padding-bottom:15px;}
.gray-icon-one{float:left;margin-right:11px;}
.gray-icon-two{float:left;padding-left:45px;margin-right:11px;}
/** Social Media Page **/
#socialmedia-area{width:970px;min-height:333px;background:url(images/social-background.png) no-repeat;margin-left:15px;position:relative;}
.socialmedia-textleft{width:400px;margin-left:40px;float:left;margin-right:20px;}
.socialmedia-textmain{width:900px;margin-left:40px;}
.socialmedia-image{float:left;}
/** Google Places Page **/
.places-textleft{width:580px;margin-left:40px;float:left;margin-right:20px;}
.places-image{float:left;}
/** Web Site Design Page **/
.dot{width:7px;height:7px;background:url(images/dot.png);float:left;margin-top:7px;margin-left:15px;margin-right:9px;}
.bonus{width:69px;height:23px;background:url(images/bonus.png);float:left;margin-right:7px;}
.flag{width:44px;height:23px;background:url(images/flag.png);float:left;margin-right:7px;}
.dot-text{float:left;font-face:arial;font-size:14px;}
#template-sample{clear:both;padding-top:23px;}
#custom-sample{clear:both;padding-top:37px;}
#macbook-area{width:970px;height:416px;background:url(images/macbook-area.jpg);margin-left:15px;position:relative;}
#macbook-textarea{width:355px;margin-left:38px;padding-top:25px;clear:both;}
/** Facebook Page **/
#facebook-area{width:970px;min-height:636px;margin-left:15px;position:relative;}
#facebook-left{float:left;width:360px;}
#facebook-right{float:left;margin-left:33px;margin-bottom:38px;}
#facebook-textarea{margin-left:38px;padding-top:25px;clear:both;}
#facebook-top{width:908px;height:212px;background:url(images/facebook-top.png);margin-bottom:22px;}
#facebook-title{color:#000000;font-family:Impact, Charcoal, sans-serif;font-size:47px;padding-left:29px;padding-top:15px;}
#facebook-title2{color:#000000;font-family:Impact, Charcoal, sans-serif;font-size:29px;padding-left:38px;padding-top:1px;clear:both;}
#facebook-title3{color:#000000;font-family:arial, sans-serif;font-size:22px;padding-left:38px;padding-top:15px;clear:both;}
/** Twitter Page **/
#twitter-area{width:970px;min-height:640px;background:url(images/twitter-background.png) no-repeat;margin-left:15px;position:relative;}
#twitter-textarea{width:600px;margin-left:31px;padding-top:11px;clear:both;}
#twitter-textarea2{width:970px;margin-left:180px;margin-top:200px;clear:both;}
#twitter-block-one{width:450px;float:left;}
#twitter-block-two{width:450px;float:left;}
.twitter-dot{width:7px;height:7px;float:left;background:url(images/twitter-dot.png);margin-top:5px;margin-left:5px;}
.twitter-point{float:left;padding-left:7px;font-size:14px;color:#000;}
.twitter-text{clear:both;width:265px;}
/** Support Page **/
#email-support{padding-left:65px;padding-top:45px;padding-right:25px;font-weight:400;}
a.support-email{font-size:12px;font-weight:700;color:#000;}
a.support-email:link{font-size:12px;font-weight:700;color:#000;}
a.support-email:hover{font-size:12px;font-weight:700;color:#5183ae;}
a.support-email:visited{font-size:12px;font-weight:700;color:#000;}
/** Old TD Class Still Used **/
.support-instructions {padding-right: 35px;}
/** Form Page **/
#get-started{padding-left:35px;padding-top:25px;padding-right:25px;}
.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:200px;}
.date-pick{height:25px;width:200px;}
.submit-hvacwebsite{width:152px;height:41px;background:url(images/form-submit.png);text-indent:-9999in;border:none;margin-top:10px;}
#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:#ecebeb;position:relative;width:550px;padding:25px;margin-left:15px;float:left;}
#form-picture{float:left;margin-left:25px;}
/** Email Support Page **/
#email-support{padding-left:45px;padding-top:25px;padding-right:25px;}
/** SEO Pages **/
#seo-area{width:970px;min-height:636px;background:url(images/seo-background.png) no-repeat;margin-left:15px;position:relative;}
#seo-area2{width:970px;min-height:636px;background:url(images/seo-pricing-header.png) no-repeat;margin-left:15px;position:relative;}
#seo-textarea{width:355px;margin-left:38px;padding-top:25px;clear:both;}
#seo-textarea2{width:865px;margin-left:38px;padding-top:25px;clear:both;}
#seo-basic{width:417px;height:394px;background:url(images/basic-seo.png);float:left;}
#seo-advanced{margin-left:25px;width:417px;height:394px;background:url(images/advanced-seo.png);float:left;}
#seo-ba-text{padding-left:18px;padding-top:60px;padding-right:15px;}
.seo-horiz{width:350px;height:1px;background:#7b7b7b;}
.seo-checkbox{width:23px;height:23px;background:url(images/seo-checkbox.png);float:left;}
.seo-text{float:left;margin-left:7px;padding-top:4px;font-weight:700;}
#seo-left{float:left;width:350px;}
#seo-right{float:left;margin-left:15px;}
#seo-button{margin-left:15px;width:650px;}
/** Footer CSS **/
#footer{margin: 0 auto;width:100%;height:250px;margin-top:22px;clear:both;background:#6e6d6d;}
#footer-area{width:1000px;margin: 0 auto;position:relative;}
#footer-below{width:1000px;margin:0 auto;}
#footer-arrow{width:17px;height:14px;margin-left:65px;background:url(images/footer-arrow.png);}
#footer-text{font-size:11px;color:#ffffff;font-weight:400;padding-left:38px;padding-top:5px;padding-bottom:211px;}
a.footer-link{font-size:11px;color: #ffffff;font-weight:400;}
a.footer-link:hover{font-size:11px;color: #ffffff;font-weight:400;}
a.footer-link:link{font-size:11px;color: #ffffff;font-weight:400;}
/** Navigation **/
/** main level link **/
#nav a {
font-weight: bold;
color: #292929;
font-family:arial;
font-size:14px;
text-decoration: none;
display: block;
padding: 20px 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 0px;
padding: 0 0 19px;
float: left;
position: relative;
list-style: none;
}
/** This the highlighted area **/
#nav li:hover > a {background:url(images/button-fill.png) repeat-x;height:52px;color:#292929;}
/** Added by the infamous Kyler Boudreau **/
.button-divider{width:1px;height:52px;margin:0;padding:0;float:left;background:url(images/button-line.png);}
/** 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: #bbd1e5 repeat-x 0 -100px !important;
color: #fff !important;
text-shadow: 0 1px 1px;
height:20px;
}
#nav ul a {
font-weight: normal;
text-shadow: 0 1px 0 #fff;
height:20px;
}
/** dropdown **/
#nav li:hover > ul {
display: block;
z-index:100;
width:211px;
}
/** Drop Downs **/
#nav ul {
display: none;
margin: 0;
padding: 0;
width: 185px;
position: absolute;
top: 52px;
left: 0;
background: #ddd url(img/gradient.png) repeat-x 0 0;
border: solid 1px #b4b4b4;
box-shadow: 1px 1px 1px #292929;
}
#nav ul li {
float: none;
margin: 0;
padding: 0;
}
/* level 3+ list */
#nav ul ul {
left: 181px;
top: -3px;
}
/* rounded corners of first and last link */
/*#nav ul li:first-child > a {
/* -webkit-border-top-left-radius: 9px;
/* -moz-border-radius-topleft: 9px;
/*
/* -webkit-border-top-right-radius: 9px;
/* -moz-border-radius-topright: 9px;
/*}
/*#nav ul li:last-child > a {
/* -webkit-border-bottom-left-radius: 9px;
/* -moz-border-radius-bottomleft: 9px;
/*
/* -webkit-border-bottom-right-radius: 9px;
/* -moz-border-radius-bottomright: 9px;
}
/* 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%;
}
/** Navigation Container and Navigation Code **/
#navigation{height:52px;float:left;padding:0; margin-left:21px;position:relative;}