/*  Color Key                     */
/* -----------------------------  */
/*  Green: #48aa1f;               */
/*  Brown: #785b40;               */
/*  Blue: #4fb9d7;                */


/* Reset all default browser styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; }
ol,ul {	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; }

/* HTML Redefinition */

body#one {
	background-image: url('images/bg_1.jpg');
	background-attachment: fixed;
	}
	body#one h1 {
		font-size: 1.5em;
		line-height: 1.5em;
		padding-right: 10px;
	}
body#two {
	background-image: url('images/bg_2.jpg');
	background-attachment: fixed;
	}
body#three {
	background-image: url('images/bg_3.jpg');
	background-attachment: fixed;
	}
body#four {
	background-image: url('images/bg_4.jpg');
	background-attachment: fixed;
	}
body#five {
	background-image: url('images/bg_5.jpg');
	background-attachment: fixed;
	}

html, body {
	text-align: center;
	color: #785b40;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	}

.ie7 body {
	padding-top: 20px;
	}
.ie8 body {
	}

p {
	text-align: justify;
	padding: 10px 20px 10px 20px;
	}

h1 {
	font-size: 20px;
	padding: 0 0 0 20px;
	}
h2 {
	font-size: 17px;
/* 	font-weight: bold; */
	padding: 10px 0 0 20px;
	}

a, h3 {
    overflow: hidden;
}

h4 {
	font-size:16px; 
	padding: 0 0 0 20px;
	margin-bottom:-10px;
	color: #785b40;
}

b {
	font-weight: bold;
	}

em {
	font-style: italic;
	}

/* id */

#wrapper {
	width: 792px;
	margin: 20px auto 0px auto;
	background: url('images/bg-back.png') no-repeat;
	background-position: 0 459px;
	}

#leftcol {
	float: left;
	width: 427px;
	margin-right: 5px;
	text-align: left;
	}
	#leftcol ul {
		list-style: circle;
		padding: 10px 20px 10px 50px;
		}
	#leftcol a:link, #leftcol a:visited {
		text-decoration: none;
		color: #48aa1f;
		border-bottom: 1px dotted #48aa1f;
		}
	#leftcol a:hover {
		color: #4fb9d7;
		}
	#leftcol a.imglink {
		border: 0px;
		}
	#leftcol ul.pressul {
		list-style: none;
		}

#midcol {
	float: left;
	width: 170px;
	margin-right: 5px;
	}

#rightcol {
	float: left;
	width: 185px;
	}

#footer {
	width: 428px;
	height: 60px;
	background: url('images/footer-back.png') no-repeat;
	position: fixed;
	bottom: -41px;
	left: 4px;
	}
	#footer p {
		font-size: 10px;
		padding-left: 8px;
		}
	#footer a:link, #footer a:visited {
		color: #656152;
		text-decoration: none;
		}
	.footerclickholder {
		width: 24px;
		height: 18px;
		}
	.ie7 .footerclickholder {
		margin-left: -402px;
		}
		
	/* 24 x 18 */

/* Classes */

.center {
	text-align: center;
	}
.clear {
	clear: both;
	}
.divlink {
	height: 100%;
	text-indent: -9000px;
	display: block;
	border: 0px;
	cursor: pointer;
	}
.fleft {
	float: left;
	}
.fright {
	float: right;
	}
		
.pressthmb {
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	}

.imgloader {
	display: none;
	}

ul.upcomingevents li {
padding-bottom: 10px;
}


	
.leftblock {
	width: 427px;
	/* background: #fff; */
	padding: 20px 0 0 0;
	min-height: 380px;
	}
	.leftblocktop {
		width: 427px;
		height: 6px;
		/* background: url('images/leftblock-top.png') no-repeat; */
		margin-top: 5px;
		}
	.leftblockmiddle{
		margin:0 0 14px 0;
		}
		#leftcol .leftblock .leftblockmiddle ul {
			list-style: none;
			padding: 10px 0 10px 20px;
		}
	.leftblockbottom {
		width: 427px;
		height: 6px;
		/* background: url('images/leftblock-bottom.png') no-repeat; */
		}
	.leftblock .fleft {
		width: 200px;
		margin-right: 10px;
		}
		#leftcol .leftblock .fleft ul {
			list-style: none;
			padding: 10px 0 10px 20px;
			}
	.leftblock hr {
		width: 387px;
		margin-left: 20px;
		margin-bottom: 20px;
		border: 0px;
		height: 1px;
		background-color: #48aa1f;
		}
