.menu {
    text-align:center;
    width:950px;
    margin: auto;
    border-radius: 5px;
    height: 30px;
}

.menu > span {
    display:inline-block;
    margin: auto;
         
    
}

#nav {
    
    display:inline;
    text-align:center;
    position:relative;
    list-style-type:none;
   
    
}



#nav > li {
     float:left;
    height: 30px;
    position:relative;
    
}
#nav > li > a {
    color: #fff;
    display:block;
    font: 16px/18px "Trebuchet MS";
    position:relative;
    text-decoration:none;
   padding: 20px;
   padding-top: 5px;
   height: 10px;
   text-transform: uppercase;
   background: rgba(0,0,0, 0.6);
   
}



#nav > li > a:hover {
    background: rgba(255,255,255,0.6);
    color: #000;
    
    -webkit-transition: background ease-out 0.4s;
     -moz-transition: background ease-out 0.4s;
     -o-transition: background ease-out 0.4s;
     transition: background ease-out 0.4s;
     
   
}