/*  
      Theme Name: Hokto Kinoko Theme
      Author: Dan Ushino
      URL: http://www.hokto-kinoko.com/
      Version: 1.0
	  
      Tags: Comma-separated tags that describe your theme
      Your theme can be your copyrighted work.
      Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
      http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*/

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, Helvetica, sans-serif;
	font-size:12px;
	color:FFFFFF;
	
}

/* 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-organic {width:163px}
.nav-sub-news {width:118px}
.nav-sub-events {width:133px}
.nav-sub-mediakit {width:150px}
.nav-sub-news_on {width:118px}
.nav-sub-events_on {width:133px}
.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-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-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-news_on { 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-events_on { 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;
}

#recipe_talk_sign {
	background-image:url(images/recipetalk_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;
}


#storelocator_sign {
	background-image:url(images/storelocator_sign.jpg);
	width:974px;
	height:418px;
	position:absolute;
	top: -3px;
	left:0px;
	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;
}

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

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

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

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

#header_top_recipes {
	padding-bottom:0px;
	width:393px;
}


#header_top_storelocator {
	padding-bottom:0px;
	padding-left:10px;
	width:393px;
}

#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{
	float:left;
	width:412px;
	height:371px;
	margin-top:5px;
	margin-left:20px;
}

#environment_video{
	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_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;
}

#newsfeed{
	width:858px;
	height:220px;
	overflow:hidden;
	padding-left:0px;
}

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

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

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

#subcontent_column_storelocator{
	width:900px;
	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_galleryrecipe{
	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;	
}


/* Recipe Blog Footer */


#footer_recipeblogsidenav_head {
	background:url(images/recipeblog_sidenavhead.jpg);
	background-repeat:no-repeat;
	width:275px;
	height:43px;
	position:relative; /* needed for footer positioning*/
	
}

#footer_recipeblogsidenav_mid {
	background:url(images/recipeblog_sidenav_mid.jpg);
	background-repeat:repeat;
	width:275px;
	float:left;
	position:relative; /* needed for footer positioning*/
	
}

#footer_recipesidenav_wrapper{
	padding-top:50px;
	padding-left:40px;
	float:left;
}

#footer_recipeblog_wrapper{
	float:left;
}

#footer_recipeblog_head {
	background:url(images/recipeblog_header.jpg);
	background-repeat:no-repeat;
	width:662px;
	height:64px;
	position:relative; /* needed for footer positioning*/
}

#footer_recipeblog {
	background:#FFFFFF;
	width:662px;
	position:relative; /* needed for footer positioning*/
	height:auto; !important; /* real browsers */
	min-height:100%; /* real browsers */
	overflow:hidden;
}


/* Blog IDs */

#blogsidebar {
	width: 86%;
	/* border: 1px #ff0000 solid; */
	float: left;
	margin-left:20px;
}

#blogcontent {
	width: 81%;
	/* border: 1px #ff0000 solid; */
	margin:0 auto;
}

#blogcontent h1{
	font-family: arial,helvetica,sans-serif;
	font-size: 38px;
	color:#756b5c;
	text-align:center;
	font-weight:100;
}

#blogcontent h2{
	font-family: arial,helvetica,sans-serif;
	font-size: 20px;
	font-weight:100;
	color:#756b5c;
}




#blogcontent a{ color:#756b5c; text-decoration:none; }
#blogcontent a:hover { text-decoration:underline; }

#blogboth {
	clear: both;
}

#blogcontent img {
	border:#c26808 6px solid;
}



/* Footer Box */



#california_sign{
	width:296px;
	background-image:url(images/california_sign.png);
	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*/
	height:auto; !important; /* real browsers */
	min-height:100%; /* real browsers */
	overflow:hidden;
}



#contact {
	background-image:url(images/contact.png);
	right:0px;
	width:93px;
	height:65px;
	top:0px;
	position:absolute;
 }

#storelocator {
	background-image:url(images/storelocator.png);
	right:60px;
	width:157px;
	height:154px;
	top:15px;
	position:absolute;
 }



/* Text Classes */

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

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

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

.sidebarlinks a{ color:#756b5c; font:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none; }
.sidebarlinks a:hover{ text-decoration:underline; }
.sidebarlinks h2{ color:#756b5c; }
.sidebarlinks h3{ font-size:15px; font-weight:600; color:#756b5c; }
.sidebarlinks ul{ list-style-type: none; padding:2px; margin: 5px;}

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