/*
Theme Name: Evergreen
Description: Evergreen Ecosystems
Version: 1.0
Author: Jason
Author URI: http://www.custardfish.com
Tags: completely bespoke & custom design

	The CSS, XHTML and design is (c)

*/


/* ------------------------------------------------------------
    reset nasty things - all ccs by jason of custardfish - HI!
------------------------------------------------------------ */


* {
	margin: 0;
	padding: 0;
  outline: none;
}

.clear {clear: both;	height: 0px;}

/* ------------------------------------------------------------
    basic elements
------------------------------------------------------------ */

body {
	font-size: 62.5%;
	margin: 0; padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5A324C;
	}

img { border: none }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, legend { 
	padding: 0em;
	margin: 0;
}

p, ul, ol, li, dl, dt, dd, legend {font-family:  Verdana, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:  Arial Narrow, Arial, Helvetica, sans-serif;}
	
ul, li, dl, dt, dd { list-style: none }

h1 {font-size: 22px;}

h2 {font-size: 18px;}

/* ------------------------------------------------------------
    basic site structure
------------------------------------------------------------ */

body {background: url(img/body-top-bg.png) top left repeat-x;}

body.home {background: url(img/body-top-bg-home.png) top left repeat-x;}

#wrapper {padding: 0;	width: 100%; background: transparent url(img/footer-bg.gif) bottom left repeat-x;}

/* ------------------------------------------------------------
    main naviation bits
------------------------------------------------------------ */

#topbar{
	width: 910px;
	height: 60px;
	margin: 0 auto;
	}


#logo {
	padding: 16px 0 0 0;
	text-indent: -9999px;
	float: left;
}

#logo a{
	background: url(img/logo-evergreen.png) transparent 0 0 no-repeat;
	display: block;
	height: 55px;
	width: 240px;
}

#logoBioTech {
	padding: 16px 0 0 0;
	text-indent: -9999px;
	float: right;
}
#logoBioTech a{
	background: url(img/logo-biotech.png) transparent 0 0 no-repeat;
	display: block;
	height: 55px;
	width: 130px;
}



#nav {
	position: relative;
	float: left;
	margin: 16px 0 0 -16px;
	font-size: 15px;
	line-height: 26px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	color: #FFF;
	/*(text-indent: -9999px;*/
}
/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** MENU SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	padding: 		.75em 1.2em;
	text-decoration:none;
}

.sf-menu li a, .sf-menu li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:	#FFF;
}

.sf-menu li a:hover{
	color: #FFDC15;
}

.sf-menu li ul {
	border: solid 4px #62824A;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.sf-menu li li {
	background:		#FCF9D1;
}

.sf-menu li li a, .sf-menu li li a:visited {color: #E64D19; font-weight: bold;}

.sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:		#FFF;
	outline:		0;
	color: #E64D19;
}

.sf-menu li.current_page_item a {color: #DBE985;}
.sf-menu li ul li.current_page_item a {color: #A8AE55;}
.sf-menu li.current_page_parent a {color: #DBE985;}


/* ------------------------------------------------------------
    header bits - logo's etc
------------------------------------------------------------ */

body.home #header {height: 442px; width: 960px;	margin: 14px auto;}

#header {
	height: 83px; 
	width: 949px;
	margin: 115px auto 38px auto;  /* was 92px height */
}



/* ------------------------------------------------------------
    sub page header menu bits - top 10 facts etc
------------------------------------------------------------ */
#header .button{
	float: left;
	height: 83px;
	background-color: #37BF20;
	text-indent: -9999px;
}

#header .button p a{
	font-size: 22px;
	color: yellow;
}

#header .button p span{
	font-size: 12px;
	display: block;
	color: white;
}

#header a{display: block; height: 83px;}

#header #why a{width: 330px; background: url(img/headerButtonWhy.png) top left no-repeat;}
#header #neutral a{width: 296px; background: url(img/headerButtonNeutral.png) top left no-repeat;}
#header #top10 a{width: 323px; background: url(img/headerButtonTop10.png) top left no-repeat;}

#header #why a:hover{background: url(img/headerButtonWhy.png) 0px -83px}
#header #neutral a:hover{background: url(img/headerButtonNeutral.png) 0px -83px}
#header #top10 a:hover{background: url(img/headerButtonTop10.png) 0px -83px}



/* ------------------------------------------------------------
    content bits - main text etc etc
------------------------------------------------------------ */

#main-content {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 65px 0;
	//background: url(../img/side-bar-bg.png) 570px 0px no-repeat;

}

#main-content #body {
	margin: 0 0 0 30px;
	float: left;
	width: 555px;
	font-size: 13px;
	line-height: 21px;
	color: #0B1D2B;
}

#main-content #body.wide {width: 900px; margin: 0 0 0 30px;}

