body {
	margin: 0; padding: 0;
	font-family: normal 11px "Tahoma", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	/*font-family: normal 12px "Tahoma", Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
	background: url(/*http://www.sohtanaka.com/web-design/examples/mega-dropdowns/body_bg.png*/) repeat-x;
z-index:40;
}


*{outline: none;}
img {border: 0;}
.container {
	width: 976px;
	padding: 0;
	margin: 0 auto;
z-index:40;
}
#header {/*image at top
	background: url(http://www.sohtanaka.com/web-design/examples/mega-dropdowns/header.jpg*/) no-repeat;
	width: 976px; height: 0px;
	float: left;
z-index:40;
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
z-index:40;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
z-index:40;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 30px;
z-index:40;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.home {
	background: url() no-repeat;
	width: 78px;
z-index:40;
}
/*test active BUTTON below*/
ul#topnav a.activehome {
    background-image:url(../images/nav_home.jpg); background-repeat:repeat-x; 
    width: 78px;
 
z-index:40;
}
ul#topnav a.prices {
	background: url(../images/nav_1c.jpg) no-repeat;
	width: 79px; 
z-index:40;
}
ul#topnav a.binding {
	background: url(../images/nav_2c.jpg) no-repeat;
	width: 76px; 
z-index:40;
}
ul#topnav a.covers {
	background: url(../images/nav_3c.jpg) no-repeat;
	width: 69px; 
z-index:40;
}
ul#topnav a.dividers {
	background: url(../images/nav_4c.jpg) no-repeat;
	width: 82px; 
z-index:40;
}
ul#topnav a.recipes {
	background: url(../images/nav_5c.jpg) no-repeat;
	width: 161px; 
z-index:40;
}
ul#topnav a.local {
	background: url(../images/nav_6c.jpg) no-repeat;
	width: 135px; 
z-index:40;
}
ul#topnav a.options {
	background: url(../images/nav_7c.jpg) no-repeat;
	width: 71px; 
z-index:40;
}
ul#topnav a.tools {
	background: url(../images/nav_8c.jpg) no-repeat;
	width: 135px; 
z-index:40;
}
ul#topnav a.orders {
	background: url(../images/nav_9c.jpg) no-repeat;
	width: 88px; 
z-index:40;
}
ul#topnav a.contact {
	background: url(../images/nav_10c.jpg) no-repeat;
	width: 80px; 
z-index:40;
}


ul#topnav li .sub {
	position: absolute;	
	top: 30px; left: 0;
	background: #749654 url(../images/green_sub2.jpg) repeat;
	/*padding: 5px 10px 10px;/*area below main menu*/
	line-height: 17px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
z-index:40;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 260px;/*width sub menu background*/
	float: left;
z-index:40;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #000;
z-index:40;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
z-index:40;
}
ul#topnav .sub ul li h2 a {
	padding: 0px 0 0 0;
	background-image: none;
	color: #e8e000;
z-index:40;
}
ul#topnav .sub ul li a {
	float: none;
	text-align:left;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	/*background: url(../images/green_arrow.gif) no-repeat 5px 12px;*/ /*5px 12px*/
	padding: 0px 5px 0px 15px;
	display: block;
	text-decoration: none;
	color: #000;
z-index:40;
}

/*hover state on menu*/
ul#topnav .sub ul li a:hover {color: #FFF; background-position: 5px 12px; 
z-index:40;
}