.midblockblue {
	width: 170px;
	/* background: url('images/midblock-blue-back.png') repeat-y; */
	color: #fff;
	padding-top: 10px;
	}
	.midblockblue p {
		/* text-align: left; */
		padding: 15px;
		}
	.midblockbluetop {
		width: 170px;
		height: 5px;
		/* background: url('images/midblock-blue-top.png') no-repeat; */
		margin: 5px 0 0 0;
		}
	.midblockbluebottom {
		width: 170px;
		height: 5px;
		/* background: url('images/midblock-blue-bottom.png') no-repeat; */
		}
	.midblockblue a:link, .midblockblue a:visited {
		color: #fff;
		border-bottom: 1px dotted #fff;
		text-decoration: none;
		}
	.midblockblue a:hover {
		}
.navtop {
	width: 170px;
	height: 5px;
	background: url('images/midblock-green-top.png') no-repeat;
	}
.navbottom {
	width: 170px;
	height: 5px;
	background: url('images/midblock-green-bottom.png') no-repeat;
	}

.rightblock {
	width: 185px;
	/* background: #fff; */
	min-height: 300px;
	padding-top: 30px;
	}
	.rightblocktop {
		width: 185px;
		height: 4px;
		/* background: url('images/rightblock-top.png') no-repeat; */
		}
	.rightblockbottom {
		width: 185px;
		height: 4px;
		/* background: url('images/rightblock-bottom.png') no-repeat; */
		}
	.rightblock a img {
		margin-bottom: 40px;
		}
	.rightblock a {
		display: block;
		}
	.rightblock a.social {
		display: inline;
		margin: 0px 10px 0px 10px;
		}

/* Backgrounds */ 

.bgtop {
	position: absolute;
	left: 50%;
	margin-left: -396px;
	background: url(images/bg-top-bigger-button.png) no-repeat;
	width: 792px;
	height: 459px;
	z-index: -10;
	}
	.ie7 .bgtop {
		margin-left: -396px;
		}
	.opera .bgtop {
		margin-top: 20px
		}
.bgbottom {
	width: 792px;
	height: 4px;
	background: url(images/bg-bottom.png) no-repeat;
	margin: 0px auto 20px auto;
	}
/* Text Classes */

.greenwide {
	color: #48aa1f;
	font-weight: bold;
	}
.bluewide {
	color: #4fb9d7;
	font-weight: bold;
	}
.bluenarrow {
	color: #4fb9d7;
	}

.testimonialname {
	padding: 0 0 0 30px;
	opacity: .6;
	filter: alpha(opacity = 60);
	}

.h0glcfact {
	width: 87px;
	height: 22px;
	background: url('images/h0-glcfact.png') no-repeat;
	display: block;
	text-indent: -9000px;
	margin: 0 0 0 40px;
	}

.greenshops {
	margin-top: 5px;
	}
/* Navigation */

#nav-home, #nav-about, #nav-services, #nav-clients, #nav-press, #nav-greentoolbox, #nav-contact { width: 170px; background: url('images/midblock-green-back.png') repeat-y; }

#nav-home a.navhome, #nav-about a.navabout, #nav-services a.navservices, #nav-clients a.navclients, #nav-press a.navpress, #nav-greentoolbox a.navgreentoolbox, #nav-contact a.navcontact { background-position: 0 -58px; }

a.navhome:link, a.navhome:visited,
a.navabout:link, a.navabout:visited,
a.navservices:link, a.navservices:visited,
a.navclients:link, a.navclients:visited,
a.navblog:link, a.navblog:visited,
a.navpress:link, a.navpress:visited,
a.navgreentoolbox:link, a.navgreentoolbox:visited,
a.navcontact:link, a.navcontact:visited { width: 175px;	height: 29px; display: block; text-indent: -9000px;	}
	
