@charset "UTF-8";

html, body {
	margin: 0px;
	height:100%; /* needed for container min-height */
	text-align:center;
	background-image:url(../images/mainbg_xrepeat.jpg);	
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:000000;
	
}

/* Submenu Nav */

#jquery-nav { z-index:6; position:relative; }
#jquery-nav a {
	width: 148;
	display: block;
}

/* Navigation */
 
/* For Z-index to work, you have to place any object's "Position to relative" and Z-Index to higher level" */
 
#main-nav { text-align: left; position:relative; z-index:3;!important}
#main-nav ul { list-style-type:none; margin: 0pt; padding: 0pt; }
#main-nav ul li { float: left; height: 157px; padding: 0pt; }
#main-nav a {width: 100%; display: block; }

.nav-logo { width: 230px; }
.nav-mushrooms {width:148px;}
.nav-recipes {width:138px;}
.nav-health {width:137px;}
.nav-company {width:148px;}
.nav-news {width:176px;}

.nav-logo a{ background: url("../images/Hokto_r2_c2.png") no-repeat; height: 147px; }

.nav-mushrooms a { background: url("../images/Hokto_r2_c3.png") no-repeat; height: 90px;}
.nav-mushrooms a:hover { background: url("../images/Hokto_r2_c3_on.png") no-repeat;}

.nav-recipes a { background: url("../images/Hokto_r2_c4.png") no-repeat; height: 90px;}
.nav-recipes a:hover { background: url("../images/Hokto_r2_c4_on.png") no-repeat;}

.nav-health a { background: url("../images/Hokto_r2_c5.png") no-repeat; height: 90px;}
.nav-health a:hover { background: url("../images/Hokto_r2_c5_on.png") no-repeat;}

.nav-company a { background: url("../images/Hokto_r2_c6.png") no-repeat; height: 90px;}
.nav-company a:hover { background: url("../images/Hokto_r2_c6_on.png") no-repeat;}

.nav-news a { background: url("../images/Hokto_r2_c7.png") no-repeat; height: 90px;}
.nav-news a:hover { background: url("../images/Hokto_r2_c7_on.png") no-repeat;}



/* Sub Navigation */

#sub-nav {
	position:absolute;
	z-index:50;
	right: 24px;
	top: 89px;
}

#sub-nav ul { list-style-type:none; margin: 0pt; padding: 0pt; }
#sub-nav ul li { float: right; padding: 0pt; }
#sub-nav a {width: 100%; display: block; }

.nav-sub-research {width:183px}
.nav-sub-varieties {width:168px}
.nav-sub-varieties_on {width:168px}
.nav-sub-organic {width:163px}
.nav-sub-organic_on {width:163px}
.nav-sub-news {width:118px}
.nav-sub-events {width:133px}
.nav-sub-mediakit {width:150px}
.nav-sub-mediakit_on {width:150px}

.nav-sub-research a { background: url("../images/research_reports_tab_down.png") no-repeat; height: 65px;}
.nav-sub-research a:hover { background: url("../images/research_reports_tab.png") no-repeat; }

.nav-sub-varieties a { background: url("../images/varieties_tab_down.png") no-repeat; height: 65px;}
.nav-sub-varieties a:hover { background: url("../images/varieties_tab.png") no-repeat; }
.nav-sub-varieties_on { background: url("../images/varieties_tab.png") no-repeat; }


.nav-sub-organic a { background: url("../images/organic_tab_down.png") no-repeat; height: 65px;}
.nav-sub-organic a:hover { background: url("../images/organic_tab.png") no-repeat; }
.nav-sub-organic_on { background: url("../images/organic_tab.png") no-repeat; }

.nav-sub-news a { background: url("../images/news_tab_down.png") no-repeat; height: 65px;}
.nav-sub-news a:hover { background: url("../images/news_tab.png") no-repeat; }

.nav-sub-events a { background: url("../images/events_tab_down.png") no-repeat; height: 65px;}
.nav-sub-events a:hover { background: url("../images/events_tab.png") no-repeat; }

.nav-sub-mediakit a { background: url("../images/mediakit_tab_down.png") no-repeat; height: 65px;}
.nav-sub-mediakit a:hover { background: url("../images/mediakit_tab.png") no-repeat; }
.nav-sub-mediakit_on { background: url("../images/mediakit_tab.png") no-repeat; }


/* Body Units */

/* #background {
	height: 100%;
	background-image:url(../images/shadow_bg.png);
	background-repeat:repeat-y;
	width:1061px;
	margin:0 auto;
	top: 0;
	z-index: -9999px;
} */

#wrapper {
	background-color:#000000;
	min-height:100%;
	background-image:url(../images/Hokto_r6_c1.png);
	background-repeat:repeat;
	width:1024px;
	margin:0 auto;
	overflow: hidden;
}

#leftwrap {
	background-image:url(../images/Hokto_r1_c1.png);
	width:21px;
	height:572px;
	float:left;
}

#rightwrap {
	background-image:url(../images/Hokto_r1_c8.png);
	width:26px;
	height:572px;
	float:left;
}

#content {
	background-image:url(../images/hokto_bg.jpg);
	background-repeat:repeat;
	height:572px;
	float:left;
	width:977px;
	margin-left:auto;
	margin-right:auto;
	display:inline-table;
}

#header {
	background-position:left;
	background-image:url(../images/Hokto_r1_c2.png);
	height:29px;
	background-repeat:no-repeat;
}


/* Preload Images */

 #preload-images {
	display: none;
 }


/* Top Content */

#center-wrap {
	position:relative;
	float:left;
	height:100%;
	width:977px;
	z-index:0;
}

#flash-wrap {
	position:relative;
	float:left;
	width:977px;
}

/* For Z-index to work, you have to place any object's "Position to relative" and Z-Index to higher level" */

#flash-content {
	position:absolute;
	top:-160px;
	left:3px;
}


/* Core Content */

#core-content {
	background-color:#ffe4b4;
	text-align:left;
	padding:40px;
	min-height:100%;
	height:auto !important;
	height: 100%;
}

#core-content a { color:#982519; }
#core-content a:hover { color:#F82519; }
#core-content a:visited { color:#982519; }



/* Content Box */

#brown_beech_sign {
	background-image:url(../images/brown_beech_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#kingtrumpet_sign {
	background-image:url(../images/kingtrumpet_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#maitake_sign {
	background-image:url(../images/maitake_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#white_beech_sign {
	background-image:url(../images/white_beech_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#pdf_sign {
	background-image:url(../images/pdf_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#philosophy_sign {
	background-image:url(../images/philosophy_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#product_sign {
	background-image:url(../images/product_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top: -3px;
	left:0px;
	z-index:2;
}

#history_sign {
	background-image:url(../images/history_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#health_sign {
	background-image:url(../images/health_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}


#contact_sign {
	background-image:url(../images/contact_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#store_locator_sign {
	background-image:url(../images/storelocator_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#research_reports_sign {
	background-image:url(../images/research_reports_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#technology_sign {
	background-image:url(../images/technology_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#environmental_sign {
	background-image:url(../images/environmental_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#story_starters_sign {
	background-image:url(../images/storystarters_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top:-3px;
	left:1px;
	z-index:2;
}

#content_wrap {
	float:left;
	padding-top:35px;
	text-align:left;
	padding-left:55px;
	z-index:6;
}

#content_wrap_contact {
	float:left;
	padding-top:33px;
	text-align:left;
	padding-left:55px;
	z-index:6;
}

#content_wrap_health {
	float:left;
	padding-top:33px;
	text-align:left;
	padding-left:65px;
	z-index:6;
}

#header_top_health {
	padding-bottom:40px;
	width:393px;
}


#header_top_storelocator {
	padding-bottom:20px;
	width:705px;
	float:left;
}

#header_top {
	padding-bottom:20px;
	width:393px;
}

#header_top_extended {
	padding-bottom:20px;
	width:480px;
}

#header_top_noimage {
	padding-bottom:20px;
	width:393px;
}


#mission_picture{
	float:left;
	background-image:url();
	background-repeat:no-repeat;
	background-position:center;
	width:348px;
	height:240px;
	margin-top:70px;
	margin-left:0px;
}

#picture_wrap{
	float:left;
	background-image:url(../images/photo_mushroom_gri.png);
	background-repeat:no-repeat;
	background-position:center;
	width:348px;
	height:240px;
	margin-top:70px;
	margin-left:20px;
}

#technology_video{
	background-image:url(../images/video_filler01.jpg);
	float:left;
	width:412px;
	height:371px;
	margin-top:5px;
	margin-left:20px;
}

#environment_video{
background-image:url(../images/video_filler02.jpg);
	float:left;
	width:412px;
	height:371px;
	margin-top:5px;
	margin-left:20px;
}

#store_locator_top{
	float:left;
	width:150px;
}

#store_locator_left{
	float:left;
	width:140px;
}

#picture_wrap2{
	float:left;
	width:348px;
}

#subcontent_column{
	float:left;
	width:150px;
	margin-right:10px;
	
}

#subcontent_column_story {
	float:left;
	width:550px;
}

#subcontent_column_story img {
	border:#FFFFFF 6px solid;
}



#subcontent_history{
	float:left;
	width:150px;
	margin-right:200px;	
}


#subcontent_technology{
	float:left;
	width:308px;
	height:220px;
	overflow:hidden;
}

#subcontent_column2{
	float:left;
	width:358px;
	height:220px;
	overflow:hidden;
}

#content_health{
	float:left;
	width:358px;
	height:200px;
	overflow:hidden;
	padding-left:55px;
	padding-top:45px;
}

#subcontent_column_history{
	float:left;
	width:500px;
	height:220px;
	overflow:hidden;
}

#subcontent_column_rr{
	float:left;
	width:700px;
	height:220px;
	padding-left:10px;
	overflow:hidden;
}

