@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0; padding:0;
	height:100%;
	font-family:Helvetica, Arial, Verdana;
	color:#fff;
}
body {
	background-color:#fff;
	background-image:url(images/bg-palms.gif);
}
 
#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-350px; /* Set Margin Bottom to 1/2 of the height in #centered ADD 1/2 OF COPYRIGHT AND/OR FOOTER HEIGHT TOO!!*/
	width:1px;
}
 
#centered {
	position:relative; clear:left;
	height:722px; width:840px; /*max-width:800px; min-width:400px;*/  /*ALTERNATIVE: USE % and/or MIN MAX FOR WIDTH TO SIZE AS PERCENT OF BROWSER WIDTH MAKE SURE TO INCLUDE FOOTER/COPYRIGHT HEIGHT TOO!!!*/
	margin:0 auto;
	overflow:auto;
}
  
#content {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:722px;
	width:840px;
	padding:0;
	margin:0;
}

h3 {
	margin:15px 0;padding:0;
	font-weight:normal;
	font-family:Palatino, Helvetica, Arial;
	font-size:14px;
	color:#1860b2;
}

h4 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Palatino, Helvetica, Arial;
	font-size:14px;
	color:#54711E;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	color:#54711E;
	font-size:12px;
	line-height:17px;
}

#header{
	position:relative;
	margin:0;padding-top:40px;
	width:840px;
	height:88px;
}

#buy_online {
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	left:366px;
	height:30px;
	width:110px;
}

#header ul{
	margin:0;padding:0;
	list-style:none;
}

#header li{
	float:left;
}

#main {
	position:relative;
	clear:left;
	margin:0;
	padding:0;
	width:840px;
	height:502px;
	background-image:url(images/bg-main.gif);
	background-repeat:no-repeat;
}

/* Home Page */
#home h1 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:21px;
}
#home h2 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Palatino, Helvetica, Arial;
	font-size:18px;
	color:#1860b2;
}
#home h3 {
	margin:0;padding:0;
	font-weight:bold;
	font-family:Palatino, Helvetica, Arial;
	font-size:16px;
	color:#7a1601;
}
#home h4 {
	margin:0;padding:0;
	font-weight:bold;
	font-family:Palatino, Helvetica, Arial;
	font-size:17px;
	color:#658122;
}
#home #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-image:url(images/natural-beauty-products.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}	

#home #textbox {
	position:absolute;
	top:14px;
	left:8px;
	margin:0;
	padding:0;
	width:150px;
	height:265px;
}

#home .imagebox1{
	width:446px;
	height:292px;
	background-image:url(images/natural-beauty-products1.jpg);
	background-repeat:no-repeat;
}
#home .textbox{
	width:150px;
	height:265px;
	padding:8px 6px 8px 6px;
}
#home .imagebox2{
	width:446px;
	height:292px;
	background-image:url(images/orangutan-with-baby.jpg);
	background-repeat:no-repeat;
}
#home .imagebox3{
	width:446px;
	height:292px;
	background-image:url(images/rainforest.jpg);
	background-repeat:no-repeat;
}

/* Ingredients Page */

#ingredients #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#ingredients #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* Products Page */

#products h1 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:20px;
}
#products h2 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Palatino, Helvetica, Arial;
	font-size:16px;
	color:#8d589c;
}

#products #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-image:url(images/palm-oil-free.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}	

#products #textbox {
	position:absolute;
	top:14px;
	left:8px;
	margin:0;
	padding:0;
	width:150px;
	height:265px;
}

/* Shop Page */

#shop h3 {
	margin:15px 0 0 0;
}

#shop #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#shop #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* Events Page */

#events h3 {
	margin:15px 0 0 0;
}

#events #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#events #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* FAQ Page */

#faq h3 {
	margin:15px 0 0 0;
}

#faq h4 {
	color:#1860b2;
}

#faq #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#faq #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* Press Page */

#press h3 {
	margin:0;
}

#press #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#press #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* Wholesale Page */

#wholesale #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-image:url(images/chandler-farm-wholesale-login.jpg);
	background-repeat:no-repeat;
	overflow:auto;
}	

#wholesale #textbox {
	position:absolute;
	top:14px;
	left:8px;
	margin:0;
	padding:0;
	width:150px;
	height:265px;
}

