/* --------------------- SB -------------------------------------------- */
/* ------------------ clear -------------------------------------------- */
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }

/* ------------------ global elements----------------------------------- */
body { 
	background:#21340b;
	text-align:center; 
	font:12px/16px Lucida Grande, Arial, Helvetica, sans-serif; 
	color:#dbf1c2;
	}
blockquote { margin-left:10px; margin-right:10px; }
h1	{ font-size:14px; color:#dbf1c2; }
h2	{ font-size:13px; color:#dbf1c2; }
h3	{ font-size:13px; color:#dbf1c2; }
h1 span,h2 span,h3 span	{ display:none; }
a:link,a:visited	{ color:#b6e26a; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#9ec854; text-decoration:none; outline:none; }

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

div.clear	{ clear:both; height:.01em; overflow:hidden; }
img.img-left { float:left; margin:0px; }
img.img-right { float:right; margin:0px; }


/* -------- wraps-containers -------------------------------------------- */
#container-wrap {
	background:#4f6726 url(../images/bg-wrap.jpg) repeat-x;
	margin:0 auto;
	}
	
#wrap {
	width:993px;
	margin:0 auto;
	text-align:left;
	}

#masthead {
	background:url(../images/img-masthead.jpg) no-repeat;
	width:993px;height:144px;
	float:left;
	}

#logo {width:211px;height:144px;float:left;}
#logo a {display:block;width:211px;height:144px;float:left;}
#logo span {display:none;}

/* ------- headers ------------------------------------------------------ */
.container-header {width:993px;float:left;}
#header-left { 
	background:url(../images/bg-header-left.jpg) no-repeat;
	width:483px;
	height:327px; 
	float:left;
	} 
#header-right { 
	background:url(../images/bg-header-right.jpg) no-repeat;
	width:510px;
	height:327px; 
	float:left;
	} 
	
#header-stevia {background:url(../images/header-stevia.jpg) no-repeat; width:456px; height:289px; margin:7px 0 0  24px; float:lfet;}

#flash-container {width:456px; height:289px;padding:7px 0 0 24px; float:left;}

#promo-container {background:url(../images/btn-header-index1.jpg) no-repeat;width:456px; height:289px;margin:7px 0 0 24px; float:left;}
#promo-container span {display:none;}
#promo-container a {display:block; width:456px; height:289px;}
#promo-container a:hover {background:url(../images/btn-header-index1.jpg) -0px -289px no-repeat;}
/* ----- column-left ---------------------------------------------------- */
#column-left {
	width:483px;
	float:left;
	}
	#column-left p { line-height: 24px; padding:0px 10px 10px 19px; }
	
			
/* ----- column-right  -------------------------------------------------- */
#column-right {
	width:510px;
	float:left;
	}
	#column-right p { line-height: 24px; padding:0px 10px 10px 20px; }

#column-right-thankyou {
	width:510px;
	float:left;
	height:200px;
	}


/* ----- buttons ----- */
#btn-container-index {
	width:245px;
	height:186px;
	float:left;
	}

#btn-header-order {
	background:url(../images/btn-header-order.jpg) no-repeat;
	width:97px;
	height:46px;
	margin:242px 0 0 0;
	float:right;
	}
	#btn-header-order span {display:none;}
	#btn-header-order a {display:block;width:97px;height:46px;}
	#btn-header-order a:hover {	background:url(../images/btn-header-order.jpg) -0px -46px no-repeat; }

#btn-nav { 
	background:url(../images/btn-nav.jpg) no-repeat; 
	width:163px; 
	height:138px; 
	}
	#btn-nav span { display: none; }
	#btn-nav li, #btn-nav a { height:44px; display:block; } 
	#btn-nav li { float:left; list-style:none; display:inline; }
	#btn-nav-01, #btn-nav-02 { width: 163px; height:44px;}
	#btn-nav-01 {padding-top:31px;}
	#btn-nav-01 a:hover { background:url(../images/btn-nav.jpg) -0px -169px no-repeat;} 
	#btn-nav-02 a:hover { background:url(../images/btn-nav.jpg) -0px -213px no-repeat;} 

