/*----- Menu Outline -----*/
.menu-wrap {
    width:600px;
	height: 50px;
	box-shadow:0px 0px 0px rgba(0,0,0,0.2);
    background: #ffffff; /*#3e3436;*/
	margin:0 0 0 0;
	padding: 0 0 0 0;
	float: right;
}
 
.menu {
    width:600px;
	padding: 0 0 0 0;
   	background: red;
	margin: 0 0 0 0;
}
 
.menu li {
    margin:0 0 0 0;
    list-style:none;
    font-family:verdana, sans-serif;
}
 
.menu a {
    transition:all linear 0.10s;
    color:#4d4747;
	text-decoration: none;
	font-size: 15px;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#ecf2f5;
	background-color: #FFFFFF;
}
 
.menu .arrow {
    font-size:10px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:17px;
	padding: 0 0 0 0;
}
 
.menu > ul > li > a {
    padding:5px 20px 5px 20px;
	margin: 0 0 0 0;
    display:inline-block;
	float: right;
    text-shadow:0px 0 0px rgba(0,0,0,0.4);
}

 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background: #351c0a; /*#2e2728;*/
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
	color: #556066;
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.08s;
    box-shadow:0px 2px 3px rgba(0,0,0,0.2);
    background: #351c0a; /*#556066;*/
	}
 
.sub-menu li {
    display:block;
    font-size:16px;
}
 
.sub-menu li a {
    padding:10px 30px;
    display:block;
	color: #EEEEEE;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background: #86936c;  /*#3e657c;*/ /*#94765d;*/
	color: #FFFFFF;
}