#main-content #body.cost-comparison {width: 960px; margin: 0;}

#main-content #body.boiler{width: 900px; margin: 0 0 0 30px;}
#main-content #body.boiler #main{width: 580px; float: left;}
#main-content #body.boiler #second{width: 300px; float: right;}

#main-content #body.boiler #boilerlist {
		width: 286px;
		float: right;
		border: 1px solid #CDE4C2;
		margin: 20px 0 0 0;
		background-color: #FAFAF5;
}

#main-content #body.boiler #boilerlist h1 {font-size: 22px; padding: 0; margin: 0;}
#main-content #body.boiler #boilerlist p {width: 300px; padding: 0; margin: 16px 0 0 0;}
#main-content #body.boiler #boilerlist ul {width: 300px; padding: 0 0 0 6px;}
#main-content #body.boiler #boilerlist ul li{background-image: none; padding: 0; margin:0 0 5px;}

#main-content #body.boiler ul {width: 520px;}


#main-content #body.suppliers{width: 950px; margin: 0;}
#main-content #body.suppliers p {margin: 8px 20px 15px 28px}


#main-content #body.suppliers li span{text-indent: -9999px;	display: block; margin-top: 4px; 	height: 13px; width: 60px; background: url(img/icon_pellet.png) 0 0 no-repeat;}

#main-content #body.suppliers li span.pellets {}
#main-content #body.suppliers li span.chips {background: url(img/icon_pellet.png) -76px 0 no-repeat;}
#main-content #body.suppliers li span.pellets-chips {height: 13px; width: 127px;}

#main-content #body p {margin: 5px 0 14px 0;}

#main-content #body p.small {font-size: 11px;}

#main-content #body p.note {font-size: 10px; margin:0; padding: 0; line-height:11px;  }



#main-content #body h1, #main-content #body h2, #main-content #body h3, #main-content #body h4{
	font-family:  Arial Narrow, Arial, Helvetica, sans-serif;
	color: #469D22;
	margin: 5px 0 5px 0;
}

#main-content #body h1{font-size: 28px;}

#main-content #body h2{color: #6FAE45;}

#main-content #body h3{font-size: 18px; margin: 40px 0 6px 0;}

#main-content #body-copy{
	margin: 0 0 30px 0;
}
#main-content #body ul {margin: 18px 10px;}

#main-content #body li{
	padding: 0 0 0 18px;
	background: url(img/bullet-small.gif) 0 3px no-repeat;
	line-height: 17px;
	margin: 0 0 18px 0;
}

#main-content #body li.left {clear: both; float: left; background: none; width: 260px;}
#main-content #body li.right {float: left; background: none;}\
#main-content #body div.supplier h1 {font-size: 22px; margin: 5px 0 3px 0;}
#main-content #body p.region {clear: both; font-size: 26px; margin: 0 0 0 26px;}
#main-content #body li span {display: block; color: #FF9900; font-weight: bold;}

#main-content #body-copy a:link, #main-content #body-copy a:visited {
	color: #539D3C;
	text-decoration: none;
	border-bottom: 1px solid;
}

#main-content #body-copy a:hover, #main-content #body-copy a:active {
	border-bottom: 2px solid;
}

#main-content #body-copy div.info-box {
	border: 5px solid #ACDF9D;
	margin: 16px 0 12px 0;
	padding: 10px 15px 15px 15px;
	width: 500px;	
}
#main-content #body-copy div.info-box h3{margin: 10px 0 0 0;}

#main-content #body-copy div.nudge {margin: 24px 0 50px 28px;}

#main-content #body-copy  .txt-box {
	background-color: #FFF;
	border: 1px solid #ACDF9D;
	margin: 12px 0 12px 0;
	width: 539px;
}

#main-content #body-copy .txt-box p.info-txt {
	display: block;
	color: #49463A;
	background: #F4F2DA;
	margin: 3px;
	padding: 10px 0 12px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}


#main-content #body-copy  .txt-box-comparison {
	background-color: #FFF;
	border: 1px solid #ACDF9D;
	margin: -40px 30px 30px 20px;
	width: 900px;
}

#main-content #body-copy .txt-box-comparison p.info-txt {
	display: block;
	color: #49463A;
	background: #F4F2DA;
	margin: 3px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}


#main-content #body.boiler #body-copy p.info-txt {
	padding: 10px 15px 12px;
	font-size: 12px;
}

/* table formating bits */

#main-content #body-copy table.table-boilers {
	width: 515px;
	text-align: left;
	margin: 0; padding: 0;
	border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7;
	}

#main-content #body-copy table.table-boilers th {
	padding: 6px 6px 6px 12px;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	}

#main-content #body-copy table.table-boilers td {
		padding: 6px 6px 6px 12px;
		border-top: 1px solid #C1DAD7;
		border-left: 1px solid #C1DAD7;
		}

#main-content #body-copy table.table-boilers tr.even {background-color: #F9F8F0;}
#main-content #body-copy table.table-boilers tr.first {background-color: #ACDF9D;}
#main-content #body-copy table.table-boilers tr.over {background-color: #FF9900; color: #FFF;}
#main-content #body-copy table.table-boilers tr.over a{color: #FFF;}


#main-content #body.boiler #second table.boiler-info {width: 300px; margin: 0 10px;}

/* blog/news article bits */

#main-content #body-copy div.entry {margin: 0 0 54px 0;}
#main-content #body-copy h2.blogHeader {font-size: 28px; color: #EC8D00;}
#main-content #body-copy h2.blogHeader a {font-size: 28px; color: #EC8D00;}
#main-content #body-copy h2.blogHeader a:hover {font-size: 28px; color: #469D22;}

#main-content #body-copy div.entry h1 {font-size: 20px;}

#main-content #body-copy #staff-info{display: none;}

#main-content #body-copy dd {font-weight: bold; color: #D34417; font-size: 14px;}
#main-content #body-copy dt {font-size: 12px; margin: 0 0 20px 0;}


#main-content #body #body-copy img.staff { 
	border: solid 1px #ACDF9D;
	padding: 2px;
	margin: -18px 7px 0 30px;
	float: right;	
}

#main-content #body #body-copy #staff-info h4 {
	font-size: 14px;
	font-weight: bold;
	color: #94AE84;
	margin: 0;
}

#main-content #body #body-copy #staff-info p {margin: 0 0 40px 0;}
	
	
#main-content #body-copy div.feeding	{width:275px; margin: 0 35px 50px 0; float: left; min-height: 300px;}
#main-content #body-copy div.third	{margin-right: 0;}
#main-content #body-copy div.bottom {width: 900px; margin: 30px 0 0 0;}
#main-content #body-copy div.bottom p {width: 440px; float: left}
#main-content #body-copy div.bottom img {float: right; margin: -30px 0 0 0;}



/* styling of the video containers. */
#main-content #body-copy a.myPlayer {
	display:block;
	width: 320px;
	height:240px; 
	text-align:center;
	margin:0;
	border:4px solid #BBB;
}

/* play button */
#main-content #body-copy a.myPlayer img {
	margin-top:70px;
	border:0px;
}

/* when container is hovered we alter the border color */
#main-content #body-copy a.myPlayer:hover {
	border:4px solid #777;
}

#main-content #body-copy div.video {
	border: 1px solid #DDD;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 15px;
	margin: 20px 40px 20px 0;
	float: left;
	width: 326px;
	background-color: #F3F3F3;
}

#main-content #body-copy div.video h1 {
	font-size: 16px;
	color: #469D75;
}

#main-content #body-copy div.video h1 span {color: #999;}

#main-content #body-copy div.video p {
	font-family: Arial;
	font-size: 15px;
	color: #0B1D2B;
	margin: 0;
}

/*-------------------------------------------------------------
	sub menu & side bar stuff here
-------------------------------------------------------------*/

#main-content #side-bar{
	width: 320px;
	float: right;
	margin: 0;
}

#side-bar span {text-indent: -9999px;} /* move text links far far away */

#side-bar #easy-to-use a{
	display: block;
	height: 66px; width: 315px;
	margin: 0;
	text-indent: -9999px;
	background: url(img/side-easyToUse-top.png) 0 -66px no-repeat;
}
#side-bar #easy-to-use a:hover{background: url(img/side-easyToUse-top.png) 0 0 no-repeat;}
#side-bar #easy-to-use img {margin: 0 0 30px 0;}

#side-bar #cost-comparison a{
	display: block;
	height: 166px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/side-costComparison.png) 0 0 no-repeat;
}
#side-bar #cost-comparison a:hover{background: url(img/side-costComparison.png) 0 -166px no-repeat;}


#side-bar #read-wood-chips a{
	display: block;
	height: 60px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/readWoodChipBoilers.png) 0 0 no-repeat;
}
#side-bar #read-wood-chips a:hover{background: url(img/readWoodChipBoilers.png) 0 -60px no-repeat;}


#side-bar #read-wood-pellets a{
	display: block;
	height: 60px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/readWoodPelletBoilers.png) 0 0 no-repeat;
}
#side-bar #read-wood-pellets a:hover{background: url(img/readWoodPelletBoilers.png) 0 -60px no-repeat;}

#side-bar #newsletter-signup a{
	display: block;
	height: 60px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/newsletterSignUp.png) 0 0 no-repeat;
}
#side-bar #newsletter-signup a:hover{background: url(img/newsletterSignUp.png) 0 -60px no-repeat;}