#btn-beverages {
	background:url(../images/btn-beverages.gif) no-repeat;
	width:164px;
	height:51px;
	cursor:pointer;
	}
	#btn-beverages span {display:none;}
	#btn-beverages a {display:block;width:164px;height:51px;}
	#btn-beverages a:hover {background:url(../images/btn-beverages.gif) -0px -51px no-repeat; }

#btn-dishes {
	background:url(../images/btn-dishes.gif) no-repeat;
	width:156px;
	height:51px;
	cursor:pointer;
	}
	#btn-dishes span {display:none;}
	#btn-dishes a {display:block;width:156px;height:51px;}
	#btn-dishes a:hover {	background:url(../images/btn-dishes.gif) -0px -51px no-repeat; }

#btn-desserts {
	background:url(../images/btn-desserts.gif) no-repeat;
	width:163px;
	height:51px;
	cursor:pointer;
	}
	#btn-desserts span {display:none;}
	#btn-desserts a {display:block;width:163px;height:51px; cursor:pointer;}
	#btn-desserts a:hover {	background:url(../images/btn-desserts.gif) -0px -51px no-repeat; }


/* -- jquery -- */
#btn-container {width:483px; float:left;}

#shell-beverages {width:164px;float:left;}
#shell-dishes {width:156px;float:left;}
#shell-desserts {width:163px;float:left;}

/* ----- bottom-wrap ----- */
#bottom-wrap {
	height:5px;
	clear:both;
	width:100%;
	}
	
/* ------ subhead framework ------------------------------------------------- */
#title-contact {
	background:url(../images/title-contact.jpg) no-repeat;
	width: 510px;
	height: 41px;
	float:left; 
	}
	#title-contact span {display:none;}	

/* ------ navigation  ------------------------------------------------------- */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:662px; 
	height:48px; 
	margin-top:49px;
	padding:0; float:right;
	}
	#nav span { display: none; }
	#nav li, #nav a { height:48px; display:block; } 
	#nav li { float:left; list-style:none; display:inline; }
	#nav-01 { width: 81px;}
	#nav-02 { width: 97px;}
	#nav-03 { width: 163px;}
	#nav-04 { width: 128px;}
	#nav-05 { width: 75px;}
	#nav-06 { width: 104px;}
	#nav-01 a:hover { background:url(../images/nav.jpg)  -0px -48px no-repeat; }
	#nav-02 a:hover { background:url(../images/nav.jpg) -81px -48px no-repeat; }
	#nav-03 a:hover { background:url(../images/nav.jpg) -178px -48px no-repeat; }
	#nav-04 a:hover { background:url(../images/nav.jpg) -341px -48px no-repeat; }
	#nav-05 a:hover { background:url(../images/nav.jpg) -469px -48px no-repeat; }
	#nav-06 a:hover { background:url(../images/nav.jpg) -544px -48px no-repeat; }
	body#index #nav-01 { background:url(../images/nav.jpg)  -0px -48px no-repeat; }
	body#about #nav-02 { background:url(../images/nav.jpg) -81px -48px no-repeat; }
	body#what-is-soooo-sweet #nav-03 { background:url(../images/nav.jpg) -178px -48px no-repeat; }
	body#what-is-stevia #nav-04 { background:url(../images/nav.jpg) -341px -48px no-repeat; }
	body#contact #nav-06 { background:url(../images/nav.jpg) -544px -48px no-repeat; }

/* -------------- footer --------------------------------------------------- */
#footer-container {background:url(../images/bg-footer-container.jpg) repeat-x; height:129px; margin:0 auto;}
#footer { width:993px; margin:0 auto; text-align:center;}
#footer p { color:#849861; padding:55px 0 15px 0; font-size:11px;}
#footer a:link, #footer a:visited { color:#bad192; }
#footer a:hover, #footer a:active { color:#849861; }