#navigation {
float: right;
}
#menu-main {
padding: 0;
margin: 0;
display: block;
float: left;
width: auto;
}
#menu-main li {
list-style: none;
position: relative;
margin: 0;
padding: 16px 0;
height: 100%;
float: left;
font-family: raleway;
font-size:13px;
text-transform:uppercase
}
#menu-main li a{
color: #333;
padding: 21px 14px;
text-decoration:none}
#menu-main li:hover a {
color: white;
background:#200054;
}
#menu-main li ul li,#menu-main li ul li a{width:100%}
#menu-main li:hover ul li a, #menu-main li:hover ul li:hover ul li a {
background: transparent;
color: #333;
}
#menu-main ul.sub-menu li {
padding: 5px 0;
}
#menu-main > li > ul > li > ul, #menu-main > li > ul {
display: none;
}
#menu-main li ul.sub-menu {
width: 200px;
position: absolute;
top: 100%;
left: 0;
padding: 0;
margin: 0;
z-index: 10;
background: #fff;
-moz-box-shadow: 0 0 20px -10px #000;
-ms-box-shadow: 0 0 20px -10px #000;
-o-box-shadow: 0 0 20px -10px #000;
-webkit-box-shadow: 0 0 20px -10px #000;
box-shadow: 0 4px 20px -10px #000;
}
#menu-main li ul.sub-menu li:hover > ul {
left: 200px;
top:0px;
z-index: 10;
}
#menu-main > li:hover > ul,#menu-main > li > ul > li:hover > ul {
display: block;
z-index: 50;
}
#menu-main > li > ul.sub-menu > li a {
padding: 8px 7px;
}
#menu-main > li > ul.sub-menu li {
font-size: 12px;
border-top: 1px dotted rgba(0,0,0,0.2);
z-index: 50;
}
#menu-main ul.sub-menu li:hover {
color: white;
background:#200054;
z-index: 10;
}
#menu-main ul.sub-menu li:hover a, #menu-main ul.sub-menu li ul.sub-menu li:hover a{color:white}