
/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#211f1f;
	background-color:#A69B84;
	}
	
/*fixing firefox outline*/

a:active{
	outline:none;
	}
	
:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
img a{
	border:none;
	}
	
* {margin:0; 
	padding:0;
	}
	
	
	
	
	
	
	

/*TEXT STYLES
================================================================================*/

h1{
	padding:0 0 6px 0;
	margin:0;
	line-height:160%;
	text-align:right;
	}
	
h2{
	padding:8px 0 20px 50px;
	margin:0;
	font:normal 23px Georgia, "Times New Roman", Times, serif;
	color:#3f3331;
	line-height:150%;
	text-align:center;
	}

h3{
	padding:0 0 10px 0;
	margin:0;
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#000;
	line-height:100%;
	}
	
h4{
	padding:0 0 9px 0;
	margin:0;
	font:normal 24px Georgia, "Times New Roman", Times, serif;
	color:#211f1f;
	line-height:110%;
	}


h5 a {
	padding:0 0 9px 0;
	margin:0 0 9px 0;
	font:normal 18px Arial, Helvetica, sans-serif;
	color:#0066FF;
	line-height:110%;
	text-decoration:none;
	}


/* NAVIGATION STYLES
================================================================================*/

#menu{
	width:540px;
	position:relative;
	}
	
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
	z-index:10; 
	z-index:100;
	position:absolute;
	width:540px;
	}
	
#menu ul li{
	padding:0;
	margin:0 10px 0 0;
	float:left;
	}
	
#menu ul li a:link, #menu ul li a:visited{
	font:normal 17px Georgia, "Times New Roman", Times, serif;
	color:#000;
	text-decoration:none;
	display:block;
	width:98px;
	text-align:center;
	padding:7px 0 0 0;
	height:28px;
	}
	
#menu ul li a:hover{
	color:#fff;
	}
	
#slide{
	position:absolute; 
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	height:35px;
	z-index:10;
	}
	
#homepage #home_b a{
	color:#fff;
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
#contactpage #contact_b a{
	color:#fff;
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
#productpage #product_b a{
	color:#fff;
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
#storypage #story_b a{
	color:#fff;
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	width:98px;
	height:35px;
	}
	
#cookingpage #cooking_b a{
	color:#fff;
	background:url(../images/nav_hover.gif) no-repeat 0 0;
	width:98px;
	height:35px;
	}








/* LAYOUT STYLES
================================================================================*/
	
#wrapper_home{
	background:url(../images/bg3.jpg) no-repeat top center;
	}
	
#wrapper_product{
	background:url(../images/bg.jpg) no-repeat top center;
	}
	
#container{
	margin:0 auto 0 auto;
	width:954px;
	}
	
#container_inside{
	padding:0 56px 0 56px;
	width:842px;
	}
	
#header{
	width:540px;
	height:58px;
	padding:32px 0 0 302px;
	}
	
#logo a{
	width:207px;
	background:url(../images/logo.png) no-repeat 0 0;
	height:201px;
	display:block;
	cursor:pointer;
	position:absolute;
	z-index:100;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	height:0;
	}
	
.cleardiv2{
	clear:both;
	font-size:0;
	}
	
#bodyarea{
	width:842px;
	}
	
#content_top{
	background:url(../images/content_top.png) no-repeat 0 0;
	width:842px;
	height:24px;
	font-size:0;
	}
	
#content_middle{
	width:792px;
	padding:6px 30px 5px 20px;
	background:url(../images/content_bg.jpg) repeat-y 0 0;
	}
	
#content_bottom{
	background:url(../images/content_bottom.png) no-repeat 0 0;
	width:842px;
	height:26px;
	font-size:0;
	}
	
#leftcol{
	float:left;
	width:336px;
	}
	
.text_left{
	padding:7px 7px 5px 9px;
	margin:0;
	line-height:150%;
	}
	
.big_text{
	font:normal 34px Georgia, "Times New Roman", Times, serif;
	}
	
.big_text2{
	font:normal 16px Georgia, "Times New Roman", Times, serif;
	}
	
.text_right{
	padding:7px 0 5px 5px;
	margin:0;
	line-height:150%;
	}
	
#rightcol{
	float:right;
	width:438px;
	}

#rotation_outer{
	background:url(../images/pic_bg.jpg) no-repeat 0 0;
	width:329px;
	height:226px;
	padding:4px 0 0 7px;
	}
	
#dna_home{
	text-align:center;
	}
	
.more{
	background:url(../images/more_bg.jpg) no-repeat 0 0;
	width:55px;
	height:18px;
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	padding:3px 0 0 5px;
	margin:0 0 0 6px;
	}
	
.more a:link, .more a:visited{
	text-decoration:none;
	color:#fff;
	display:block;
	}
	
.more a:hover{
	text-decoration:underline;
	}

#btns_outer{
	width:434px;
	padding:20px 0 0 4px;
	}
	
.btns_row{
	width:434px;
	font:normal 17px Georgia, "Times New Roman", Times, serif;
	color:#000;
	}
	
