@import url(http://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic);

/*--- MAIN NAV ---*/
#nav{
	height:40px;
	overflow:hidden;
	position:relative;
	margin: -50px 0 0 0;
	padding:0;
	list-style:none;
	background: url(../img/nav_back.png) repeat-x top left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	box-shadow: 0 0 10px #7f90a3;
	-webkit-box-shadow: 0 0 10px #7f90a3;
	-moz-box-shadow: 0 0 10px #7f90a3;
	-khtml-box-shadow: 0 0 10px #7f90a3;
	text-decoration:none;
}

#nav li{
	float:left;
	margin-right:10px;
	position:relative;
	margin:0;
	padding:0;
	display:inline;
	background:transparent;
	text-decoration:none;
}

#nav li a {
	text-decoration:none;
}

#nav li div {
	padding: 0 25px 0 25px;
	*margin-top: -40px
	height:40px;
	border-right:1px #d8d8d8 solid;
	font-family:Asap, Helvetica, Arial, Sans-Serif;
	font-size:90%;
	font-weight:400;
	text-transform:uppercase;
	line-height:40px;
	color:#b78040;
	text-decoration:none;
}

#nav li div a{
	font-family:Asap, Helvetica, Arial, Sans-Serif;
	color:#b78040;
	text-decoration:none;
}

#nav li div:hover,#nav li div.selected,#nav li div.selected:hover {
	background:#700e16;
}

#nav li div.selected,#nav li div.selected:hover,#nav li div.selected a{
	color:#FFFFFF;
}



/*--- DROPDOWN ---*/
#nav ul{
	text-align:left;
	margin:0;
	padding:10px 15px 10px 15px;
	background:#fdf2e0;
	list-style:none;
	position:absolute;
	top:40px;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	border:1px #d8d8d8 solid;
	border-top:0;
	z-index:999999;
}
#nav ul li{
	padding:5px 0 5px 0;
	border-bottom:1px #949390 dotted;
	min-width:150px;
}

#nav ul li:last-child{
	border-bottom:0;
}

#nav ul a{
	font-family:Asap, Helvetica, Arial, Sans-Serif;
	font-size:75%;
	font-weight:400;
	color:#606060;
	text-decoration:none;
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover div{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#fdf2e0;
	color:#000000;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
	color:#000000;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	text-decoration:underline;
	color:#000000;
}