/*Global Styling
------------------------------------------------*/

html, body {
	padding: 0px;
	margin: 0px;
}

p, a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

a:link, a:hover, a:active, a:visited { text-decoration: none; }

a:link, a:visited { color: #97a544; }

a:hover, a:active { color: #5d5453; }

ul { list-style-type: none; }

.H1 {
	color: #97a544;
	font-size: 20px;
	text-decoration: none;
}

.H2 {
	color: #5d5453;
	font-size: 16px;
}

.H3 {
	color: #5d5453;
	font-size: 14px;
}

.H4 {
	color: #97a544;
	font-size: 14px;
}



img { border: none; }

.bold {
	font-weight: bolder;
	font-style: italic;
}

.bold2 {
	font-weight: bolder;
}

.learn {
	font-size: 11px;
	color: #5d5453;
	text-decoration: none;
}

.green {
	color: #97a544;
}



/*Header
------------------------------------------------*/

#header {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 802px;
	height: 240px;
	border-bottom: solid 2px white;
	background-color: transparent;
	background: url(images/natural.jpg);
}

#bar {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	width: 100%;
	height: 30px;
	background-color: #97a544;
	margin: 0px;
	padding: 0px;
}

#dinc {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 210px;
	height: 30px;
	margin: 0px;
	padding-top: 7px;
	background-color: #b3bc4d;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #5d5453;
}

html>body #dinc {
	height: 23px;
}

#logo {
	position: absolute;
	top: 30px;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 210px;
	background-color: transparent;
	text-decoration: none;
}

#statement {
	position: absolute;
	top: 30px;
	left: 210px;
	margin: 0px;
	padding-left: 80px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-top: 40px;
	width: 520px;
	height: 290px;
	background-color: transparent;	
	font-size: 20px;
	font-weight: lighter;
	line-height: 150%;
	color: #97a544;
	text-decoration: none;
}

html>body #statement {
	width: 400px;
	height: 210px;
}



/*Sidebar
------------------------------------------------*/

#sidebar {
	position: absolute;
	left: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	top: 240px;
	width: 210px;
	height: 300px;
	background-color: white;
}

#nav {
	position: absolute;
	padding: 0px;
	margin: 0px;
	top: 18px;
	left: 15px;
	height: 150px;
	width: 175px;
	background-color: white;
}

#menu {
	padding: 0px;
	margin: 0px;
}

#menu li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#menu a {
	display: block;
	width: 175px;
	height: 15px;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-size: 14px;
	background-color: transparent;
}

#fact {
	position: absolute;
	top: 186px;
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 135px;
	background-color: #c4d656;
}

/*Main
------------------------------------------------*/

#main {
	position: absolute;
	left: 210px;
	right: 0px;
	top: 240px;
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: auto;
	border-top: solid 2px white;
	border-left: solid 2px white;
	background-color: #f0f0f0;
}

#contents {
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: auto;
	background-color: #f0f0f0;
	background: url(images/beans.gif);
}

/*Main > Contents: Home
------------------------------------------------*/
.picon { 
	height: 128px;
	font-size: 11px;
	color: #5d5453;
	line-height: 15px;
	text-decoration: none;
	background-color: transparent;
 }

#planet {
	position: relative;
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left:20px; 
	padding-right: 20px; 
	width: 155px;
	height: 300px;
	border-right: solid 2px white;
	background-color: #f0f0f0;
}

* html #planet {
   	\width: 195px; /* for IE5 and IE6 in quirks mode */
    w\idth: 155px; /* for IE6 in standards mode */
  	\height: 320px;
  	heigh\t: 300px;
  } 



#people {
	position: relative;
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left:20px; 
	padding-right: 20px; 
	width: 155px;
	height: 300px;
	border-right: solid 2px white;
	background-color: #f0f0f0;
}

* html #people {
   	\width: 195px; /* for IE5 and IE6 in quirks mode */
    w\idth: 155px; /* for IE6 in standards mode */
  	\height: 320px;
  	heigh\t: 300px;
  } 

#products {
	position: relative;
	float: left;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left:20px; 
	padding-right: 20px; 
	width: 155px;
	height: 300px;
	background-color: #f0f0f0;
}

* html #products {
   	\width: 195px; /* for IE5 and IE6 in quirks mode */
    w\idth: 155px; /* for IE6 in standards mode */
  	\height: 320px;
  	heigh\t: 300px;
  } 

.icon {
	position: relative;
	left: 30px;
}



/*Main > Contents: 2ndary Pages
------------------------------------------------*/
	
#subhead {
	position: relative;
	width: 590px;
	height: 75px;
	background-color: #f0f0f0;
}

#subimage {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 75px;
	background-color: transparent;
}

.Hsub {
	position: relative;
	top: 35%;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 510px;
	height: auto;
	font-size: 20px;
	text-decoration: none;
	color: #97a544;
	background-color: transparent;
}

.P1 {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
	padding-right: 90px;
	border-top: solid 2px white;
	font-size: 12px;
	line-height: 150%;
	text-decoration: none;
	color: #5d5453;
	background-color: transparent;
}

.people {
	position: relative;
	width: 250px;
	background-color: transparent;
}

.float_right {
	position: relative;
	float: right;
	width: 151px;
	margin-left: 15px;
}

.prolist {
	list-style-type: disc;
	padding-right: 50px;
}



/*Footer
------------------------------------------------*/

#footer {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: 130px;
	background-color: white;
}

#footer_brands {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 115px;
	width: 375px;
	background-color: white;
}

.logo {
	position: relative;
	float: left;
	width: 125px;
	height: 75px;
	text-align: center;
	background-color: transparent;
}

#cpyright {
	position: relative;
	float: left;
	padding-top: 10px;
	border-top: solid 2px #f0f0f0;
	width: 590px;
	height: 35px;
	text-align: center;
	background-color: transparent;
	font-size: 10px;
}

.pright {
	color: #5d5453;
}

.links {
	font-size: 11px;
	color: #a0a0a0;
	margin-top: -5px;
}