#login_name{
	position:absolute;
	top:152px;
	left:111px;
	margin:0;
	padding:0;
	width:280px;
	height:20px;
	line-height:20px;
}
#login_pass{
	position:absolute;
	top:187px;
	left:111px;
	margin:0;
	padding:0;
	width:280px;
	height:20px;
	line-height:20px;
}
#textfield{
	border:0px;
	width:280px;
}
#textfield2{
	border:0px;
	width:280px;
}

/* Contact Page */

#contact h3 {
	margin:15px 0 0 0;
}

#contact #window {
	position:absolute;
	top:116px;
	left:362px;
	margin:0;
	padding:0;
	width:445px;
	height:292px;
	background-color:#d2edf4;
	overflow:auto;
}	

#contact #textbox {
	position:absolute;
	top:14px;
	left:15px;
	margin:0;
	padding:0;
	width:385px;
	height:265px;
}

/* General LAYOUT */

#copyright {
	top:590px;
	left:0px;
	position:absolute;
	width:840px;
	height:62px;
	margin:0;
	padding:50px 0 0 0;
	font-size:9px;
	color:#999;
}

#copytext {
	position:absolute;bottom:10px;left:26px;
}

#blog {
	width:106px;
	height:62px;
	margin:0 auto;
	padding:0;
}

/* LINKS */
a:link {
	color:#54711E;
	text-decoration: none;
}
a:visited {
	color:#54711E;
	text-decoration: none;
}
a:hover {
	color:#54711E;
	text-decoration: underline;
}
a:active {
	color:#54711E;
	text-decoration: underline;
}

#shop a:link {
	color:#1860b2;
	text-decoration: none;
}
#shop a:visited {
	color:#1860b2;
	text-decoration: none;
}
#shop a:hover {
	color:#1860b2;
	text-decoration: underline;
}
#shop a:active {
	color:#1860b2;
	text-decoration: underline;
}

/* GENERAL FONT STYLES */
p {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:14px;
	text-align:justify;
}

/* MAIN NAV BUTTONS */
#btnHome
{
  display: block;
  width: 92px;
  height: 88px;
  background-image:url(images/home-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnHome:hover
{ 
  background-position: 0 -88px;
}
#btnHome span
{
  display: none;
}

#btnIngredients
{
  display: block;
  width: 107px;
  height: 88px;
  background-image:url(images/ingredients-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnIngredients:hover
{ 
  background-position: 0 -88px;
}
#btnIngredients span
{
  display: none;
}

#btnProducts
{
  display: block;
  width: 91px;
  height: 88px;
  background-image:url(images/products-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProducts:hover
{ 
  background-position: 0 -88px;
}
#btnProducts span
{
  display: none;
}

#btnShop
{
  display: block;
  width: 89px;
  height: 88px;
  background-image:url(images/shop-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnShop:hover
{ 
  background-position: 0 -88px;
}
#btnShop span
{
  display: none;
}

#btnEvents
{
  display: block;
  width: 88px;
  height: 88px;
  background-image:url(images/events-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnEvents:hover
{ 
  background-position: 0 -88px;
}
#btnEvents span
{
  display: none;
}

#btnFaq
{
  display: block;
  width: 89px;
  height: 88px;
  background-image:url(images/faq-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnFaq:hover
{ 
  background-position: 0 -88px;
}
#btnFaq span
{
  display: none;
}

#btnPress
{
  display: block;
  width: 90px;
  height: 88px;
  background-image:url(images/press-button.gif);
  background-repeat:no-repeat;
  float:left;
}
#btnPress:hover
{ 
  background-position: 0 -88px;
}
#btnPress span
{
  display: none;
}

#btnWholesale
{
  display: block;
  width: 94px;
  height: 88px;
  background-image:url(images/wholesale-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnWholesale:hover
{ 
  background-position: 0 -88px;
}
#btnWholesale span
{
  display: none;
}

#btnContact
{
  display: block;
  width: 91px;
  height: 88px;
  background-image:url(images/contact-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnContact:hover
{ 
  background-position: 0 -88px;
}
#btnContact span
{
  display: none;
}

#btnBlog
{
  display: block;
  width: 106px;
  height: 62px;
  background-image:url(images/our-blog.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnBlog:hover
{ 
  background-position: 0 -62px;
}
#btnBlog span
{
  display: none;
}

#btnBuy
{
  display: block;
  width: 110px;
  height: 30px;
  background-image:url(images/buy-online-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnBuy:hover
{ 
  background-position: 0 -30px;
}
#btnBuy span
{
  display: none;
}