a.navhome:link,a.navhome:visited { background:url(images/nav-home.png) no-repeat; background-position:0 0; }
a.navhome:hover { background-position:0 -29px; }
a.navabout:link,a.navabout:visited { background:url(images/nav-about.png) no-repeat; background-position:0 0; }
a.navabout:hover { background-position:0 -29px; }
a.navservices:link,a.navservices:visited { background:url(images/nav-services.png) no-repeat; background-position:0 0; }
a.navservices:hover { background-position:0 -29px; }
a.navclients:link,a.navclients:visited { background:url(images/nav-clients.png) no-repeat; background-position:0 0; }
a.navclients:hover { background-position:0 -29px; }
a.navblog:link,a.navblog:visited { background:url(images/nav-blog.png) no-repeat; background-position:0 0; }
a.navblog:hover { background-position:0 -29px; }
a.navpress:link,a.navpress:visited { background:url(images/nav-press.png) no-repeat; background-position:0 0; }
a.navpress:hover { background-position:0 -29px; }
a.navgreentoolbox:link,a.navgreentoolbox:visited { background:url(images/nav-greentoolbox.png) no-repeat; background-position:0 0; }
a.navgreentoolbox:hover { background-position:0 -29px; }
a.navcontact:link,a.navcontact:visited { background:url(images/nav-contact.png) no-repeat; background-position:0 0; }
a.navcontact:hover { background-position:0 -29px; }

/* Accordion */

#accordion { margin-top:20px; }
.accenergy { background:url(images/acc-energy.jpg) no-repeat; }
.accwater { background:url(images/acc-water.jpg) no-repeat; }
.accair { background:url(images/acc-air.jpg) no-repeat; }
.accwaste { background:url(images/acc-waste.jpg) no-repeat; }
.accgreensupplychain { background:url(images/acc-greensupplychain.jpg) no-repeat; }
.accgreenbuildingelements { background:url(images/acc-greenbuildingelements.jpg) no-repeat; }
.acccommunityinvolvement { background:url(images/acc-communityinvolvement.jpg) no-repeat; }
	
.about .ui-accordion-header {
	width: 387px;
	height: 24px;
	display: block;
	text-indent: -9000px;
	margin: 0 0 0 20px;
	background-position: 0 0;
	}
.about .ui-accordion-header:hover {
		background-position: 0 -24px;
		cursor: pointer;
		}
	.about .ui-state-active, .about .ui-state-active:hover {
		background-position: 0 -48px;
		cursor: pointer;
		}

/* Small Accordion */
.accSgreenbizscorecard { background:url(images/acc-s-greenbizscorecard.jpg) no-repeat;}
.accSgreenactionplan { background:url(images/acc-s-greenactionplan.jpg) no-repeat;}
.accSgreenorientation { background:url(images/acc-s-greenorientation.jpg) no-repeat;}
.accSgreentracking { background:url(images/acc-s-greentracking.jpg) no-repeat;}
.accScommunication { background:url(images/acc-s-communication.jpg) no-repeat;}
.accSsustainabilityreporting { background:url(images/acc-s-sustainabilityreporting.jpg) no-repeat;}

.accSecoassessment { background:url(images/acc-s-ecoassessment.jpg) no-repeat;}
.accSecoeducation { background:url(images/acc-s-ecoeducation.jpg) no-repeat;}
.accSgettinggreen { background:url(images/acc-s-gettinggreen.jpg) no-repeat;}

.services .ui-accordion-header {
	width: 387px;
	height: 20px;
	display: block;
	text-indent: -9000px;
	margin: 1px 0 0 20px;
	background-position: 0 0;
	}
.services .ui-accordion-header:hover {
		background-position: 0 -20px;
		cursor: pointer;
		}
	.services .ui-state-active, .services .ui-state-active:hover {
		background-position: 0 -40px;
		cursor: pointer;
		}

/* Forms */

input.inputbox {
	border: 1px solid #785b40;
	color: #48aa1f;
	opacity: .6;
	filter: alpha(opacity = 60);
	}
input.inputbox:focus {
	opacity: 1;
	filter: alpha(opacity = 100);
	}
	
/* Blog Tooltip */

#tooltip-navblog {
	display: none;
	}
.tooltip-small {
	width: 182px;
	height: 75px;
	background: url(images/blog-bubble-side.png) no-repeat;
	display: none;
	}


/* Styleguide */

#styleguide h3 {
	font-size: 15px;
	padding: 10px 0 0 20px;
	}


/* IE 6 Warning */

.iewarning {
	width: 100%;
	text-align: left;
	height: 30px;
	position: fixed;
	z-index: 40;
	top: 0px;
	font-size: 10px;
	border-bottom: 1px solid yellow;
	margin-top: -1px;
	background-color: #feffef;
	}
	.iewarning p {
		padding: 10px 5px 5px 5px;
		margin: 0px;
		line-height: 9px;
		}
	.iewarning img {
		float: left;
		padding-right: 20px;
		margin-top: -5px;
		}


/* Browser Fixes */