/*

Copyright (c) 2008, Yahoo! Inc. All rights reserved.

Code licensed under the BSD License:

http://developer.yahoo.net/yui/license.txt

version: 2.6.0

*/



/* Reset all the browser default styles */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} /* remember to define focus styles! */

:focus {

	outline: 0;

}



body {

font-family:Arial,Helvetica,sans-serif;

font-size:62.5%;

background: #ffffff url(img/bg2.gif) repeat-x top center;

font-family:verdana,arial,helvetica,sans-serif;

}



/* Headings */



/* remember to add line-height for all headings */



h1,h2,h3,h4,h5,h6 {

  line-height: 1.3em;

	margin-bottom:1em;

}



h1 {



}



h2 {

border-bottom:1px solid #E5E5E5;

color:#018230;

font-size:28px;

line-height:32px;

margin-bottom:16px;

padding-bottom:7px;

}



h3 {

color:#018230;

font-size:20px;

line-height:24px;

margin-bottom:16px;



}



h4 {

color:#018230;

font-size:12px;

font-weight:bolder;

font-family:verdana,arial,helvetica,sans-serif;

margin-bottom:20px;

margin-top:30px;

line-height:16px;

}



h5 {

color:#018230;

font-family:verdana,arial,helvetica,sans-serif;

font-size:12px;

line-height:16px;

}



h6 {



}





#content-left h5{

border-bottom:1px solid #E5E5E5;

color:#018230;

font-family:verdana,arial,helvetica,sans-serif;

font-size:12px;

line-height:16px;

margin-bottom:20px;

margin-top:29px;

padding-bottom:7px;

}



/* Paragraphs */



p {

color:#626262;

font-family:verdana,arial,helvetica,sans-serif;

font-size:12px;

line-height:16px;

margin-bottom:1.4em;

}



/* Lists */



ul {

	color:#626262;

	font-family:verdana,arial,helvetica,sans-serif;

	font-size:12px;

}



ul li {

	list-style: disc outside none;

}



ol {

	color:#626262;

	font-family:verdana,arial,helvetica,sans-serif;

	font-size:12px;

  margin-bottom: 15px;

}



ol li {

	list-style:decimal outside none;

margin-bottom:9px;

margin-left:20px;

}

#content-left ul{

margin-bottom: 17px;

}

#content-left ul li{

font-size:12px;

list-style:disc outside none;

margin-bottom:8px;

margin-left:30px;

padding-left:1px;

}

#content-left ol li{

list-style:decimal outside none;

margin-bottom:8px;

margin-left:30px;

padding-left:1px;

}



/* Blockquote */



blockquote {



}



/* Links */



a:link, a:visited {



}



a:hover, a:active {



}



/* Tables */



table {



}



tr {



}



th {



}



td {



}



/* Text formatting */



b, strong {

  font-weight:bold;

}



i,em {

  font-style:italic;

}





/* Wordpress image styles */



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



/* end of image styles */



#wrapper{

  width: 960px;

	margin: 0 auto;

}



#header{

height:135px;

position:relative;

width:960px;

}

h1#logo a{

background:url("img/logo.gif") no-repeat scroll left top transparent;

display:block;

height:114px;

margin-left:29px;

text-indent:-9999px;

width:335px;

}



#nav{

right: 0px;

position:absolute;

top:58px;

}

#nav ul li{

background:url("img/nav-bg.gif") no-repeat scroll right top transparent;

display:inline;

float:left;

height:57px;

padding:18px 15px 0;

}

#nav ul li a{

color:#626262;

display:inline-block;

font-size:18px;

height:40px;

text-decoration:none;

}

#nav ul li a:hover{

	color:#acacac;

	background: transparent url(img/underline2.gif) no-repeat scroll 5px 25px;

}



#nav ul li a.active {

	color:#018230;

  background:url("img/underline.gif") no-repeat scroll 3px 27px transparent;

}



#intro{

  width: 960px;

	height: 350px;

	background: transparent url(img/intro.jpg) no-repeat scroll bottom left;

	position: relative;	

}



#intro h2{

border-bottom:medium none;

color:#FFFFFF;

font-size:45px;

left:33px;

position:absolute;

top:30px;

}

#intro h3{

color:#FFFFFF;

font-size:20px;

left:34px;

line-height:25px;

position:absolute;

top:105px;

}

a.quote{

background:url("img/quote.gif") no-repeat scroll left top transparent;

display:block;

height:40px;

left:35px;

position:absolute;

text-indent:-9999px;

top:210px;

width:188px;

}

a.quote:hover{

background:url("img/quote.gif") no-repeat scroll left bottom transparent;

}

a.talk{

background:url("img/talk.gif") no-repeat scroll left top transparent;

display:block;

height:36px;

left:231px;

position:absolute;

text-indent:-9999px;

top:211px;

width:131px;

}

a.talk:hover{

background:url("img/talk.gif") no-repeat scroll left bottom transparent;

}

#ecodepo{

background:url("img/ecodepo.gif") no-repeat scroll left top transparent;

display:block;

height:43px;

left:353px;

position:absolute;

text-indent:-9999px;

top:278px;

width:78px;

}



