.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    display:inline-block;
    position:relative;
	top:0;
}
 
.menu > ul > li > a {
    display:inline-block;
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
}
 
.sub-menu {
    width:250px;
    padding:30% 0 20% 0;
	padding-right:5px;
    position:absolute;
    top:110%;
    left:-40px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    background: url(../img/blank.png);
}
 
.sub-menu li {
    display:block;
    font-size:90%;
}
 
.sub-menu li a {
	text-align:center;
    padding:2% 0;
    display:block;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    color:#0FF;
}