/**
* Menu
*/

.navigation ul {
    float:right;
    margin:0 auto;
    text-align:right;
}

/* 
	LEVEL ONE
*/
ul.menu li {
    /*APPEND*/
    padding: 0px;
    margin: 0px;
    text-align: right;
    font: 400 16px/50px 'Lato', sans-serif;
    text-transform: uppercase;
}
ul.menu { 
    position: relative; 
}

ul.menu li { 
    font-weight: normal;
    font-size: 18px;
    float: left;
    zoom: 1;
    /*APPEND*/
    list-style-type: none;
    color: #000;
    /* font-weight: bold; */
    display: block;
    text-align: right;
    text-decoration: none;
    /*border-left: 1px solid #c7b299;
    text-transform: uppercase;*/
    padding:0 35px 0 35px;
}


/*ADD-ON*/
ul.menu li.top_li {
    /*padding: 14px 30px;*/
    padding: 0 20px;
}

ul.menu li ul.sub_menu li {
    padding: 10px 20px;
    text-align: left;
}

ul.menu a:hover { color: #e8c937; }
ul.menu a:active { color: #e8c937; }
ul.menu li a { 
    color: #fff;
    text-shadow: 1px 1px 5px #000;
    line-height:48px;
}


/* Doesn't work in IE */
ul.menu li.hover,
ul.menu li:hover,
ul.menu li.active,                
ul.menu li:active {
    /*background: #F3D673; color: black;*/ 
    position: relative; 
    /*APPEND*/
    color: #937937;
}


/* 
	LEVEL TWO
*/
ul.menu ul  { width: 300px; visibility: hidden; position: absolute; top: 100%; left: 0; border-top:2px solid #df7b1e; }
ul.menu ul li  { font-weight: normal; background: #f68f2f; float: none; z-index:999; border-bottom:1px dotted #c7660b; -moz-opacity: 0.95; opacity: 0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90); }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.menu ul li a { border-right: none; width: 100%; display: inline-block; line-height:20px;  color: #FFF; } 
ul.menu ul li a:hover { color:#333; }


/* 
	LEVEL THREE
*/
ul.menu ul ul {
    left: 100%; top: 0;
}
ul.menu li:hover > ul {
    visibility: visible;
}

.sub_menu {
    z-index:999;
}