#threeboxes{

  width:960px;

}

#threeboxes-inner{

padding: 0 45px 0 30px;

}

#home-blurb{

width:272px;

margin-right:33px;

float: left;

}

#your-pods{

width:272px;

margin-right:33px;

float: left;

}

#your-pods ul{

margin-top:-14px;

}

#your-pods li{

background:url("img/bullet.gif") no-repeat scroll 0 11px transparent;

border-bottom:1px solid #E5E5E5;

display:block;

height:43px;

padding-left:32px;

}

#your-pods li a{

color:#626262;

font-size:12px;

line-height:39px;

text-decoration:none;

}

#your-pods li a:hover{

  color:#018230;

text-decoration:underline;

}

#latest-news{

width:272px;

float: left;

}

a.read-on{

width: 76px;

height: 28px;

display:block;

background: transparent url(img/read.gif) no-repeat scroll top left;

text-indent: -9999px;

}

a.read-on:hover{

background: transparent url(img/read.gif) no-repeat scroll bottom left;

}

.clear{

  clear:both;

}

#footer{

background:url("img/footerbg.gif") repeat-x scroll center top transparent;

}

#footer-inner{

background:url("img/footer-green.jpg") no-repeat scroll -46px 20px transparent;

height:130px;

margin:0 auto;

position:relative;

width:960px;

}

#footer-inner p{

font-size:11px;

left:30px;

position:absolute;

top:69px;

}

#footer-inner p a{

color:#626262;

text-decoration:none;

}

#footer-inner p a:hover{

  color:#018230;

	text-decoration: underline;

}

a#sustain{

background:url("img/sustain.gif") no-repeat scroll left top transparent;

height:65px;

left:684px;

position:absolute;

text-indent:-9999px;

top:67px;

width:114px;

}

a#waste{

background:url("img/waste.gif") no-repeat scroll left top transparent;

height:53px;

left:814px;

position:absolute;

text-indent:-9999px;

top:68px;

width:97px;

}



#content{

  width: 960px;

}

#content-inner{

  padding-left: 30px;

}

#page-title{

  height: 115px;

}

#page-title h2{

  font-size: 45px;

	color: #ffffff;

	border: none;

	padding-top: 17px;

}

#content-left{

width: 604px;

float: left;

}

#content-right{

width: 274px;

float:right;

}



.right{

  float:right;

}

#content-right ul{

margin-top:-14px;

}

#content-right li{

background:url("img/bullet.gif") no-repeat scroll 0 11px transparent;
border-bottom:1px solid #E5E5E5;
display:block;
padding-bottom:10px;
padding-left:32px;
padding-top:10px;

}

#content-right li a{

color:#626262;
font-size:12px;
line-height:20px;
text-decoration:none;

}

#content-left a{

color:#626262;

font-size:12px;

/*line-height:39px;*/

text-decoration:underline;

}





#content-right li a:hover, #content-left a:hover{

  color:#018230;

text-decoration:underline;

}

a#quote2{

background:url("img/quote2.gif") no-repeat scroll left top transparent;

display:block;

height:40px;

left:35px;

text-indent:-9999px;

top:210px;

width:188px;

margin-top: 25px;

}

a#quote2:hover{

background:url("img/quote2.gif") no-repeat scroll left bottom transparent;

}

#ecodepo2{

background:url("img/ecodepo.gif") no-repeat scroll left top transparent;

display:block;

height:43px;

left:353px;

text-indent:-9999px;

width:78px;

margin-top: 25px;

}

/* Forms */



#enquiry_form input, #enquiry_form textarea, #enquiry_form select {

font-family:verdana,arial,helvetica,sans-serif;

font-size:12px;

padding: 3px;

}





#enquiry_form select {

	padding: 0px;

}

/* #enquiry_form input:focus, #enquiry_form textarea:focus {

background: #e2fbeb;

} */



#enquiry_form td {

padding:0.5em 1em;

color:#626262;

font-family:verdana,arial,helvetica,sans-serif;

font-size:12px;

line-height:16px;

vertical-align: top;

}



#Location {

	width: 208px;

}

.errors{

background:url("img/errors.gif") no-repeat scroll 4px 1px #168C41;

color:#FFFFFF;

font-size:11px;

margin-bottom:20px;

padding:15px 0 16px 40px;

}

input.submit{

	width: 93px;

	height: 40px;

	display: block;

	border: none;

	background: transparent url(img/submit.gif) no-repeat scroll top left;

	text-indent: -9999px;

	cursor: pointer;

}



#content-right li.active a{

color:#018230;

font-style:italic;

}

#content-right li.active{

}

#content-left td{

border-left:1px solid #E5E5E5;

padding-left:29px;

padding-right:30px;

width:231px;

}

#content-left td.first{

padding-left: 0px;

border-left: 0px;

}

img#eco-contact{

margin-right:45px;

margin-top:100px;

}



table#enquiry_form{



}

table#enquiry_form td{

border-left:medium none;

padding-bottom:10px;

padding-left:0;

}

table#enquiry_form td{

}

#content-left table.around td{

border-left:medium none;

padding-bottom:0px;

padding-left:0;

}