#menu {
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	position:relative;*/
}
#menu .nav {
	padding-right:0px;
	position:relative;
}
#menu .sub {
	position:absolute;
	z-index:800 !important;
/*	float:left;*/
    left:100%;
	width: 230px;
	top:0px;
	background-color:#ab9f7b;
	background-color:#eeead0;
}

#menu a, #menu h2 {
	display: block;
	margin: 0;
	padding: 2px 3px;
	font-size:16px;
	letter-spacing:1px;
	line-height:18px;
	font-weight:bold;
	text-transform:uppercase;
	position:relative;
	z-index:10;
}
#menu h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#menu a {
	text-decoration: none;
	color:#e2dac3;
	padding-top:8px;
	padding-bottom:4px;
	padding-right:20px;
}

#menu a:hover, #menu li a:hover {
	background-color:rgba(0,0,0,.2);
}
#menu .navHighlight a {
	color:#e2dbc3;
	color:#afbf2a;
	font-weight:bold;
}
#menu li {
/*	position: relative;*/
	padding:0px;
}
ul.nav li {
	margin-bottom:6px;
}
#menu .sub li {
	margin-bottom:0px;
	padding:0px;
	position: relative;
	z-index:200;
}
#menu .sub li a {
	display:block;
	text-align:left;
	padding-left:16px;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
	color:#552b08;
}
#menu li:hover a {
}
#menu .sub li:hover a {
	background-color:#77694d;
	background-color:#648c3c;
	color:#e2dac3;
}

div#menu .sub,
div#menu ul ul ul,
div#menu .sub li:hover ul ul
{display: none;}

div#menu ul li:hover .sub,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.navContainer {
	text-align:right;
}

/* Small Tablet + Mobile */
@media (max-width : 767px) {
    .mobileNav #menu {
        display:block !important;
    }
}   
/* not mobile */
@media (min-width : 768px) {
    .navContainer #menu {
        display:block !important;
    }
}