#subcontent_column_links{
	float:left;
	position:absolute;
	width:800px;
	overflow:hidden;
	left: 207px;
	top: 46px;
}

#subcontent_column_storelocator{
	float:left;
	width:700px;
	overflow:hidden;
}

#subcontent_column_philosophy{
	float:left;
	width:390px;
	height:200px;
	padding-top:22px;
	overflow:hidden;
}

#subcontent_column_menugallery{
	float:left;
	width:100px;
	margin-right:30px;
	
}

#subcontent_column_gallery{
	float:left;
	width:288px;
	height:220px;
	overflow:hidden;
}

#subcontent_column_comingsoon{
	float:left;
	width:576px;
	text-align:center;
	height:220px;
	overflow:hidden;
	font-size:24px;
	color:#984037;	
}



/* Footer Box */



#california_sign{
	width:296px;
	height:180px;
	left:15px;
	top:0px;
	position:relative;
} 

#footer_wrapper {
	clear:both;
}

#footer_bottom {
	background-image:url(../images/Hokto_r5_c1.png);
	width:1024px;
	height:20px;
	position:relative;
}

#footer_blog_bottom {
	background:url(../images/blog_bottom.jpg);
	background-repeat:no-repeat;
	width:941px;
	height:517px;
	position:relative; /* needed for footer positioning*/
}

#footer_blog_head {
	background:url(../images/blog_header.gif);
	background-repeat:no-repeat;
	width:941px;
	height:53px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
}

#footer_blog {
	background:#FFFFFF;
	width:941px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto; !important; /* real browsers */
	min-height:100%; /* real browsers */
	overflow:hidden;
}

#footer_blog_img {
	background:url(../images/maishongni.jpg);
	float:left;
	height:271px;
	width:287px;
	margin:20px 0px 0px 50px;
}

#footer_blog_img2 {
	background:url(../images/meat_scale.jpg);
	float:right;
	height:266px;
	width:475px;
	margin:20px 50px 0px 0px;
}

#footer_blog_text {
	float:right;
	width:500px;
	margin:20px 50px 0px 0px;
	padding-top:30px;
}

#footer_blog_text2 {
	float:left;
	width:350px;
	padding-top:100px;
	margin:20px 0px 0px 50px;
}

#footer_blog_text3 {
	float:right;
	width:400px;
	margin:20px 50px 0px 0px;
	padding-top:180px;
}

#footer_bottom2 {
	background-image:url(../images/Hokto_r6_c1.png);
	width:1024px;
	text-align:left; /* position relative-placed images inside left */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto; !important; /* real browsers */
	min-height:100%; /* real browsers */
	overflow:hidden;
}

#contact {
	right:0px;
	width:93px;
	height:65px;
	top:0px;
	position:absolute;
 }

#storelocator {
	right:60px;
	width:157px;
	height:154px;
	top:15px;
	position:absolute;
 }


/* Story Starters */

#storystarter_mushroom {
	background-image:url(../images/storystarter_mushroom.pn);
	width:687px;
	height:450px;
	top:-105px;
	left:-40px;
	position:relative;
}	

#story_wrapper {
	clear:both;
	padding-left:190px;
	position:relative;
}

#story_wrapper2 {
	clear:both;
	padding-left:50px;
	position:relative;
	top:-50px;
	
}

#story_wrapper3 {
	clear:both;
	padding-left:200px;
	position:relative;
	top:-100px;
}	

#story_head {
	background-image:url(../images/storystarter_head.gif);
	width:635px;
	height:62px;
	position:relative;
}


#story_mid {
	background-image:url(../images/storystarter_mid.gif);
	width:635px;
	position:relative;
}

#story_text {
	padding:35px;
	width:580px;
}

#story_footer {
	background-image:url(../images/storystarter_footer.png);
	width:635px;
	height:39px;
	position:relative;
}

.story_head {
	font-size:17px;
	color:#984037;
	font-weight:bold;
}

.story_content {
	font-size:12px;
	color:#984037;
}


/* Text Classes */

.submenu_text { font-size:15px; }
.submenu_text a { color:#756b5c; text-decoration:none;}
.submenu_text a:hover {	color:#984037; font-weight:bold; }

.submenu_text2 { font-size:13px; }
.submenu_text2 a { color:#756b5c; text-decoration:none;}
.submenu_text2 a:hover {	color:#984037; font-weight:bold; }

.submenu_select { color:#984037; font-weight:bold; }

.content_text {
	font-size:12px;
	color:#36270f;
}

.philosophy_text {
	font-size:13px;
	color:#555555;
}

.blog_text {
	font-size:14.3px;
	color:#222222;
}

.store_locator {
	font-size:13px;
	font-weight:bold;
}

.store_locator2 {
	font-size:12px;
	font-weight:bold;
}

.header_text {
	font-size:24px;
	color:#984037;	
}

.header_subtext {
	font-size:14px;
	color:#984037;	
}