@charset "utf-8";

* { margin: 0; padding: 0;}
img { border:none;}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #685a35;
}
body {
	background-image: url(../images/backdrop.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}
a { color: #728c21;}
	a:hover { text-decoration:none;}
p { line-height: 18px;}
h1 {}
h2 { 
	font-size: 14px;
	color: #3f2609;}

#container {
	width: 770px;
	margin: 0 auto;
	}
	
#header {
	height: 114px;
	}
	#header ul {
		list-style: none;
		}
	#header li {
		float: left;
		background-image: url(../images/vline.gif);
		background-repeat: no-repeat;
		background-position: right center;
		}
		#header li.nobackground{ background-image: none;}
	#header li a {
		display: block;
		padding: 5px 17px 5px 14px;
		color: #728c21;
		text-decoration: none;
		}
		#header a:hover { text-decoration: underline;}
		
#flash-banner {}

#divider-head {
	height: 5px;
	margin: 1px 0;
	background-image:url(../images/divider-head.gif);
	background-repeat: repeat-x;
	background-position: top;
	}

#wrapper {
	margin-top: 2px;
	background-color: #FFFFFF;
	}		
	#divider {
		margin: 1px 0px;
		}
	#leftcol {
		width: 385px;
		}
		#main-nav {
			background-color:#b2be66;
			padding-top: 4px;
			height: 136px;
			}
		#main-nav ul {
			list-style: none;
			padding: 0px 0px 23px 0px;
			}
		#main-nav a:link, #main-nav a:visited {
			display: block;
			padding: 3px 0px 3px 9px;
			color: #FFFFFF;
			text-decoration: none;
			
			}
			#main-nav a:hover {background-color: #728c21;}
		#content-left {
			padding: 16px;
			}
		#content-left #case-study{
			list-style: none;
			padding-left: 20px;
			}
			#content-left #case-study a { color: #3f2609; text-decoration: underline;}
			#content-left #case-study a:hover { text-decoration: none;}	
			
			
		#content-left ul, #content-right ul {
			padding: 10px 20px 20px 45px;
			}	
		#content-left li, #content-right li {
			line-height: 18px;
			}
			
		/*------------------leftcol solutions------------------------*/	
		
		#leftcol.solutions-left {
			width: 209px;}
		
		#leftcol.solutions-left h2{ text-indent: -3000px;}
		#leftcol.solutions-left p { padding: 10px; color: #5b5b5b;}
		
		#but-organic, #but-articles, #but-company,#but-contact,#but-green, #but-news { 
			height: 39px; 
			border-top: 1px solid #FFFFFF;
			border-bottom: 2px solid #FFFFFF;
			}
		#but-organic {	background-image:url(../images/but-solutions.gif);}
		#but-company {	background-image:url(../images/but-company.gif);}
		#but-articles {	background-image:url(../images/but-articles.gif);}
		#but-contact {	background-image:url(../images/but-contact.gif);}
		#but-green { background-image:url(../images/but-green.gif);}
		#but-news { background-image:url(../images/but-news.gif);}
		
		.greenback {
			background-image:url(../images/gradient-green.gif);
			background-repeat:repeat-x;
			background-color:#ecefd9;
			}
		.greyback {
			background-image:url(../images/gradient-grey.gif);
			background-repeat:repeat-x;
			background-color:#fcfcfc;
			}
		
		#leftcol.solutions-left ul {
			list-style: none;
			padding: 5px 0;
			}
			
		#leftcol.solutions-left a {
			display: block;
			padding: 6px 12px;
			color: #4a5c10;
			text-decoration: none;
			font-weight:bold;
			}
		#leftcol.solutions-left a:hover { background-color: #b2be66; color: #FFFFFF;}
		#leftcol.solutions-left input { padding: 2px 5px;}
		#leftcol.solutions-left .max-width {
			width: 185px;
			margin: 5px;
			border: 1px solid #b8b8b8;
			}
			
		
		/*------------------rightcol------------------------*/	
		
	#rightcol {
		width: 384px;
		}
		#info {
			height: 126px;
			color: #FFFFFF;
			background-color: #c7b993;
			padding: 7px 9px;
			}
		#content-right {
			padding: 16px;
			}
			
		/*------------------rightcol solutions------------------------*/		
		
		#rightcol.solutions-right {
			width: 560px;
			}
		
		#inner-left {
			width: 338px;
			padding: 17px 25px;
			}
			.singlecol { width: 515px !important;}
			
		#inner-left h1 {	
			color: #728c21;
			font-size: 20px;
			padding-bottom:20px;
			}
		#inner-left h2 {	
			color: #685a35;
			font-size: 16px;
			padding-bottom:18px;
			}
		#inner-left h3 {	
			color: #685a35;
			font-size: 12px;
			padding-bottom:18px;
			}
		#inner-left p {	
			color: #333333;
			font-size: 12px;
			padding-bottom:18px;
			line-height: 18px;
			}	
		#inner-left ul, #inner-left ol {	
			color: #333333;
			padding: 0 0 20px 30px;
			}
		#inner-left li {	
			line-height: 18px;
			}	
			
		#inner-right {
			width: 160px;
			padding: 55px 10px 0 0;
			}
			
		.keylist-top { background-image: url(../images/key-roundtop.gif); height: 5px;}	
		.keylist-middle { background-color: #b2be66; padding: 8px 13px; color: #FFFFFF; font-weight:bold; font-size: 14px;}	
		.keylist-bottom { background-image: url(../images/key-roundbottom.gif); height: 5px; margin-bottom: 8px;}	
		

#footer {
	clear:both;
	color: #c7b993;
	}
	#footer p {
		line-height: 33px;
		padding: 0 7px;
		}
	#footer a {
		color: #c7b993;
		}
		#footer a:hover {text-decoration:none; }
	#logos {
		width: 550px;
		margin: 15px auto 30px auto;
		}
	
