@charset "UTF-8";
/* CSS Document */
* {padding:0; margin:0;}
html {text-align:center; font: 12px/16px Arial, Helvetica, sans-serif;}
body {width: 942px; margin:0 auto;}
li {list-style:square;}
a:link {text-decoration:underline;}
a:hover {text-decoration:none;}
a img {border:none;}
cite {display:block; text-align:right; padding-bottom:10px; margin-bottom: 10px; border-bottom:#ccc 1px solid;}
#masthead {width: 100%; height: 127px; position:relative;}
#logo {position:absolute; bottom:0; left:-25px;}
#call-now {background:url(i/callnow.png) no-repeat; height:45px; width:460px; position:absolute; bottom: 0; right:0;}
#call-now p {text-indent:-9000px;}
#online-scheduling {position:absolute; top: 0; right: 60px; width:242px; height:85px;}
#online-scheduling a {position:relative; width:242px; height:85px; padding:0; overflow:hidden;}
#online-scheduling a span {position:absolute; width:242px; height:85px; left:0; top:0; margin:0; background: url(i/scheduling.png) no-repeat;}
h1 {position:absolute; top: 0; text-indent:-9000px;}
#main-navigation {position:relative; z-index:10;}
#main-navigation ul {width: 941px; height:42px; background:url(i/navigation-sprite.png) top left; position:relative;}
#main-navigation ul li {list-style: none; position:absolute; top: 0;}
#main-navigation ul li, #main-navigation ul li a {height: 42px; display:block;}
#main-navigation #about-us {left: 10px; width: 106px;}
#main-navigation #products {left: 116px; width: 148px;}
#main-navigation #faq {left: 264px; width: 46px;}
#main-navigation #testimonials{left: 310px; width: 101px;}
#main-navigation #contact {left: 411px; width: 89px;}
#main-navigation #shop {left: 500px; width: 98px;}
#main-navigation a {color: transparent;}
#main-navigation a {text-indent: -9000px;}
#main-navigation #about-us a:hover, #about-us a.active  {background: url(i/navigation-sprite.png) -10px bottom no-repeat;}
#main-navigation #products a:hover, #products a.active  {background: url(i/navigation-sprite.png) -116px bottom no-repeat;}
#main-navigation #faq a:hover, #faq a.active  {background: url(i/navigation-sprite.png) -264px bottom no-repeat;}
#main-navigation #testimonials a:hover, #testimonials a.active  {background: url(i/navigation-sprite.png) -310px bottom no-repeat;}
#main-navigation #contact a:hover, #contact a.active  {background: url(i/navigation-sprite.png) -411px bottom no-repeat;}
#main-navigation #shop a:hover, #shop a.active  {background: url(i/navigation-sprite.png) -500px bottom no-repeat;}
#main-navigation a.active:hover {cursor:default;}
#primary-content, #secondary-content, #tertiary-content, #footer {text-align:left; clear:both; margin-top: 10px; position:relative;}
#primary-content {float:right; width:100%;}
#primary-content #main-content {float: left; width: 70%; text-align:left;}
#primary-content #main-content p, #primary-content #side-bar-content p,
#primary-content #main-content ul, #primary-content #side-bar-content ul {margin-bottom:1em;}
#primary-content #main-content ul, #primary-content #side-bar-content ul {margin-left:1em;}
#primary-content #main-content h2 {font-size: 24px; line-height:24px;}
#primary-content #main-content h3, #primary-content #side-bar-content h3 {font-size:18px; line-height:18px;}
#primary-content #main-content h4, #primary-content #side-bar-content h4 {font-size:13px; line-height:13px;}
#primary-content #main-content .gutter, #primary-content #side-bar-content .gutter {padding:20px;}
#primary-content #side-bar-content {float:right; width: 30%;}
#side-bar-content h3 {border-bottom: #333 1px solid; padding-bottom:2px; text-indent:5px; margin-bottom:5px;}
#service-technician {position:absolute; bottom:0; right:0; z-index:100;}
#image-rotator {width: 460px; float:left;}

#call-outs {width: 469px; float: right; }
#banner {position:relative; border-bottom:#9b270c 1px solid; padding-bottom:20px;}
#banner h2 {position:relative; width:363px; height:40px; padding:0; overflow:hidden; margin: 26px 0 17px 0; color: #fff;}
#banner h2 span {position:absolute; width:363px; height:40px; left:0; top:0; margin:0; background:url(i/banner-h2.png) no-repeat;}
#banner ul {margin-left: 4px;}
#banner li {list-style:none; background: url(i/banner-bullet.gif) 0 50% no-repeat; text-indent:15px; font-size:18px; line-height:20px;}
#hilites {background:url(i/hilite-sprite.png) no-repeat; width:469px; height:144px; margin-top:10px; position:relative; color:#fff; clear:both;}
#hilites a {color: #fff;}
#hilites h3 {text-indent:-9000px;}
#guarantee p {width:197px; position:absolute; top: 42px; left:18px;}
#online-shopping ul { position:absolute; top: 42px; left: 251px; list-style:none; width:201px;}
#online-shopping li {display:inline;}
.shop-button {position:absolute; bottom: 30px ; right: 45px;}

#online-shopping .shop-button a {position:relative; width:52px; height:23px; padding:0; overflow:hidden;}
#online-shopping .shop-button a span {position:absolute; width:52px; height:23px; left:0; margin:0; background:url(i/shop-button.png) top left no-repeat;}
#online-shopping .shop-button a:hover span {background:url(i/shop-button.png) bottom left no-repeat;}
#secondary-content, #tertiary-content {height:153px; width:942px; position:relative;}
#secondary-content {background:url(i/background-sprite.jpg) top left no-repeat; }
#tertiary-content {/*background:url(i/background-sprite.png) bottom left no-repeat;*/ margin-top: 10px;}
#secondary-content h3, #tertiary-content h4 {text-indent:-9000px;}
#products-teaser-list ul {list-style:none;}
#products-teaser-list li {display:inline;}
#homeowner-info, #products-teaser-list, #customer-specials {position:absolute; top: 60px;}
#homeowner-info {left: 105px; width:208px;}
#products-teaser-list {left: 445px; width: 159px;}
#customer-specials {left:637px; width: 134px;}
#whitepapers {position:absolute; top: 0; left:-10px;}
#tertiary-content ul {margin: 50px 0 0 32px; list-style:none; float:left;}
#tertiary-content li {float:left; width: 290px; margin-right: 10px; list-style:none;}
#tertiary-content li cite {display:block;}
#footer {border-top: #ac3419 1px solid; padding: 5px;}
#footer p, #footer h5, ul {margin-left: 10px; font-size:100%; font-weight:normal;}
#footer-nav li {display:inline;}
.img-left {float: left; margin:0 5px 5px 0;}
.img-right{float:right; margin: 0 0 5px 5px;}