@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:-1758px; /* 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:1460px; width:940px; /*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:1425px;
	width:940px;
	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;
}

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

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

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

#header li{
	float:left;
}

#main_paste {
	position:relative;
	clear:left;
	margin:0 auto;
	padding:0;
	width:840px;
	height:1256px;
	background-image:url(images/bg-main-products.gif);
	background-repeat:no-repeat;
}
#main_emollient {
	position:relative;
	clear:left;
	margin:0 auto;
	padding:0;
	width:840px;
	height:1256px;
	background-image:url(images/bg-main-products.gif);
	background-repeat:no-repeat;
}
#main_rinse {
	position:relative;
	clear:left;
	margin:0 auto;
	padding:0;
	width:840px;
	height:1256px;
	background-image:url(images/bg-main-products.gif);
	background-repeat:no-repeat;
}
#main_gift {
	position:relative;
	clear:left;
	margin:0 auto;
	padding:0;
	width:840px;
	height:1256px;
	background-image:url(images/bg-main-products.gif);
	background-repeat:no-repeat;
}
#main_soap {
	position:relative;
	clear:left;
	margin:0 auto;
	padding:0;
	width:840px;
	height:1256px;
	background-image:url(images/bg-main-products.gif);
	background-repeat:no-repeat;
}


/* 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:17px;
}
#products h2 {
	margin:0;padding:0;
	font-weight:bold;
	font-family:Palatino, Helvetica, Arial;
	font-size:16px;
}
#products h3 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:17px;
}
#products h4 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:17px;
}
#products h5 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:17px;
}
#products h6 {
	margin:0;padding:0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:17px;
}

/* TOP-RIGHT IMAGE - MULTIPLE IMAGES STACKED AND HIDDEN */

#products #window0 {
	position:absolute;
	top:76px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-repeat:no-repeat;
	overflow:auto;
}

#products #window1 {
	position:absolute;
	top:76px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-repeat:no-repeat;
	overflow:auto;
	display:none;
}

#products #window2 {
	position:absolute;
	top:76px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-repeat:no-repeat;
	overflow:auto;
	display:none;
}

#products #window3 {
	position:absolute;
	top:76px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-repeat:no-repeat;
	overflow:auto;
	display:none;
}
#products #window4 {
	position:absolute;
	top:76px;
	left:362px;
	margin:0;
	padding:0;
	width:446px;
	height:292px;
	background-repeat:no-repeat;
	overflow:auto;
	display:none;
}


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

/*#subnav1 {position:absolute; top:417px; left:39px; margin:0; padding:0; width:153px; height:36px;}
#subnav2 {position:absolute; top:417px; left:211px; margin:0; padding:0; width:238px; height:36px;}
#subnav3 {position:absolute; top:417px; left:467px; margin:0; padding:0; width:189px; height:36px;}
#subnav4 {position:absolute; top:417px; left:673px; margin:0; padding:0; width:128px; height:36px;}*/

#content ul {
	margin:0;
	padding:0;
	list-style:none;
}
#content ul li {
	margin:0;
	padding-right:5px;
	float:left;
}

#subnav {
	position:absolute;
	top:376px;
	left:152px;
	width:560px;
}

#overview {position:absolute; top:441px; left:47px; margin:0; padding:0; width:750px; height:42px;}

.mybox {position:absolute; top:530px; left:86px; margin:0; padding:0; width:312px; height:282px;}

.product_desc {position:absolute; top:6px; left:186px; width:116px; height:259px; margin:0;font-size:12px;color:#fff;line-height:14px;}


/* SERIES OF 4 PRODUCT IMAGES (DIVS) - TWO IN EACH STACK FOR HIDE/DISPLAY CODE */

#product1 {position:absolute;top:530px;left:86px;margin:0;padding:0;width:312px;height:282px;}
#product1b {width:312px;height:282px;position:relative;}

#product2 {position:absolute; top:530px; left:439px; margin:0; padding:0; width:312px; height:282px;}
#product2b {position:absolute; top:530px; left:439px; margin:0; padding:0; width:312px; height:282px;}

#product3 {position:absolute; top:840px; left:86px; margin:0; padding:0; width:312px; height:282px;}
#product3b {position:absolute; top:840px; left:86px; margin:0; padding:0; width:312px; height:282px;}

#product4 {position:absolute; top:840px; left:439px; margin:0; padding:0; width:312px; height:282px;}
#product4b {position:absolute; top:840px; left:439px; margin:0; padding:0; width:312px; height:282px;}

/* General LAYOUT */

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

#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:13px;
	line-height:18px;
	text-align:left;
	color:#54711E;
}

/* 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;
}

#btnMeet
{
  display: block;
  width: 89px;
  height: 88px;
  background-image:url(images/meet-button.gif);
  background-repeat:no-repeat;
  float:left;
}
#btnMeet:hover
{ 
  background-position: 0 -88px;
}
#btnMeet 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;
}

#btnProductsPaste
{
  display: block;
  width: 105px;
  height: 36px;
  background-image:url(images/products-paste-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProductsPaste:hover
{ 
  background-position: 0 -36px;
}
#btnProductsPaste span
{
  display: none;
}
#main_paste #btnProductsPaste
{ 
  background-position: 0 -36px;
}

#btnProductsEmollient
{
  display: block;
  width: 110px;
  height: 36px;
  background-image:url(images/products-emollient-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProductsEmollient:hover
{ 
  background-position: 0 -36px;
}
#btnProductsEmollient span
{
  display: none;
}
#main_emollient #btnProductsEmollient
{ 
  background-position: 0 -36px;
}

#btnProductsRinse
{
  display: block;
  width: 113px;
  height: 36px;
  background-image:url(images/products-rinse-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProductsRinse:hover
{ 
  background-position: 0 -36px;
}
#btnProductsRinse span
{
  display: none;
}
#main_rinse #btnProductsRinse
{ 
  background-position: 0 -36px;
}

#btnProductsSoap
{
  display: block;
  width: 95px;
  height: 36px;
  background-image:url(images/products-soap-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProductsSoap:hover
{ 
  background-position: 0 -36px;
}
#btnProductsSoap span
{
  display: none;
}
#main_soap #btnProductsSoap
{ 
  background-position: 0 -36px;
}


#btnProductsGift
{
  display: block;
  width: 107px;
  height: 36px;
  background-image:url(images/products-gift-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProductsGift:hover
{ 
  background-position: 0 -36px;
}
#btnProductsGift span
{
  display: none;
}
#main_gift #btnProductsGift
{ 
  background-position: 0 -36px;
}

#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;
}