/* ------------------contact ---------------------*/	
	
.contact-table td{ padding: 2px;}	
.contact-med  { padding: 2px 3px; width: 200px; border: 1px solid #cbcbcb;}
		

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

.gline1 { 
	height: 1px;
	background-color: #728c21;
	margin: 1px 0px;
	}
.gline2 {
	height: 3px;
	background-color: #728c21;
	margin: 1px 0px;
	}
.bline1 {
	height: 1px;
	background-color: #685a35;
	margin: 1px 0px;
	}
.bline2 {
	height: 3px;
	background-color: #685a35;
	margin: 1px 0px;
	}	
.bline3 {
	height: 33px;
	background-color: #685a35;
	margin: 1px 0px;
	}

.mind {
	width: 128px;
	background-image: url(../images/nav-mind.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
.spirit {
	width: 128px;
	background-image: url(../images/nav-spirit.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
.body {
	width: 128px;
	background-image: url(../images/nav-body.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	}
	
.icon-square {
	background-image: url(../images/icon-square.gif);
	background-repeat: no-repeat;
	background-position:left center;
	padding-left: 20px;
	}
	
.list-chile {
	list-style: url(../images/icon-chile.gif);
	}
	
.list-plus {
	list-style: url(../images/icon-plus.gif);
	}

ul.partner {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 515px;
}

ul.partner li{
	float: left;
	width: 250px;
	height: 110px;
	padding-right: 5px;
	padding-bottom: 10px;
}

ul.testimonial {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 515px;
	margin-bottom: 100px;
}

ul.testimonial li{
	float: left;
	width: 225px;
	height: 300px;
	padding-right: 5px;
	padding-bottom: 10px;
}



.right { float:right;}
.left { float: left;}
.green {color:#728c21;}

.small {font-size: 10px;}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#activelink {
	background: #fff !important; 
}