/**
* Menu
*/
a {
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;
}

.navigation ul{
	margin-left: 0px; 
	padding-left: 0px; 
	margin-bottom: 0px; margin-top: 0px;
}

/* 
	LEVEL ONE
*/
ul.menu li{
    /*APPEND*/
    padding: 0px;
    margin: 0px;
}

ul.menu                         
{ 
    position: relative; 
	float: left;
	margin-left: 130px;
	height: 52px;
}

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


/*ADD-ON*/
ul.menu li.top_li{
    padding: 10px 12px;
	position: relative;
}
ul.menu li ul.sub_menu li{
    /*padding: 10px 30px;*/
	width:100%;
	padding: 0 0 0 10px;
	display:inline-block;
	-moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	-o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
	}

ul.menu a:hover		            { color: #f5979c; 

}
ul.menu a:active                { color: #f5979c;

}
ul.menu li a{ 
	/*display: block; 
	padding: 4px 8px; 
	border-right: 1px solid #333;*/
	display: inline;
	color: yellow;
	text-decoration: none;
	font-size: 13pt;
	font-family: 'Lato', sans serif;
	padding: 10px;
	height:25px;
	-moz-transition:color 0.3s ease-out;
	-webkit-transition:color 0.3s ease-out;
	-o-transition:color 0.3s ease-out;
	transition:color 0.3s ease-out;                                 
}

ul.menu li a:hover{ 
	color:white;
}

/* 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: #f5979c;
}


/* 
	LEVEL TWO
*/
ul.menu ul { 
/* 
top: 100%; 
*/
min-width: 250px; 
visibility: hidden; 
position: absolute;
padding-left: 0px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 5px;
width: 250px; 
left: 0;
-moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

ul.menu ul li { 
font-weight: normal; 
background: #631C5F; 
float: none; 
border-bottom:1px solid yellow;
z-index:999;                       
-moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
}

									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.menu ul li a{ 
border-right: none; 
width: 230px; 
display: inline-block;  
color: yellow;
-moz-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-webkit-transition: opacity 0.1s 0.15s ease-out, margin 0.3s 0.1s ease-out;
-o-transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
transition: opacity 0.15s 0.15s ease-out, margin 0.3s 0.1s ease-out;
} 

/* 
	LEVEL THREE
*/
ul.menu ul ul 					{ 
left: 100%; top: 0; 

}
ul.menu li:hover > ul 			{ 
visibility: visible;
}

.sub_menu { z-index:999; }