#side-bar #brochure-download a{
	display: block;
	height: 109px; width: 315px;
	margin: -10px 0 30px 0;
	text-indent: -9999px;
	background: url(img/brochureDownload.png) 0 0 no-repeat;
}
#side-bar #brochure-download a:hover{background: url(img/brochureDownload.png) 0 -115px no-repeat;}

#side-bar #real-logo a{
	display: block;
	height: 137px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/side-REAL.png) 0 0 no-repeat;
}
#side-bar #real-logo a:hover{background: url(img/side-REAL.png) 0 -138px no-repeat;}



#taggedOn{margin: 30px 0 0 0;}

#taggedOn #newsletter-signup a:link, #taggedOn #newsletter-signup a:visited{
	display: block;
	height: 60px; width: 315px;
	margin: 0 0 30px 0;
	text-indent: -9999px;
	background: url(img/newsletterSignUp.png) 0 0 no-repeat;
	border-bottom:none;
}
#taggedOn #newsletter-signup a:hover, #taggedOn #newsletter-signup a:active{background: url(img/newsletterSignUp.png) 0 -60px no-repeat;border-bottom:none;}

#taggedOn #brochure-download a:link,#taggedOn #brochure-download a:visited{
	display: block;
	height: 109px; width: 315px;
	margin: -10px 0 30px 0;
	text-indent: -9999px;
	background: url(img/brochureDownload.png) 0 0 no-repeat;
	border-bottom:none;
}
#taggedOn #brochure-download a:hover, #taggedOn #brochure-download a:active{background: url(img/brochureDownload.png) 0 -115px no-repeat;border-bottom:none;}






#suppliers {
	float: left;
	width: 600px;
}

#supplierMap {
	float: right;
	width: 323px;
}




/* ------------------------------------------------------------
    footer bits - serives and contact info etc
------------------------------------------------------------ */

#footer {
	font-size: 11px;
	background:  url(img/footer-bg-tree.gif) 450px bottom no-repeat;
	height: 125px;
	clear: both;
	width: 890px;
	margin: 0 auto;
	color: #FFF3C0;
	line-height: 15px;
}

#footer li a {color: #FFF3C0; text-decoration: none;}

#footer li a:hover, #footer li a:active{text-decoration: underline;}

#footer ul#menu {float: left; margin-top: 22px;}

#footer ul#menu li{float: left; position: relative; margin-right: 50px;}
#footer ul#menu li ul li{float: left; position: relative; width: 120px;  margin-right: 0px;}

#footer ul#menu li ul li a, #footer ul#menu li ul li {color: #A3C972;}


#footer ul#menu li ul {position: absolute; width: 80px;}

	


#footer #contact-info {
	margin: 7px 0 0 0;
	float:left;
	clear: both;
	color: #A3C972;
	margin-top: 22px;
}

#footer #contact-info li {display: inline; margin-right: 30px;}

#footer #contact-info li a {color: #A3C972;}

#footer #cost-guides {
	float: right;
	text-align: right;
	margin-top: 22px;
}

#footer #custardfish {float: right;	margin-top: 22px;}
#footer #custardfish a{color: #A3C972;}


/* ------------------------------------------------------------
    form bits
------------------------------------------------------------ */

#main-content #body-copy p.form {
	margin: 0 0 14px 0;
}

#main-content #body-copy form p
{
	margin: 0;
	padding: 0;
}

form input {
	border: 1px solid #AAA;
	width: 410px;
	margin: 0 0 12px 0;
	padding: 4px;
}

form input.wpcf7-validates-as-required {background-color: #FFFFA0;}

form input submit{
	border: 10px solid #AAA;
	width: 135px;
	margin: 0 0 12px 0;
}

form input.button, form #submit{
	width: 140px;
	background-color: #DCE987;
	margin: 14px 0 0 0;
	padding: 3px;
	
}

form input.button:hover, form #submit:hover{
	background-color: #479D23;
	color: #FFF;
}

form textarea {
	border: 1px solid #AAA;
	width: 410px;
	padding: 4px;
	font-family: Arial,Helvetica,sans-serif;
}


/* ------------------------------------------------------------
    reset GL lock form bits
------------------------------------------------------------ */

div.gsom-sa-wrapper {
	text-align: left !important; 
}

div.gsom-sa-wrapper p.plugin-support {display: none;}

div.gsom-optin-form input {
	float:left;
	border:1px solid #AAAAAA;
	margin:0 0 12px;
	padding:4px;
	width:410px;
}

div.gsom-sa-placeholder {
	margin:none !important;
	overflow: none !important; 
	text-align:left;
	width:450px !important;
}

/* ------------------------------------------------------------
					 	 	 	  END OF STYLE SHEET DOC   
------------------------------------------------------------ */