/*
Master Stylesheet
Site: EnergySmart
*/

/* Reset */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; } 
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }

/* Basic Elements  */
html{font-size:100%;}
body {background: #fff;font-size: 62.5%;font-family: Arial, Helvetica, sans-serif; line-height: 1.33; color: #5a5a5a; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
:focus {outline: 1px;}
strong{font-weight:800;}
hr { display: none; }
.left { float: left;}
.right { float: right;}
.center { text-align: center; }
a img { border: none }
.clear { clear: both; height: 0; line-height: 0;}

/* Links */
a:link, a:visited, a:active { color: #70a94c;text-decoration: none; }
a:hover { color: #a8c681; text-decoration: none; }

/* Typography */
h1 { font-size: 1.8em; margin: 0 0 0.2em; color: #70a94c; font-weight: 400;}
h2 { font-size: 1.5em; margin: 0 0 0.5em; color: #70a94c; font-weight: 400;}
h3 { font-size: 1.2em; margin: 0 0 1em;}
h4 { font-size: 1.4em; margin: 0 0 1em; }
h5 { font-size: 1.4em; margin: 0 0 0.2em; color: #5a5a5a; line-height: 1;}
h6 { font-size: .9em; color: #5a5a5a; text-align: center; line-height: .1;}
p {font-size:1.2em; margin: 0 0 1em 0;  line-height: 1.4;}

/* Site Structure */
#wrap { width: 850px; margin: 0 auto; }
#content { padding: 15px 0 30px;}
#main-col { width: 623px; float: right; padding: 20px 0 30px;}
#side-col { width: 202px; float: left; padding: 20px 0 0;}

/* Top Nav */
#top { background: #70a94c; }
#top-inner { width: 850px; margin: 0 auto; }
#top-inner ul { float: right; padding: 7px 0 7px; }
#top-inner ul li { font-size: 1.1em; display: inline; margin-left: 15px;}
#top-inner ul li a{ color: #fff;  }
#top-inner ul li a:hover{ color: #a8c681; text-decoration: none; }

/* Header */
#header { padding: 20px 0 10px; position: relative; }
h1#logo { width: 175px; height: 95px; float: left;}
h1#logo span{ background: url(../images/energy-smart.png) no-repeat 0 0; }
.page-hdr { background: #a8c681; float: left; width: 203px; border-right: 1px solid #fff; height: 138px; position: relative; }
.page-hdr h2 { color: #fff; position: absolute; right: 10px; bottom: 10px; margin: 0; text-align: right;}
#nophoto-hdr { height: 15px; background: #a8c681; margin-bottom: 20px; }

/* Main Navigation */
#nav { width: 646px; position: absolute; bottom: 1px; right: 0; }
#nav ul{ overflow: hidden; }
#nav ul li{ float: left;}
#nav ul li a{ display: block; background: url(../images/nav-main.png) no-repeat 0 0; text-align: center; padding: 33px 0 0; color: #fff; height: 0; overflow: hidden;}

#nav ul li#nav1 a { background-position: 0 0; width: 95px;}
#nav ul li#nav2 a { background-position: -95px 0; width: 155px; }
#nav ul li#nav3 a { background-position: -250px 0 ; width: 164px;}
#nav ul li#nav4 a { background-position: -414px 0; width: 105px;}
#nav ul li#nav5 a { background-position: -519px 0; width: 127px;}
#nav ul li#nav1 a:hover { background-position: 0 -34px; }
#nav ul li#nav2 a:hover { background-position: -95px -34px; }
#nav ul li#nav3 a:hover { background-position: -250px -34px ; }
#nav ul li#nav4 a:hover { background-position: -414px -34px; }
#nav ul li#nav5 a:hover { background-position: -519px -34px; }

/* Footer */
#footer { clear: both; background: url(../images/double-border.gif) repeat-x; padding: 15px 0 0; }
#footer ul { margin: 0 0 1.5em; }
#footer ul li { display: inline; font-weight: 800; background: url(../images/footer-bullet.gif) no-repeat left 3px; padding: 0 5px 0 14px; }
#footer ul li.first { background: none; padding-left: 0; }
#footer p { font-size: 1em; color: #999; }
#footer a:hover { color: #a8c681; text-decoration: none; }

/* Side bar */
ul#side-nav { padding-right: 10px; }
ul#side-nav li { text-align: right; margin: 0 0 1.33em; text-transform: uppercase; }
ul#side-nav li a{ font-size: 1.2em; color: #70a94c; padding-left: 15px; }
ul#side-nav li a:hover { text-decoration: none; color: #a8c681; }
ul#side-nav li.active a{ color: #a8c681; background: url(../images/sidenav-arrow.gif) no-repeat 0 3px }
ul#side-nav li ul { margin: 0.75em 0 0; }
ul#side-nav li ul li { margin: 0; text-transform: none;}
ul#side-nav li ul li a{ font-size: 1.1em; color: #70a94c; background: none;  }
ul#side-nav li.active ul li a:hover { color: #a8c681; }
ul#side-nav li.active ul li a{ background: none; color: #70a94c; }
ul#side-nav li ul li.sub-active a { color: #a8c681; }

.side-action { border-bottom: 1px solid #dbd3b8; position: relative; margin: 0 0 26px; padding: 2px 0 10px; }
.side-action p { font-size: 1.1em; width: 100%;}
.side-action .action-btn2 { position: absolute; right: 0; bottom: -1px; line-height: 1; display: block; padding: 0; }

h2#free-consultation2 { width: 184px; height: 10px; margin: 0 0 7px;}
h2#free-consultation2 span { background: url(../images/free-consultation2.png) no-repeat; }
h2#have-questions2 { width: 111px; height: 12px; margin: 0 0 7px; }
h2#have-questions2 span { background: url(../images/have-questions2.png) no-repeat; }
h2#financing2 { width: 110px; height: 10px; margin: 0 0 7px;}
h2#financing2 span { background: url(../images/financing2.png) no-repeat; }


/*
Page Specific Styles 
*/

/* Homepage */
#hp-left { width: 455px; float: left; margin-top: 7px;}
#hp-right { width: 370px;float: right; margin-top: 7px;}
#hp-left img { border: 1px solid #ccc; }
.hp-action { border-bottom: 1px solid #dbd3b8; position: relative; margin: 0 0 13px; padding: 2px 0 0; }
.hp-action p { font-size: 1.1em; width: 250px;}

h2#free-consultation { width: 210px; height: 12px; margin: 0 0 7px;}
h2#free-consultation span { background: url(../images/free-consultation.png) no-repeat; }
h2#have-questions { width: 128px; height: 13px; margin: 0 0 7px; }
h2#have-questions span { background: url(../images/have-questions.png) no-repeat; }

.hp-action .action-btn { position: absolute; right: 0; bottom: -1px; line-height: 1; display: block; padding: 0; }
.hp-action .action-btn img { display: block; }

/* About Us*/
#about-hdr { background: url(../images/about-hdr.jpg) no-repeat right top; height: 138px; }
h2#about-us-h2 { width: 106px; height: 17px; }
h2#about-us-h2 span { background: url(../images/about-us.png) no-repeat; }

/* Financing*/
#financing-hdr { background: url(../images/financing-hdr.jpg) no-repeat right top; height: 138px; }
h2#financing-h2 { width: 115px; height: 47px; }
h2#financing-h2 span { background: url(../images/financing.jpg) no-repeat; }

/* Contact Us*/
#contact-us-hdr { background: url(../images/contact-us-hdr.jpg) no-repeat right top; height: 138px; }
h2#contact-us-h2 { width: 132px; height: 18px; }
h2#contact-us-h2 span { background: url(../images/contact-us.jpg) no-repeat; }

/* Energy Assessment*/
#energy-hdr { background: url(../images/energy-hdr2.jpg) no-repeat right top; height: 138px; }
h2#energy-h2 { width: 136px; height: 46px; }
h2#energy-h2 span { background: url(../images/energy.jpg) no-repeat; }

/* Insulation*/
#insulation-hdr { background: url(../images/insulation-hdr.jpg) no-repeat right top; height: 138px; }
h2#insulation-h2 { width: 122px; height: 18px; }
h2#insulation-h2 span { background: url(../images/insulation.jpg) no-repeat; }

/* Installation */
#installation-hdr { background: url(../images/installation-hdr.jpg) no-repeat right top; height: 138px; }
h2#installation-h2 { width: 144px; height: 17px; }
h2#installation-h2 span { background: url(../images/installation.png) no-repeat; }

.installation-type {  float: left; margin: 20px 0 0 70px;}
.new-construction { margin: 20px 0 0 30px; }
h3#retrofit-installation { width: 143px; height: 10px; margin: 0 0 10px;}
h3#retrofit-installation span { background: url(../images/retrofit-installation.png) no-repeat; }
h3#new-installation { width: 207px; height: 10px; margin: 0 0 10px; }
h3#new-installation span { background: url(../images/new-construction-installation.png) no-repeat; }
.img-border { padding: 4px; border: 1px solid #c7be9e;}

/* Slideshow */
.next, .prev{ cursor:pointer; }
#screen{ position:relative;	 background: url(../images/slideshow-bg.png) repeat-x bottom left; border: 1px solid #c7be9e; padding: 0 20px 30px 20px;}
p#slideshow-nav { position: absolute; bottom: 0px; right: 15px; color: #70a94c; font-size: 1.1em; font-weight: 800;}
#screen .prev{ background: url(../images/prev-arrow.png) no-repeat left 2px; padding: 0 0 0 10px; }
#screen .next{ background: url(../images/next-arrow.png) no-repeat right 2px; padding: 0 10px 0 0;  }
	
#sections{ overflow:hidden;	width:583px; clear:left; }
#sections ul{ width:7000px;	}
#sections li{ float:left;padding:0 0 0 2px; width: 581px; margin: 0 50px 0 0; }
#screen h2 { color: #5a5a5a; font-size: 2.2em; margin: 20px 0 20px;}
#sections h3 { color: #5a5a5a; float: left;}
span.slide-number { float: right; font-size: 1.1em; }

h3#learn-about-new { width: 286px; height: 10px; float: right; margin: 20px 0 0; }
h3#learn-about-new span { background: url(../images/learn-about-new.png) no-repeat; }

h3#learn-about-retrofit { width: 221px; height: 10px; float: right; margin: 20px 0 0; }
h3#learn-about-retrofit span { background: url(../images/learn-about-retrofit.png) no-repeat; }

/* Window & Door Selection */
#window-hdr { background: url(../images/window-hdr.jpg) no-repeat right top; height: 138px; }
h2#window-door-h2 { width: 182px; height: 46px; }
h2#window-door-h2 span { background: url(../images/window-door-selection.png) no-repeat; }

.wd-selection { margin: 0 0 2em; }
.wd-selection img { float: left; }
.wd-selection .selection-desc { float: right; width: 460px;}

/* Windows 101 */
#windows101-hdr { background: url(../images/windows101-hdr.jpg) no-repeat right top; height: 138px; }
h2#windows101-h2 { width: 147px; height: 18px; }
h2#windows101-h2 span { background: url(../images/windows101.jpg) no-repeat; }
h3#windows101-h3 {font-size: 1.4em;}

.wd-selection { margin: 0 0 2em; }
.wd-selection img { float: left; }
.wd-selection .selection-desc { float: right; width: 460px;}

/* Windows & Doors */
#windowsdoors-hdr { background: url(../images/windowsdoors-hdr.jpg) no-repeat right top; height: 138px; }
h2#windowsdoors-h2 { width: 127px; height: 47px; }
h2#windowsdoors-h2 span { background: url(../images/windowsdoors.jpg) no-repeat; }

/* Consultation */
h2#free-in-home { width: 234x; height: 13px; margin: 0 0 10px; }
h2#free-in-home span { background: url(../images/free-in-home.png) no-repeat; }

#form-wrap { padding: 10px 0 0; }
#form-wrap fieldset { padding: 0 0 25px; }
#form-wrap label { width: 100px; float: left; font-size: 1.08em; }
#form-wrap .input-text { border: 1px solid #7f9db9; font-size: 1.2em; padding: 2px; margin: 0; width: 220px; vertical-align: middle;}
#form-wrap textarea { border: 1px solid #7f9db9; font-size: 1.2em; padding: 2px; overflow: auto; width: 425px;}
#form-wrap select { padding: 2px; }
#form-wrap h5 { margin: 0; }

ul.list-checkbox { margin: 15px 0 0; width: 700px; }
ul.list-checkbox li{ font-size: 1.2em; width: 210px; float: left; margin: 0 0 5px; line-height: 1;}
ul.list-checkbox li input { display: inline; margin: 0 7px 0 0; vertical-align: middle; padding: 0;}
#form-wrap .label-check { display: inline; width: 170px;  vertical-align: middle; float: none; padding: 1px 0 0;}
#form-wrap .phone { width: 220px; }

ul.list-checkbox li.checkbox-long { width: 375px; }
ul.list-checkbox li.checkbox-short { width: 200px; }
ul.list-checkbox-floated { width: 600px; float: left; margin: 0 0 20px 20px; }
#form-wrap  ul.list-checkbox li.checkbox-long label{ width: 340px;  }
#form-wrap  ul.list-checkbox li.checkbox-short label{ width: 90px;  }
.float-left { float: left; }

#form-wrap .label-block { display: block; float: none; width: 100%; padding: 0 0 3px;}
.submit-reset { margin-left: 365px; }
.submit-reset2 { margin-left: 261px; }
.submit-reset input{ margin-right: 5px; }
span.required { color: #cc0000; }

/* Photo Gallery */
h2#photo-gallery-h2 { width: 128x; height: 13px; margin: 0 0 10px; }
h2#photo-gallery-h2 span { background: url(../images/photo-gallery.png) no-repeat; }
#before-after { color: #70a94c; font-size: 1.3em; margin: 0 0 5px; }
span.before { margin: 0 27px 0 0;}
span.after {  }

p.gal-nav { font-size: 1em; color: #70a94c; font-weight: 800; padding-right: 10px;}
.gal-prev{ background: url(../images/gal-prev-arrow.gif) no-repeat left 2px; padding: 0 0 0 10px; }
.gal-next{ background: url(../images/gal-next-arrow.gif) no-repeat right 2px; padding: 0 10px 0 0;  }

div#project-showroom { clear: both;  height: 580px;  position: relative;  overflow: hidden;  }
#showroom-holder {  margin: 0 0 0 217px;  width: 641px; overflow: hidden;   height: 550px;  }
#showroom-holder .project-image img{   border: 1px solid #c7be9e; padding: 5px; display: block; margin: 0 0 10px; }
.project { margin-bottom: 100px; }
.project li { font-size: 1.2em; }
div#project-showroom .project .left {float: left;}
div#project-showroom .project .right {float: right;}

div#thumbnails li{ height: 76px; }
#thumbnails li img { display: block;}
div#thumbnails ul { overflow: hidden; list-style-type: none; padding-bottom: 6px; width: 166px;}
div#thumbnails .left { float: left;}
div#thumbnails .right { float: right; padding-right: 7px;}
div#thumbnails a:link, div#thumbnails a:visited { border: 1px solid #c7be9e; padding: 3px; display: block; margin: 0px; background: #fff;}
div#thumbnails a:hover, div#thumbnails a:active { border: 1px solid #c7be9e; background: #8eba6b; display: block; margin: 0px;}
div#thumbnails a.current { border: 1px solid #c7be9e;  background: #8eba6b;  display: block; margin: 0px;}

/* Scrollbar */
#scrolldiv{position:absolute;left: 0; top: 0px; }
#scrolldiv_parentContainer{height:100%;overflow:hidden;border:1px solid #BC8FBD;float:left;position:relative; }
#scrolldiv_content{position:relative;line-height:130%;color: #666;}

#scrolldiv_slider{width:6px; position: absolute; top: 0; right: 0;}
#scrolldiv_scrollbar{width:10px;position:relative;}
#scrolldiv_theScroll{margin:5px 1px;width:8px;height:23px;background-color:#BC8FBD;position:absolute;top:0px;left:0px;cursor:pointer;}
#scrolldiv_scrollUp,#scrolldiv_scrollDown{width:10px;height:15px;color: #BC8FBD;text-align:center;font-size:16px;line-height:16px;cursor:pointer;}
#scrolldiv_scrollUp{padding:0;}
#scrolldiv_scrollDown{padding:0 0 3px;}
#scrolling_div_clearer{clear:both;padding:10px 0;}
#scrolldiv_content img{position:relative;}

/* Image replacement */
.ir { font-size: 1em; margin: 0; overflow: hidden; position: relative; }
.ir span { background-repeat: no-repeat; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.ir a { cursor: pointer; display: block; height: 100%; width: 100%; }

/* Auto-clear floats */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }