/**
* Menu
*/

.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; 
}

ul.menu li                      
{ 
	font-size:15px;
	font-weight: 700;
    zoom: 1;
	float:left;
    display: inline;
    float: left;
    text-align: center;
    text-decoration: none;
}

ul.menu li a {  
	color: #fff;
	text-shadow: 1px 1px 1px #ab95c3;
}

ul.menu li a:hover {
	color: #ab95c3;
	text-shadow: 1px 1px 1px #fff;
}

ul.menu li a:first-child {
	padding-left:10px;
}


/*ADD-ON*/
ul.menu li.top_li{
    padding: 8px 30px 8px 30px;
}
ul.menu li ul.sub_menu li{
    padding: 10px 30px 10px 30px;
	width: 200px;
	float: left;
	border:0;
}

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


/* 
	LEVEL TWO
*/
ul.menu ul 						{ min-width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; 

}
ul.menu ul li 					{ font-weight: normal; background: black; float: none; z-index:999;                       
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.menu ul li a					{ border-right: none; width: 100%; display: inline-block;  color: #fff;
font-weight:bold;
} 

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

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

.sub_menu { z-index:999; }

/**footer menu**/
.widget.footermenu li a{
	color: white;
	font-size:11px;
}

.widget.footermenu {
width: 780px;
margin: 15px 0;
text-align:center;
float:left;
margin-left:35%;
}

.widget.footermenu li:last-child{
	border:0;
}