.nav li{
 float:left;
 border-right:1px solid #222;
 box-shadow:1px 0 0 #444;
 position:relative;
}
.nav li a{
 float:left;
 padding:12px 30px;
 color:#999;
 font:bold 12px;
 text-decoration:none;
 text-shadow:0 1px 0 #000;
}
.nav li a:hover{
 color:#fafafa;
 }
.nav li ul{
 visibility:hidden;
 position:absolute;
 left:0px;
 top:38px;
 z-index:1;
 padding:0;
 list-style:none;
 background-color:#444;
 background-image:linear-gradient(#444,#111);
 border-radius:3px;
 box-shadow:0 -1px 0 rgba(255,255,255,.3);
 opacity:0;
 margin:20px 0 0 0;
 transition:all .2s ease-in-out;
}
.nav li:hover > ul{
 opacity:1;
 visibility:visible;
 margin:0;
}