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