/* SITE SELECTORS
---------------------------------*/

/* PAGE */
html { background:#2e6210 url(../img/html.jpg) 0 0 repeat-x; }
body { color: #696969; }
a:link,a:visited,a:hover,a strong { color: #696969; }
#home,#internal { padding:0 0 0 0; }
.site { width: 980px; text-align:left; margin: 0 auto 0 auto; padding: 0 0 30px 0; position:relative; }

/* BRANDING */
#branding { height: 112px; position:relative; background:url(../img/site-x.png) repeat-x 0 0 #F1F5FB; }
#logo { width: 258px; height: 103px; position:absolute; top: 6px; left:31px; background:url(../img/site-8.png) no-repeat 0 -68px; text-indent:-6000px }
#tagline { width: 228px; height: 43px; background:url(../img/site-8.png) no-repeat 0 -577px; position:absolute; top:36px; right:56px; text-indent:-6000px }

/* SLIDESHOW */
#slideshow { display:block; position:relative; width: 974px; height:234px; overflow:hidden; border: 3px solid #fff; background: url(../img/site-slideshow.jpg) 0 0 no-repeat; }
#internal #slideshow { height: 214px; }
#slideshow .display span{ display:block; position:absolute; top:0;left:0; z-index:8; width: 100%; height:100%; background: url(../img/site-slideshow.jpg) 0 0 no-repeat; }
#internal #slideshow .display span{ background-image: url(../img/site-slideshow-home-owners.jpg); }
.light-commercial .display span{ background-image: url(../img/site-slideshow-light-commercial.jpg) !important; }
.home-builders .display span{ background-image: url(../img/site-slideshow-home-builders.jpg) !important; }
.apt-owners .display span{ background-image: url(../img/site-slideshow-apt-owners.jpg) !important; }
.home-owners .display span{ background-image: url(../img/site-slideshow-home-owners.jpg) !important; }
#slideshow .display span.active { z-index:10; }
#slideshow .display span.last-active { z-index:9; }

#slideshow #home-owners { background-position: 0 0; }
#slideshow #home-builders { background-position: 0 -234px; }
#slideshow #apt-owners { background-position: 0 -468px; }
#slideshow #light-commercial { background-position: 0 -702px; }

#slideshow .nav { display:block; z-index:20; width:288px; position:absolute; top:10px; right: 30px; }
#internal #slideshow .nav { top:10px; }
#slideshow .nav a { display:block; margin:4px 0 0 0; width:288px; height:47px; }

#internal #slideshow #home-owners { background-position: 0 0; }
#internal #slideshow #home-builders { background-position: 0 -214px; }
#internal #slideshow #apt-owners { background-position: 0 -428px; }
#internal #slideshow #light-commercial { background-position: 0 -642px; }

/*NAV*/
#nav { position:relative; z-index: 100; width: 974px; border: #fff solid; border-width: 0 3px; padding: 7px 0 6px 0; height:17px; background:url(../img/site-x.png) 0 -629px repeat-x; }
#nav > ul { padding: 0 0 0 9px; }
#nav > ul li { float:left; display:block; width: auto; background: url(../img/site-8.png) -257px -44px no-repeat; text-indent:-6000px; padding: 0 0 0 1px; position:relative; }
#nav > ul li a { display:block; width: auto; height:17px; background-image: url(../img/site-8.png); padding: 0 17px 0 17px; background-repeat: no-repeat; }
#nav > ul li a:hover { }
#nav > ul li:first-child { background:none; }

/* nav dropdown */
#nav ul ul a { color:#D3DFCA; padding: 7px 3px 7px 20px; text-indent: 0; text-transform:none; height: auto; width: 168px ! important; text-decoration: none; background:none ! important; border:0; line-height:1em; font-size: 1em; } /* reset for dropdown */
#nav ul ul a:hover { color:#457E1A; background:#92ca67 ! important; }
#nav ul ul { display:none; position: absolute; top: 17px;left: 0px; width: 191px; height: auto; margin:0;padding:0 0; list-style:none; border: #D3DFCA solid; border-width: 0 1px; background:#69A63A; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background:url(../img/site-8.png) -680px -354px no-repeat; }
* html #nav li ul li { height:1%; float:left; }
*+html #nav li ul li { height:1%; float:left; }
#nav li ul li:hover { }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */
#nav li ul li span.flyout { display:block; background:url(../img/nav-flyout.png) no-repeat 99% 9px; }
#nav li a.place-holder { cursor: default; }

#nav #nav-about-us a { width: 68px; background-position: 17px -181px; }
#nav #nav-about-us:hover a { background-position: 17px -198px; }
#nav #nav-replacements a { width: 104px; background-position: 17px -489px; }
#nav #nav-replacements:hover a { background-position: 17px -506px; }
#nav #nav-new-build a { width: 75px; background-position: 17px -401px; }
#nav #nav-new-build:hover a { background-position: 17px -418px; }
#nav #nav-service a { width: 55px; background-position: 17px -533px; }
#nav #nav-service:hover a { background-position: 17px -550px; }
#nav #nav-products a { width: 71px; background-position: 17px -445px; }
#nav #nav-products:hover a { background-position: 17px -462px; }
#nav #nav-iaq a { width: 22px; background-position: 17px -357px; }
#nav #nav-iaq:hover a { background-position: 17px -374px; }
#nav #nav-green-solutions a { width: 125px; background-position: 17px -313px; }
#nav #nav-green-solutions:hover a { background-position: 17px -330px; }
#nav #nav-faq a { width: 26px; background-position: 17px -269px; }
#nav #nav-faq:hover a { background-position: 17px -286px; }
#nav #nav-financing a { width: 84px; background-position: 17px -225px; }
#nav #nav-financing:hover a { background-position: 17px -242px; }

/*MAIN*/
#main { overflow:hidden; width: 100%; background: #fff; margin: 0 0 0 0; padding: 21px 0 0 0; position:relative; }
#main > .top { background: url(../img/site-x.png) 0 -424px; width: 100%; height: 195px; }
#main > .bottom { background-position: 0 -px; width: 100%; height: px; }

/* CONTENT */
#content { overflow:hidden; position:relative; border-bottom: 1px solid #d1d1d1; margin: 0 23px 0 23px; padding: 0 0 14px 0; }
#content .content > .bottom { left:0; background: url(../img/site-x.png) 0 -122px repeat-x; height: 292px; }

#internal #content { }

/*content panel*/
#content-panel { float:right; width: 242px; display:inline; margin:0 2px 0 0; }
#internal #content-panel { width: 202px; float:left; }
#content-panel > h2 { color:#012d9d; margin: 0 0 13px 0; font-size:1.36em; text-transform:uppercase; letter-spacing:.05em; font-weight:normal; border-bottom:1px solid #cbcdd0; position:relative; z-index:10; font-family: Helvetica, "Microsoft Sans Serif", sans-serif; }
#content-panel .content { padding:10px; min-height: 300px; width: 222px;border:1px solid #e1e1e1; background:#fff; position:relative; }
#content-panel .content div { position:relative; z-index:10; }
#content-panel .content > .bottom { width: 242px; }
#internal #link-ask-the-experts { margin:20px 0 0 10px;padding:0;background: url(../img/site-8.png) no-repeat 0 -640px #F5F8FC; width: 182px; height:113px; border:1px solid #dee0e2; }

/*nav sub*/
#nav-sub { width: 100%; position:relative; }
#nav-sub ul { }
#nav-sub li { background: url(../img/site-8.png) -230px -194px no-repeat;  padding: 0 0 0 34px; width: 168px; border-bottom:1px solid #cfd0d0; }
#nav-sub li a { display:block; line-height: 1.2em; padding: 6px 0; width: 100%; text-decoration:none; }
#nav-sub li a:hover { text-decoration:underline; }

/* content main */
#content-main { float:left; width: 672px; display:inline; margin: 0 0 0 0; position:relative; }
#internal #content-main { float:right; width: 710px; margin: 10px 0 0 0; }
#content-main > h2 { color:#012d9d; margin: 8px 0 0 0; font-size:1.36em; text-transform:uppercase; letter-spacing:.05em; font-weight:normal; border-bottom:1px solid #cbcdd0; position:relative; z-index:10; font-family: Helvetica, "Microsoft Sans Serif", sans-serif; margin: 0 0 13px 0; }
#content-main .content { min-height: 300px; width: 639px; padding: 10px 10px 10px 23px; border:1px solid #e1e1e1; background:#fff; position:relative; }
#internal #content-main .content { border: none; width: auto; padding:0; background:none; position:static; }
#content-main .content div { position:relative; z-index:10; margin: 0 0 135px 0; }
#content-main .content > .bottom { width: 672px; }
#content-main .content #coupon { margin:0;padding:0;width: 427px; height:113px; border: 1px solid #dee0e2; background:#fff; position:absolute; bottom: 10px; left: 22px; }
#content-main .content #link-ask-the-experts { background: url(../img/site-8.png) no-repeat 0 -640px #F5F8FC; width: 189px; height:113px; border:1px solid #dee0e2; position:absolute; bottom: 10px; right: 22px;margin:0; }
#link-home { background: url(../img/site-8.png) no-repeat -0px -43px; position:absolute; top:0; right:0px; width: 58px; height:15px; text-indent:-6000px; z-index:10; }

/* BREADCRUMB */
#breadcrumbs { margin: 10px 0; }
#breadcrumbs h3 { display:inline; font-size: 1em; padding:0; }
#breadcrumbs h3:after { content:": "; }
*+html #breadcrumbs h3 { background: url(../img/site-8.png) -px -px no-repeat; padding: 0 9px 0 0;  }
#breadcrumbs ul{ display:inline; }
#breadcrumbs li { color:#3c0307; display:inline; }
#breadcrumbs ul ul li:before { content:" > "; }
*+html #breadcrumbs ul ul li { background: url(../img/site-8.png) -px -px no-repeat; padding: 0 0 0 20px; }

/* SITE INFO */
#site-info { background:#fff; width: 914px; height:33px; margin: 0 0 0 33px; padding: 0 0 0 0; text-align:center; line-height: 1.4em; position:relative; }
#site-info .left { display:block; width: 33px; height:33px; left: -33px; bottom:0; background:url(../img/site-8.png) -43px 0 no-repeat; }
#site-info .right { display:block; width: 33px; height:33px; right: -33px; bottom:0; background:url(../img/site-8.png) 0 0 no-repeat; }
#site-info address { margin:0 0 0 0; font-style: normal; position:absolute; top:6px; right: -10px; }
#site-info address span { background: url(../img/site-8.png) no-repeat -257px -243px; padding: 0 6px 0 9px; }
#site-info address span:first-child { background:none; }
#site-info address br { display:none; }
#site-info ul { position:absolute; top:6px; left: -10px; }
#site-info li { display:inline; background: url(../img/site-8.png) no-repeat -257px -243px; white-space:nowrap; }
#site-info li:first-child { background:none; }
#site-info li a { line-height: 1.1em; margin: 0 5px 0 9px; }

/* CORE101 */
#logo-core101 { color:#87B65A; position:absolute; text-align:right; bottom:-25px; right:0; height:15px; line-height:14px; width: 390px; padding: 0 0 0 0; }
#logo-core101 a { color:#87B65A; text-decoration:none; }
#logo-core101 > .right { position:absolute; top:0; display:block; width: 15px; height:15px; background:url(../img/site-8.png) top right no-repeat; }