/*--- copyright 2008 Timberline Energy, LLC ---*/
/*--- www.timberlineenergy.com ---*/
	
/*--- normalize ---*/
	
@import url(normalize.css);

/*--- markers ---*/
	
@import url(markers.css);
	
/*--- global tags ---*/
	
html { text-align: center; background: #809b92 url(../images/html-bgd.jpg) top left repeat-x; }
body { position: relative; width: 960px; margin: 0 auto; color: #333; font-size: small; font-family: Arial, sans-serif; text-align: left; background: #fff; }
h2 { margin-bottom: 1.5em; font-family: "Trebuchet MS", Arial, sans-serif; color: #005957; font-weight: normal; }
h3 { margin-bottom: 1em; font-family: "Trebuchet MS", Arial, sans-serif; color: #005957; font-weight: normal; }
p { margin-bottom: 1em; line-height: 1.45em; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:active, a:focus { outline: none; }

/*--- global classes ---*/

br.clear { clear: both; height: 1px; }
span.press-release-source-date { font-size: 80%; color: #999; }

/*--- site-wrap ---*/
	
#site-wrap { position: relative; width: 960px; background: #958772 url(../images/site-wrap-bgd.png) no-repeat; }

/*--- accessibility-nav ---*/

#accessibility-nav { display: none; }

/*--- branding ---*/

#branding { width: 960px; height: 186px; }
body.home #branding { background: url(../images/branding-home.jpg) no-repeat; }
body.about-us #branding { background: url(../images/branding-about.jpg) no-repeat; }
body#management-team #branding { background: url(../images/branding-management-team.jpg) no-repeat; }
body.testimonials #branding { background: url(../images/placeholder-header.png) no-repeat; }
body.about-landfill-energy #branding { background: url(../images/branding-about-landfill-energy.jpg) no-repeat; }
body#environmental-impact #branding { background: url(../images/branding-environmental-impact.jpg) no-repeat; }
body#benefits #branding { background: url(../images/branding-benefits.jpg) no-repeat; }
body.the-process #branding { background: url(../images/branding-the-process.jpg) no-repeat; }
body#high-btu #branding { background: url(../images/branding-high-btu.jpg) no-repeat; }
body#direct-use #branding { background: url(../images/branding-direct-use.jpg) no-repeat; }
body#electric #branding { background: url(../images/branding-electric.jpg) no-repeat; }
body.carbon-credits #branding { background: url(../images/branding-carbon-credits.jpg) no-repeat; }
body.news #branding { background: url(../images/branding-news.jpg) no-repeat; }
body#in-the-news #branding { background: url(../images/branding-in-the-news.jpg) no-repeat; }
body#press-releases #branding { background: url(../images/branding-press-releases.jpg) no-repeat; }
body#white-papers #branding { background: url(../images/branding-white-papers.jpg) no-repeat; }
body#current-projects #branding { background: url(../images/branding-current-projects.jpg) no-repeat; }
body.contact-us #branding { background: url(../images/branding-home.jpg) no-repeat; }
body.site-map #branding { background: url(../images/branding-home.jpg) no-repeat; }
body.confirm #branding { background: url(../images/branding-home.jpg) no-repeat; }
body.error #branding { background: url(../images/branding-home.jpg) no-repeat; }
#branding ul { width: 180px; height: 99px; margin-left: 10px; padding: 10px 0 0 20px; background: url(../images/branding-nav-bgd.png) repeat-x; }
#branding ul li { float: left; font-size: 80%; }
#branding ul li a { color: #fff; text-decoration: none; }
#branding ul li a:hover { color: #ccc; }
#branding ul li.home-btn a { padding-left: 13px; background: url(../images/icon-home-btn.png) left 50% no-repeat; }
#branding ul li.contact-btn a { margin-left: 10px; padding-left: 15px; background: url(../images/icon-contact-btn.png) left 50% no-repeat; }

/*--- nav ---*/

#nav { float: left; width: 200px; margin: 0 0 0 10px; font-family: "Trebuchet MS", Arial, sans-serif; background: #e1ddd4; }
#nav h1 a { display: block; width: 200px; height: 84px; margin: -65px 0 20px 0; text-indent: -9999px; background: url(../images/h1-bgd.png) no-repeat; }
#nav ul { margin: 0 20px; }
#nav ul li { border-bottom: 1px solid #ccc; }
#nav ul li.last { border: none; }
#nav ul li a { display: block; padding: 0.75em 0 0.75em 10px; color: #58819d; text-decoration: none; }
#nav ul li a:hover { color: #333; }
#nav ul li ul { margin: 0 10px; font-size: 90%; }
#nav ul li ul li { border: none; }
#nav ul li ul li a { padding-top: 0; }

/*--- content ---*/

#content { float: right; width: 700px; margin: 0 25px; }
#content a { color: #58819d; text-decoration: none; border-bottom: 1px dashed #58819d; }
#content a:hover { color: #333; }

/*--- two-col-wrapper ---*/

#two-col-wrapper { margin-top: -40px; }

/*--- intro-msg ---*/

#intro-msg { float: left; width: 466px; height: 325px; margin-right: 1px; background: url(../images/transparent-bgd.png) left top repeat; }
#intro-msg div.pad { padding: 10px 20px; }
#intro-msg div.pad h2 { font-size: 160%; }

/*--- projects-teaser ---*/

#projects-teaser { float: right; width: 233px; height: 325px; background: url(../images/transparent-bgd.png) left top repeat; }
#projects-teaser div.pad { padding: 10px 20px; }
#projects-teaser div.pad h2 { font-size: 160%; }
#projects-teaser div.pad img { float: left; margin-right: 10px; border: 1px solid #ccc; }
#projects-teaser div.pad p.clear { clear: both; }

/*--- three-col-wrapper ---*/

#three-col-wrapper { clear: both; }

/*--- testimonials-teaser ---*/

#testimonials-teaser { float: left; width: 234px; margin-top: 1px; background: url(../images/transparent-bgd.png) left top repeat; }
#testimonials-teaser div.pad { padding: 10px 20px; }
#testimonials-teaser div.pad h3 { margin-top: 1em; font-size: 120%; }
#testimonials-teaser div.pad img { margin-bottom: 10px; border: 1px solid #ccc; }

/*--- about-teaser ---*/

#about-teaser { float: left; width: 467px; height: 325px; margin-top: 1px; background: url(../images/transparent-bgd.png) left top repeat; }
#about-teaser div.pad { padding: 10px 20px; }
#about-teaser div.pad h3 { margin-top: 1em; font-size: 120%; }
#about-teaser div.pad img { margin-bottom: 10px; border: 1px solid #ccc; }

/*--- news-teaser ---*/

#news-teaser { float: left; width: 233px; height: 325px; margin-top: 1px; background: url(../images/transparent-bgd.png) left top repeat; }
#news-teaser div.pad { padding: 10px 20px; }
#news-teaser div.pad h3 { margin-top: 1em; font-size: 120%; }
#news-teaser div.pad img { margin-bottom: 10px; border: 1px solid #ccc; }
#news-teaser p.brochure-link { background: url(../images/brochure-icon.png) left 50% no-repeat; }
#news-teaser p.brochure-link a { margin-left: 20px; }

/*--- inner-content ---*/

#inner-content { min-height: 500px; hieght: auto; margin-top: -40px; font-size: 110%; background: url(../images/transparent-bgd.png) left top repeat; }
#inner-content div.pad { padding: 10px 60px 10px 20px; }
#inner-content div.pad h2 { font-size: 140%; }
#inner-content div.pad h3 { margin-top: 2em; font-size: 130%; }
#inner-content div.pad ul { margin-bottom: 1em; padding-left: 35px; list-style-type: circle; }
#inner-content div.pad ul li { margin-bottom: 0.5em; }

/*--- current-projects ---*/

body#current-projects #inner-content div.pad h3 { margin-top: 0; }
body#current-projects #inner-content div.pad span.float-left { float: left; margin: 0 25px 10px 0; }
body#current-projects #inner-content div.pad br.clear { margin-bottom: 40px; }


/*--- newsletter-signup-form ---*/

#newsletter-signup-form input[type=checkbox] { margin-right: 5px; border: none; background: transparent; }
#newsletter-signup-form input#name, #newsletter-signup-form input#email { width: 200px; margin-bottom: 15px; padding: 3px 2px; font-size: 12px; color: #005957; border: 1px solid #999; }
#newsletter-signup-form label#name, #newsletter-signup-form label#email { margin-bottom: 6px; }

/*--- contact-us-form ---*/

#contact-us-form input#name, #contact-us-form input#email, #contact-us-form input#subject, #contact-us-form textarea { width: 200px; margin-bottom: 15px; padding: 3px 2px; font-size: 12px; color: #005957; border: 1px solid #999; }
#contact-us-form label { margin-bottom: 6px; }

/*--- site-map ---*/

body.site-map #inner-content div.pad ul li { margin-bottom: 1em; }
body.site-map #inner-content div.pad ul li ul { margin-top: 0.5em; padding-left: 25px; list-style-type: none; }

/*--- site-info ---*/

#site-info { clear: both; padding: 0.75em 0; font-size: 80%; text-align: center; color: #999; background: #333 url(../images/site-info-bgd.png) left bottom no-repeat; }
#site-info a { color: #999; text-decoration: none; }
#site-info a:hover { color: #ccc; }