/* CSS for menu */
/**** start ****/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
#nav a {
	display: block;
	text-decoration:none;
	color:#000;
	/*width: 10em;*/
}
#nav a:hover {
	text-decoration:underline;
}
#nav li { /* all list items */
	float: left;
	text-align:left;
	/*width: 10em;*/
        /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #D0BB96;
	width: 10em;
	padding:3px;
	line-height:1.4em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/**** end ****/

#nav_about {display:block; postion:relative; width:92px; height:22px; top:0px; left:0px; text-indent:-9999px; background:url('images/nav_main.jpg') 0px 0px ;#D0BB96}
	#nav_about:hover {background-position:0px -22px;}
		#about_sub li {width:150px; background:#D0BB96;}
		#about_sub li:hover {background:#E5B65D;}

#nav_what {display:block; postion:relative; width:155px; height:22px; top:0px; left:124px; text-indent:-9999px; background:url('images/nav_main.jpg') -92px 0px  #D0BB96;}
	#nav_what:hover {background-position:-92px -22px;}
		#what_sub li {width:130px; background:#D0BB96;}
		#what_sub li:hover {background:#E5B65D;}
	
#nav_cafe {display:block; postion:relative; width:138px; height:22px; top:0px; left:247px; text-indent:-9999px; background:url('images/nav_main.jpg') -247px 0px  #D0BB96;}
	#nav_cafe:hover {background-position:-247px -22px;}
		#cafe_sub li {width:150px; background:#D0BB96;}
		#cafe_sub li:hover {background:#E5B65D;}
	
#nav_group {display:block; postion:relative; width:118px; height:22px; top:0px; left:385px; text-indent:-9999px; background:url('images/nav_main.jpg') -385px 0px  #D0BB96;}
	#nav_group:hover {background-position:-385px -22px;}
		#group_sub li {width:118px; background:#D0BB96;}
		#group_sub li:hover {background:#E5B65D;}
	
#nav_wholesale {display:block; postion:relative; width:90px; height:22px; top:0px; left:503px; text-indent:-9999px; background:url('images/nav_main.jpg') -503px 0px  #D0BB96;}
	#nav_wholesale:hover {background-position:-503px -22px;}
		#wholesale_sub li {width:150px; background:#D0BB96;}
		#wholesale_sub li:hover {background:#E5B65D;}
	
#nav_daily {display:block; postion:relative; width:226px; height:22px; top:0px; left:593px; text-indent:-9999px; background:url('images/nav_main.jpg') -593px 0px #D0BB96;}
	#nav_daily:hover {background-position:-593px 0px;}