nav {
}

.nav, .nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Top level nav */
.nav {
	float: left;
	background: transparent;
}

/* 1st Level Dropdowns */
.nav ul {
	position: absolute;
	top: 40px;
	left: -9999px;
	opacity: 0;
	-webkit-transition: 0.1s linear opacity;
	white-space: nowrap;
	background: #9e5917;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.nav li {
	float: left;
	position: relative;
	margin: 0;
}

/* Top level nav items */
.nav li > a {
	float: left;
	padding: 12px 30px;
	text-align: center;
	color: White;
	text-decoration: none;
	text-transform: uppercase;
}

/* Top level hover state, preserve hover state when hovering dropdown */
.nav li > a:hover, .nav li > a:focus, .nav li:focus > a, .nav li:hover > a {
	background-color: #bd8454;
}

/* First top level nav item */
.nav > li:first-child > a {
	border-left: 0;
}

/* Last top level nav item */
.nav > li:last-child > a {
	border-right: 0;
}

/* 1st Level Dropdowns */
.nav li:hover ul, .nav li:focus ul, ul.show-menu {
	left: 0;
	opacity: 1.00;
}

.nav ul li {
	float: none;
	position: static;
	width: 100%;
}

/* 1st level dropdown items */
.nav ul a {
	float: none;
	display: block;
	text-align: left;
	text-shadow: none;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-width: 2px 0;
	-webkit-transition: 0.1s linear all;
	text-transform: none;
	min-width: 47px;
}

/* Rounded corners for ul and last list item */
.nav ul, .nav ul li:last-child a {
	border: 0;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.nav ul li:last-child a:hover {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

/* 1st level dropdown items hover */
.nav ul a:hover, .nav ul a:focus {
	background: #bd8454;
	text-shadow: none;
}