/*   COLOURS
     ___________                                                                         

Main green		#8CC647
Mid green		#53A12C
Dark Green		#060
Lime Yellow		#D2EB28


	


/*   MAIN STRUCTURE
________________________________________________________________________________________ */


body {
	color: #FFF;
	overflow-y:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	position: relative;
	background-color: #8CC647;
	}
	
#wrapper {
	background: url(../media/images/plantingtrees-bg.gif) center bottom repeat-x;
	}

#container {
	position: relative;
	padding-top: 0;
	overflow-y:auto;
}

#header {
	height: 330px;
	}
	
#home {
	margin-bottom: 80px;
	}
	
#products {
	padding-top: 20px;
	margin-bottom: 80px;
	}
	
#team { 
	padding-top: 20px;
	margin-bottom: 80px;
	}
	
#contact {
	padding-top: 20px;
	margin-bottom: 70px;
	}
	
#trees {
	padding-top: 20px;
	margin-bottom: 10px;
	}
	
#footer {
	margin-top: 340px;
	}


.fltrt { 
	float: right;
	margin-left: 20px;
}
.fltlft {
	float: left;
	margin-right: 20px;
}

 
/*   NAVIGATION
________________________________________________________________________________________ */



#nav {
	display: block;
	top: 350px;
	position: fixed;
	background: rgba(140, 198, 71, 0.8);
	font-size: 90%;
	width: 140px;
	z-index: 100;
	}
	
*html #nav {position: absolute;} /* fix for IE */
	
#nav ul { 
	margin: 0;
	color: #FFF;
	font-weight: bold;
	list-style-type: none;
	line-height: 110%;
	padding-bottom:5px;
	background-image: url(../media/images/greenrule1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	}
	
#nav li {
	padding: 10px 0 3px 0;
	margin:0;
	background-image: url(../media/images/greenrule1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	}
	
#nav a {
	display: block;
	line-height: 20px;
	padding: 0 5px;
}
	
#nav a:link, #nav a:visited, #nav a:active {color: #FFF;}

#nav a:hover {color: #D2EB28;}
	
	
	
/*   STYLES
________________________________________________________________________________________ */
	
	
#header {
	background-image:url(../media/images/header-withpacks2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a {font-weight: bold; text-decoration: none;}
a:link, a:active, a:visited {font-weight: bold; color: #D2EB28;}
a:hover {font-weight: bold; color: #FFF;}

a.bryt {font-weight: bold; text-decoration: none; color: #8CC647;}
a.bryt:link, a.bryt:active, a.bryt:visited {font-weight: bold; color: #8CC647;}
a.bryt:hover {font-weight: bold; color: #D2EB28;}

#product-head {
	height: 100px;
	margin-bottom: 40px;
	background-image: url(../media/images/heading-products.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#contact a {
	width:780px;
	height:62px;
	display:block;
	text-indent:-999px;
	overflow:hidden;
	background-image: url(../media/images/email-address.gif);
	background-position: left top;
}

#contact a:hover { background-position: 0 -64px;}

#welovetohear {
	height:100px;
	background-image: url(../media/images/weloveothear.gif);
	background-repeat: no-repeat;
	background-position: right top;
}


#team-head {
	margin-top: 100px;
	padding-top: 90px;
	background-image: url(../media/images/heading-family.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#team img {padding-bottom: 16px; } 

#trees-head {
	margin-top: 20px;
	padding-top: 80px;
	background-image: url(../media/images/heading-plantingtrees.gif);
	background-repeat: no-repeat;
	background-position: left top;
}




/*   TEXT STYLES
     ___________                                                                         */
	

	
p {line-height: 140%;}

h1#header {
	text-indent: -999px;
}
	
#home h2 {
	color: #8CC647;
	height: 38px;
	font-size: 10%;
	text-indent: -999px;
	background-image: url(../media/images/makethemost.gif);
	background-repeat: no-repeat;
	background-position: left top;}

#product-head h2 {color: #53A12C; font-size: 400%; text-indent: -999px;}

#products h3 {color: #060; padding: 11px 0 0 47px; height: 40px;}


#products h3.compostable {background: transparent url(../media/images/bullet-compostable.gif) no-repeat left top;}
#products h3.recycled {background: transparent url(../media/images/bullet-recycle.gif) no-repeat left top;}
#products h3.smart {background: transparent url(../media/images/bullet-apple.gif) no-repeat left top;}
/*#products h3.comingsoon {background: transparent url(../media/images/bullet-thumb.gif) no-repeat left top;}*/

#products p {font-size: 90%; line-height: 130%;}

#products p.british {
	padding-left: 54px;
	background-image: url(../media/images/smallflag.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
}

#products .footnote {line-height: 50%; font-size: 80%; font-weight:bold;}

#team p {text-align: right; font-size: 90%; color: #060;}

#team-head h2 {font-size: 50%; color: #8CC647; text-indent: -999px;}

#trees-head h2 {font-size: 50%; color: #8CC647; text-indent: -999px;}


#footer p {text-align: right; color: #060; font-size: 80%;}


/*   LIST STYLES
     ___________                                                                         */


#products ul {
	color: #D2EB28;
	font-weight: bold;
	list-style-type: disc;
	list-style-image: url(../media/images/bulletleaf.gif);
	font-size: 90%;
	line-height: 110%;
}

#products li {
	margin: 17px;
}