body { background:transparent url(../images/bg_interior.jpg) 0 0 repeat-x; color:#464646; font-family:"Lucida Grande","Trebuchet MS",Arial,sans-serif; font-size:13px; line-height:17px; }
body#home { background:transparent url(../images/bg.jpg) 0 0 repeat-x; color:#3a3a3a; font-family:"Lucida Grande","Trebuchet MS",Arial,sans-serif; font-size:13px; }

h1,h2,h3,h4,h5,p { margin:0; }

p { margin:0 0 18px; }

h3,h4 { font-weight:400; color:#d07029; font-family:"Trebuchet MS",Arial,sans-serif; margin:4px 0 8px; }
h3 { font-size:20px; line-height:24px; }
h4 { font-size:16px; }

#primaryContent ul { margin: 0; margin-top: 12px; }
#primaryContent ul li { margin-bottom:8px; }
a { color:#1755a4; text-decoration:none; }
a:hover { text-decoration:underline; }

img.left, div.left { clear:left; float:left; margin:0 10px 5px 0; }
img.right, div.right { clear:right; float:right; margin:0 0 5px 10px; }

/* columns */
.oneColHome #primaryContent { width:960px; }
	.oneColHome #primaryContent div.innerpad { margin:0 0 20px 25px; }

.threeColLayout #primaryContent { width:600px; margin:0 170px 0 190px; }
.threeColLayout #secondaryContent { width:170px; margin:0 0 0 -170px; }
.threeColLayout #sideContent { width:190px; margin:0 0 0 -960px; }
	.threeColLayout #primaryContent div.innerpad { margin:10px 20px 0 40px; }
	.threeColLayout #secondaryContent div.innerpad { margin:0; }
	.threeColLayout #sideContent div.innerpad { margin:0; }

.threeColLayout #main { margin:0 0 24px; background: transparent url(../images/subnav_bg.png) top left repeat-y; } 

.oneColLayout #primaryContent { width:960px; margin:0 auto; }
.oneColLayout #primaryContent div.innerpad { margin:30px 20px; }

/* header/footer */
#header { height:163px; position:relative; }
#header #interiorBranding { width:86px; height:163px; float:left; }
#header h1 a { background:transparent url(../images/logo_interior.png) 0 0 no-repeat; display:block; height:122px; width:86px; text-indent:-9999px; margin:21px 0 20px 10px; }
#header #pageTitle { width:380px; height:163px; float:left; margin-left:20px; position:relative; }
#header #pageTitle h2 { width:380px; font-size:32px; position:absolute; bottom:12px; line-height:1.2; color:#f8e1ad; }
#header img { float:right; }
#header div.overlay { position:absolute; right:0; top:0; width:430px; height:162px; background:transparent url(../images/header_image_overlay.png) 0 0 no-repeat; }

#primaryContent p { margin:0 0 16px; }
#primaryContent ul, #primaryContent ol { margin:12px 0 16px 2em; }
#primaryContent ul li, #primaryContent ol li { margin:0 0 8px; }

.HomePage #header { height:297px; }
.HomePage #header .logos { float:left; width:490px; }
.HomePage #header h1 { background:transparent url(../images/logo.png) 0 0 no-repeat; height:220px; width:440px; margin:40px 0 0 25px; }
.HomePage #header h1 a { background:none; display:block; height:220px; width:160px; text-indent:-9999px; }
.HomePage #header h3, .HomePage #header h4 { text-indent:-9999px; display:none; }

#footer { border-top:8px solid #d8e0cd; margin:20px 0 0; color:#5d5d5d; font-size:12px; line-height:1.33; }
#footer a { color:#0059a5 !important; }
#footeraddress { background:#f4f6f1 none no-repeat; border-bottom:8px solid #d8e0cd; padding:12px 0; }
#footeraddress .vcard { float:left; width:200px; padding:0 20px; }
#footeraddress .name { font-weight:700; }
#footeraddress .fn { display:none; }

#footnav { margin:25px 0 0; background:transparent url(../images/footnav_bg.png) 0 0 repeat-y; }
#footnav ul, #footnav li { list-style:none; margin:0; padding:0; }

#footnav .col { float:left; padding:5px 0; }
#footnav .efficiency { width:295px; }
#footnav .angies, #footnav .googleplaces { width:166px; padding:5px 5px 5px 15px; }
#footnav .nav { width:129px; padding:5px 24px; }
#footnav .social { width:258px; padding:5px 22px; }
  #footnav .social ul { margin:0 0 30px; }
  #footnav .social ul li { margin:0 0 8px; }
  #footnav .social img { vertical-align:text-bottom; }

#footnav .credit { font-size:11px; }

#footnav .googleplaces a { display:block; height:46px; background:transparent url(../images/google-places.png) 0 0 no-repeat; padding:18px 0 0 68px; }

#footnav table, #footnav td { border:0; padding:0; text-align:center; }

/* nav */
#nav { background:transparent url(../images/nav.png) 0 0 no-repeat; height:42px; width:960px; margin:0; padding:0; }
#nav ul { height:42px; float:left; margin:0; padding:0; margin-left:7px; }
#nav ul li { margin:0; padding:0; height:42px; }
#nav ul li a { display:block; float:left; height:42px; background:transparent url(../images/nav.png) 0 -42px no-repeat; text-indent:-9999px; padding:0; }

#nav ul li#nav1 a { width:30px; background-position:-7px -42px; }
#nav ul li#nav2 a { width:109px; background-position:-37px -42px; }
#nav ul li#nav3 a { width:116px; background-position:-146px -42px; }
#nav ul li#nav4 a { width:94px; background-position:-262px -42px; }
#nav ul li#nav5 a { width:92px; background-position:-356px -42px; }
#nav ul li#nav6 a { width:100px; background-position:-448px -42px; }
#nav ul li#nav7 a { width:96px; background-position:-548px -42px; }
#nav ul li#nav8, #nav ul li#nav9, #nav ul li#nav10, #nav ul li#nav11, #nav ul li#nav12 { display:none; }

#nav ul li#nav1 a:hover, #nav ul li#nav1 a.current, #nav ul li#nav1 a.section { background-position:-7px -84px; }
#nav ul li#nav2 a:hover, #nav ul li#nav2 a.current, #nav ul li#nav2 a.section { background-position:-37px -84px; }
#nav ul li#nav3 a:hover, #nav ul li#nav3 a.current, #nav ul li#nav3 a.section { background-position:-146px -84px; }
#nav ul li#nav4 a:hover, #nav ul li#nav4 a.current, #nav ul li#nav4 a.section { background-position:-262px -84px; }
#nav ul li#nav5 a:hover, #nav ul li#nav5 a.current, #nav ul li#nav5 a.section { background-position:-356px -84px; }
#nav ul li#nav6 a:hover, #nav ul li#nav6 a.current, #nav ul li#nav6 a.section { background-position:-448px -84px; }
#nav ul li#nav7 a:hover, #nav ul li#nav7 a.current, #nav ul li#nav7 a.section { background-position:-548px -84px; }

#breadcrumb { font-size:12px; width:730px; margin:0 0 0 230px; padding:10px 0; border-bottom:1px solid #e9ecf2; }

/* secondary nav */
#secondaryNav { margin:0 0 20px; }
#secondaryNav ul, #secondaryNav ul li { margin:0; list-style:none; }

#secondaryNav ul li a { display:block; padding:0 10px; }
#secondaryNav ul li a span { border-bottom:1px solid #d1dded; }
#secondaryNav ul li.first a span { border-top:1px solid #d1dded; }
#secondaryNav ul li.last a span { border:0; }
#secondaryNav ul li a:hover, #secondaryNav ul li a.current { background:#dbe5f9 url(../images/secondarynav_sub_over.png) 100% 50% no-repeat; text-decoration:none; }
#secondaryNav ul li a span { display:block; padding:6px 10px; }

#secondaryNav ul ul { margin:-1px 0; border-top:2px solid #bac1cd; border-bottom:1px solid #bac1cd; }
#secondaryNav ul ul li { margin:0 10px; }
#secondaryNav ul ul li a { margin-right:-10px; margin-left:-10px; padding-left:20px; }

/* homepage slider */
#slider { width:470px; height:297px; float:left; background:#eee; position:relative; }
	.scroll { height:229px; width:470px; overflow:auto; position:relative; clear:left; }
		.scrollContainer div.panel { height:229px; width:470px; }

	#scrollNavigation ul, #scrollNavigation ul li { margin:0; padding:0; list-style:none; height:68px; }
	#scrollNavigation ul li { float:left; }
	#scrollNavigation ul li a { margin:0; padding:0; display:block; height:68px; background:transparent url(../images/slideshownav_bg.png) 0 0 no-repeat; float:left; text-indent:-9999px; }
		#scrollNavigation ul li#scrollnav1 a { width:88px; background-position:0 0; }
		#scrollNavigation ul li#scrollnav2 a { width:100px; background-position:-88px 0; }
		#scrollNavigation ul li#scrollnav3 a { width:160px; background-position:-188px 0; }
		#scrollNavigation ul li#scrollnav4 a { width:122px; background-position:-348px 0; }
		
		#scrollNavigation ul li#scrollnav1 a:hover, #scrollNavigation ul li#scrollnav1 a.selected { background-position:0 -68px; }
		#scrollNavigation ul li#scrollnav2 a:hover, #scrollNavigation ul li#scrollnav2 a.selected { background-position:-88px  -68px; }
		#scrollNavigation ul li#scrollnav3 a:hover, #scrollNavigation ul li#scrollnav3 a.selected { background-position:-188px  -68px; }
		#scrollNavigation ul li#scrollnav4 a:hover, #scrollNavigation ul li#scrollnav4 a.selected { background-position:-348px  -68px; }
		
	#slidershadow { position:absolute; left:0; top:0; height:229px; width:470px; background:transparent url(../images/slider_shadow.png) 0 0 no-repeat; }

/* sitemap */
#primaryContent ul.sitemap, #primaryContent ul.sitemap li, #primaryContent ul.sitemap ul { list-style:none; margin:0; }
#primaryContent ul.sitemap { margin:0 0 36px; }
#primaryContent ul.sitemap ul { margin:4px 0 0 18px; }
#primaryContent ul.sitemap li { margin-bottom:4px; }
#primaryContent ul.sitemap li.l1 { font-size:18px; margin:0 0 12px; }
#primaryContent ul.sitemap li.l2 a { font-size:16px; color:#D07029; }
#primaryContent ul.sitemap li.l3 a { font-size:14px; color:#999; }

/* search */
#search { float:right; margin:9px 0 0; padding:0; }
#search input.text { width:139px; height:16px; line-height:16px; background:#fff url(../images/search_bg.png) 0 0 no-repeat; margin:0 8px 0 0; padding:3px; border:0; }
#search button.btn { background:transparent url(../images/search_btn.png) 0 0 no-repeat; }
#search button.btn span { border:0; background:none; padding:0; }
#search button.btn span span { display:block; text-indent:-9999px; width:78px; height:24px; cursor:pointer; }

/* search results */
#searchResults {  }
#searchResults h3 { font-size:16px; }
#primaryContent #searchResults { margin:0; list-style:none; }
#primaryContent #searchResults li { list-style:none; border-bottom:1px solid #ddd; padding:0 0 10px; margin:0 0 10px; }
#primaryContent #searchResults li.last { border-bottom:0; }
#searchResults span.url { font-size:11px; color:#666; }
div#PageNumbersTop { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd; }
div#PageNumbersBot { margin:10px 0 0; padding:10px 0 0; }

/* interior */
#home-wrap { width:465px; float:left; margin:30px 0 0; }
#home-wrap div { margin:0 20px 0 0; }
#energy-audit { clear:left; padding-top:20px; }
#energy-audit div.content { padding-left:80px; background:transparent url(../images/clipboard.png) 0 0 no-repeat; }
a#audit { display:block; height:30px; width:234px; background:transparent url(../images/energy_audit_btn.png) 0 0 no-repeat; text-indent:-9999px; }

#home-side { width:470px; float:left; }

#service-areas { width:470px; float:left; background:#f0f3f9 url(../images/services_bg3.jpg) 0 100% no-repeat; padding-bottom:150px; position:relative; }
#service-areas div.col { float:left; width:230px; }
#service-areas div.col div.pad { margin:30px 15px; }
#service-areas div#residential { width:240px; }
#service-areas div#residential div.pad { margin:30px 20px 30px 15px; }

#service-areas a.learn { position:absolute; bottom:120px; left:auto; width:200px; height:30px; display:block; background:transparent url(../images/learn_more_btn.png) 50% 0 no-repeat; text-indent:-9999px; }

#bottom-callouts { clear:both; background:#f0f3f9 url(../images/home_callout_bg.png) 0 100% no-repeat; padding:0; color:#696969; margin:0 0 20px; }
#bottom-callouts .inner { background:transparent url(../images/home_callout_top.png) 0 0 no-repeat; padding:20px 0 0; }
#bottom-callouts div.callout { float:left; width:312px; padding:0 0 20px; }
#bottom-callouts div.first, #bottom-callouts div.last { width:324px; }
#bottom-callouts div.callout:nth-child(5n-1) { clear:both; }
#bottom-callouts div.num4, #bottom-callouts div.num7, #bottom-callouts div.num10, #bottom-callouts div.num13 { clear:both; }
#bottom-callouts div.first div.pad, #bottom-callouts div.last div.pad { margin:0 27px; }
#bottom-callouts div.callout div.pad { margin:0 27px 0 26px; }
#bottom-callouts div.callout h4 a { font-size:14px; font-family:"Trebuchet MS",Arial,sans-serif; font-weight:700; color:#d07029; }
#bottom-callouts .callout img.left { margin-top:5px; }

/* callouts */
#secondaryContent #callouts { margin:10px 0; }
#secondaryContent .callout { font-size:12px; line-height:16px; padding:10px; background:#f0f3f9; margin-bottom:10px; color:#696969; }
#secondaryContent .callout h4 { font-size:16px; }
#secondaryContent .callout h4 a { font-family:"Trebuchet MS",Arial,sans-serif; color:#d07029; }
#secondaryContent .callout p { margin:0 0 5px; }
#secondaryContent .callout img { margin-top:10px; border:2px solid #b7bccb; }

#secondaryContent .caseStudy { margin-top:24px; background:#595443 url(../images/casestudy_bg.jpg) top center repeat; border-top:#b8b4a5 2px solid; border-bottom:#25231c 2px solid; border-left:#b8b4a5 2px solid; border-right:#25231c 2px solid; }
#secondaryContent .caseStudy h4 { color: #f8ebd2; }
#secondaryContent .caseStudy p { color: #f8ebd2; }
#secondaryContent .caseStudy a img { margin-top:8px; border-top: #25231c 2px solid; border-bottom:#b8b4a5 2px solid; border-left:#25231c 2px solid; border-right:#b8b4a5 2px solid; }
#secondaryContent .caseStudy a { color: #fff; }

#secondaryContent .contact span { padding:6px 0; display:block; font-weight:bold; font-size:14px; color:#476400; }
#secondaryContent .contact a.contactbtn { text-indent:-9999px; display:block; background:transparent url(../images/contact_btn.png) 0 0 no-repeat; height:30px; margin:8px 0 0 0; }

/* overview page */
div.overviewContainer { margin-top:20px; }
div.overviewContainer .container { width:400px; float:right; }
div.overviewContainer .container h3 a { color:#d07029; }
div.overviewContainer a img { float:left; border:2px solid #b9c1d2; }
div.overviewContainer a:hover img { border:2px solid #1755a4; }

/* product page */
.manufacturer { border-top:8px solid #d8e0cd; padding:16px 0 0; margin:16px 0 0; clear:both; }
.manufacturer img { float:left; padding:0 12px 12px 0; }
.manufacturer-product { margin:20px 0 0; clear:both; }
.manufacturer-product h4 { font-size:20px; }
.manufacturer-product h4 span { font-size:14px; font-weight:400; }
.manufacturer-product img.product { border:1px solid #b6b6b6; padding:0; margin:10px 12px 12px 0; }
.manufacturer-product a:hover img.product { border-color:#1755a4; }
.manufacturer-product div.featurelist { margin:0; float:left; width:306px; }

ul.utility { border-top:1px solid #e9ecf2; margin:10px 0 0; padding:10px 0 0; list-style:none; }
ul.utility li { list-style:none; }
ul.utility li a.gallery { padding-left:20px; background:transparent url(../images/gallery_icon.gif) 0 50% no-repeat; }
ul.utility li a.file { padding-left:20px; background:transparent url(../images/file_icon.gif) 0 50% no-repeat; }
ul.utility li a.pdf { background-image:url(../images/pdf_icon.gif); }
ul.utility li a.file span { text-transform:uppercase; }

/* staff page */
.bio { margin:10px 0 0; }
.bio img.portrait { float:left; margin:0 10px 10px 0; border:2px solid #b7bccb; }

/* testimonial */
#testimonial { margin:10px 0; padding:15px 10px 10px 15px; font-family:Georgia; font-size:14px; font-style:italic; background:transparent url(../images/quote.png) 0 0 no-repeat; color:#476400; line-height:18px; }
#testimonial span { display:block; color:#3a3a3a; font-style:normal; margin:8px 0 0; text-align:right; font-size:11px; line-height:14px; font-family:"Lucida Grande","Trebuchet MS",Arial,sans-serif; }

#primaryContent #testimonial { margin:0 0 10px 15px; padding:15px 10px 10px 25px; background-position:10px 0; float:right; border-left:1px solid #e9ecf2; width:145px; }

/* case study */
ul#case-studies, ul#case-studies li { margin:0; list-style:none; }
ul#case-studies li { padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #e9ecf2; }
ul#case-studies h3 { margin:0 0 8px; }
ul#case-studies p { margin:0; }

dl#case-study-details, dl#case-study-details dt, dl#case-study-details dd { margin:0; padding:0; line-height:18px; }
dl#case-study-details { margin:15px 0 0; }
dl#case-study-details dt, dl#case-study-details dd { float:left; margin:0 0 10px; border-top:1px solid #ddd; padding-top:8px; }
dl#case-study-details dt.first, dl#case-study-details dd.first { border:0; }
dl#case-study-details dt { font-weight:700; clear:both; width:130px; padding-right:10px; font-size:14px; color:#d07029; font-family:"Trebuchet MS",Arial,sans-serif; }
dl#case-study-details dd { width:400px; }
div.study-detail { border-top:1px solid #ddd; padding-top:8px; line-height:18px; }
div.study-detail h4 { font-size:14px; font-weight:700; }

div#study-images div.image { display:block; float:left; margin:0 10px 10px 0; width:174px; }
div#study-images div.image a img { border:2px solid #b9c1d2; }
div#study-images div.image a:hover img { border-color:#1755a4; }
div#study-images div.image p { text-align:center; margin:5px 0 0; font-size:11px; }

/* faq page */
div.faq { margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #e9ecf2; }
div.faq h4 { line-height:normal; margin:0 0 8px; }
div.faq h4 a.toggle { padding-left:12px; background:transparent url(../images/togglearrows.png) 0 0 no-repeat; margin:0 0 5px; }
div.faq h4 a.open { background-position:-984px 0; }
div.faq h4 a:hover { text-decoration:none; }
div.faq div.toggle-content { margin:0 0 0 1em; }
div.faq div.toggle-content p { margin:0; }
#primaryContent div.faq div.toggle-content ul, #primaryContent div.faq div.toggle-content ol { margin:0 0 0 2em; }

/* contact page */
form .field { margin:0 10px 10px 0; overflow:auto; height:auto; width:260px; float:left; clear:none; }
form .field label { display:block; float:none; width:auto; }
form .text input, form .email input { padding:2px; width:246px; }
form .textarea { width:530px; }
form .textarea textarea { padding:2px; width:516px; }

form span.message { margin:5px 0; }

form .checkboxset { clear:both; width:530px; }
#primaryContent form .checkboxset ul, #primaryContent form .checkboxset ul li { list-style:none; margin:0; }
#primaryContent form .checkboxset ul li { margin:0 0 5px; }
form .checkboxset li label { margin-left:10px; }

form #Address { width:530px; }
form #Address input { width:516px; }

form #City { width:220px; }
form #City input { width:206px; }
form #State { width:180px; padding-right:10px; }
form #Zip { width:100px; }
form #Zip input { width:86px; }

form#MemberLoginForm_LoginForm .field { width:100%; overflow:visible; }
form#MemberLoginForm_LoginForm .field label { float:left; width:90px; }
form#MemberLoginForm_LoginForm .field input.text { width:246px; }
form#MemberLoginForm_LoginForm .checkbox label { display:inline; float:none; width:auto; }