/* 
/* Start main menu
*/

#mx-mainmenu .nav > li > a  {
	border-bottom: 2px solid transparent ;
	margin-top: 13px;
}
#mx-mainmenu .nav.menu li {
	float:left; 
	display:inline-table; 
	position:relative;
	z-index:500; 
}

#mx-mainmenu .nav.menu li a {
	display:block;
	font-size: 16px; 
	color: #f1f1f1;text-transform:uppercase;
	padding:7px 16px; background-position:  0px 0px; background-repeat: no-repeat;
	text-decoration:none; 
}
#mx-mainmenu .nav > li > a:hover ,#mx-mainmenu .nav > li > a:focus, #mx-mainmenu .nav > li > a:active  {
   background-color: transparent;
   border-bottom: 2px solid #f1f1f1;
	color: #ccc !important;
}
#mx-mainmenu .nav.menu ul,.nav.menu ul li ul {
	position:absolute; 
	left:0; 
	display:none; 
	padding:0; 
	list-style:none;
}
#mx-mainmenu .nav.menu ul li a {width: 200px;}
#mx-mainmenu .nav.menu ul li ul {
	left: 100%;
	top:0;
}
#mx-mainmenu .nav.menu ul li {
	width:220px;
	height: 38px; 
	float:left; 
}
#mx-mainmenu .nav.menu li ul {
	background: #fafafa;
    text-align: left;	
    box-shadow:0 0 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.1);
}
#mx-mainmenu .nav.menu .nav-child a {
	position: relative;
	border-bottom: 1px solid #ccc;
 	line-height: 20px !important;
	padding: 8px 13px;
	font-size: 12px; 
	color: #333;

}
#mx-mainmenu .nav.menu .nav-child a:hover {
	background-color: #f1f1f1;
	color: #222;

}