.btns_left a:link, .btns_left a:visited{
	float:left;
	margin:0 5px 0 0;
	background:url(../images/box_bg.jpg) no-repeat 0 0;
	width:190px;
	height:50px;
	display:block;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding:28px 12px 0 9px;
	}
	
.btns_left a:hover{
	background:url(../images/box_bg_hover.jpg) no-repeat 0 0;
	width:190px;
	height:50px;
	}
	
.btns_left2 a:link, .btns_left2 a:visited{
	float:left;
	margin:0 5px 0 0;
	background:url(../images/box_bg.jpg) no-repeat 0 0;
	width:190px;
	height:61px;
	display:block;
	text-align:center;
	color:#000;
	text-decoration:none;
	padding:17px 12px 0 9px;
	line-height:120%;
	}
	
.btns_left2 a:hover{
	background:url(../images/box_bg_hover.jpg) no-repeat 0 0;
	width:190px;
	height:61px;
	}
	
#footer_outer{
	padding:18px 0 20px 0;
	width:842px;
	}
	
#footer{
	background:url(../images/footer_bg.png) no-repeat 0 0;
	width:800px;
	height:66px;
	padding:0 22px 0 20px;
	}
	
#footer_left{
	float:left;
	width:490px;
	padding:15px 0 0 0;
	}
	
#footer_left ul{
	padding:0 0 10px 0;
	margin:0;
	line-height:100%;
	list-style:none;
	}
	
#footer_left ul li{
	padding:0 0 0 14px;
	margin:0 7px 0 0;
	display:inline;
	font-style:italic;
	background:url(../images/bullet.jpg) no-repeat 0 8px;
	line-height:100%;
	}
	
#footer_left ul li a:link, #footer_left ul li a:visited {
	text-decoration:none;
	color:#fff;
	}
	
#footer_left ul li a:hover{
	text-decoration:underline;
	}
	
#footer_left ul li.firstnav{
	padding:0;
	background:none;
	}
	
#footer_left p{
	padding:0;
	margin:0;
	font:normal 11px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:110%;
	}
	
#footer_left p a:link, #footer_left p a:visited{
	text-decoration:none;
	color:#ccc;
	font-size:12px;
	}
	
#footer_left p a:hover{
	text-decoration:underline;
	}
	
#footer_right{
	float:right;
	width:220px;
	text-align:right;
	font:normal 15px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-style:italic;
	padding:24px 0 0 0;
	}



/*for inner pages*/

#contact_content{
	width:792px;
	padding:10px 0 0 0;
	}
	
#contact_left{
	float:left;
	width:412px;
	}
	
.contact_toptext{
	padding:0 0 30px 0;
	margin:0;
	line-height:140%;
	}
	
.contact_toptext a:link, .contact_toptext a:visited{
	text-decoration:none;
	color:#3f3331;
	font-weight:bold;
	}
	
.contact_toptext a:hover{
	text-decoration:underline;
	}
	
.form_title{
	padding:0 0 8px 3px;
	margin:0;
	line-height:110%;
	}
	
.txtbox{
	background:#e8ecc7;
	border:1px solid #ccc;
	width:400px;
	height:26px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#3f3331;
	padding:5px;
	margin:0 0 20px 0;
	}
	
.txtarea{
	background:#e8ecc7;
	border:1px solid #ccc;
	width:400px;
	height:180px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#3f3331;
	padding:5px;
	margin:0 0 16px 0;
	overflow:auto;
	}
	
#contact_right{
	float:right;
	width:347px;
	}

#contact_right p{
	padding:0 0 9px 0;
	margin:0;
	line-height:145%;
	}
	
#contact_right p a:link, #contact_right p a:visited{
	text-decoration:none;
	color:#337eb9;
	font-weight:bold;
	}
	
#contact_right p a:hover{
	text-decoration:underline;
	}

#wrapper_story{
	background:url(../images/bg2.jpg) no-repeat top center;
	}

.pic_outer{
	background:url(../images/pic_bg.jpg) no-repeat 0 0;
	width:328px;
	height:225px;
	padding:5px 0 0 8px;
	margin:0 0 12px 0;
	}
	
.text{
	padding:0 0 18px 0;
	margin:0;
	line-height:145%;
	font-size:13px;
	}
	
.text a:link, .text a:visited{
	text-decoration:none;
	color:#337eb9;
	}
	
.text a:hover{
	text-decoration:underline;
	}
	
#leftcol_inside{
	width:320px;
	padding:12px 6px 0 10px;
	}

.text_row{
	width:320px;
	line-height:145%;
	font-size:13px;
	padding:0 0 30px 0;
	}
	
.text_cell_left{
	float:left;
	width:214px;
	}
	
.text_cell_right{
	float:right;
	width:89px;
	}
	
.text_row2{
	width:430px;
	line-height:145%;
	font-size:13px;
	padding:0 0 20px 0;
	}
	
.text_cell_left2{
	float:left;
	width:265px;
	}
	
.text_cell_right2{
	float:right;
	width:161px;
	padding:10px 0 0 0;
	}

	

.cooking-pic_m { float:left; margin:0px 12px 0px 0px; border:solid 1px #999; }

.cooking-pic_l { float:right; margin:0px 0px 0px 12px; border:solid 1px #999; }




