@charset "utf-8";
/* CSS Document */
/* remove the list style */
#nav {margin:0; padding:0; list-style:none; font-size:14px; }
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
#nav li {	float:left; display:block; width:auto;	/*background:#000;*/ font-family: 'Roboto', sans-serif;/* background:#736335;*/ position:relative;	z-index:500; margin:0 1px;}
		/* this is the parent menu */
#nav li a {	display:block; padding:8px 15px 0 15px; /*font-weight:700;*/height:21px; text-decoration:none; color:#333; text-align:left; background:#fff;opacity:0.9; filter:alpha(opacity=90); }
#nav li a:hover {color:#fff; display:block; background-color:#333; }
		/* you can make a different style for default selected value */
#nav a.selected {display:block; background-color:#333; color:#333;}
		/* submenu, it's hidden by default */
#nav ul {position:absolute; left:0; display:none; margin:0 0 0 -1px; padding:0; list-style:none; text-align:left;}
#nav ul li {width:200px; float:left; /*border-top:1px solid #666;*/}
		/* display block will make the link fill the whole area of LI */
#nav ul a {	display:block;  height:auto; padding: 8px 5px; color:#999;}
#nav ul a:hover {text-decoration:none;}
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
*html #nav ul {	margin:0 0 0 -2px;}