style.css

#nav{
 width: auto;
 height: 60px;
 float: left;
 height: 60px;
 margin: auto;
 background-image: -webkit-linear-gradient(bottom, #fff, #B2B2B2, #fff);
}
#nav ul{
 list-style: none;
 display: inline-table;
 position: relative;
 padding: 0 20px;
 background-image: -webkit-linear-gradient(left, #000, #171717);
}
#nav ul li:hover > ul{
 display: block;
}
#nav ul:after{
 content: "";
 clear: both;
 display: block;
}
#nav ul li{
 float: left;
}
#nav ul li a, #nav ul li span{
 padding: 20px;
 text-decoration: none;
 color: #fff;
 display: block;
}
#nav ul ul{
 background: #000; border-radius: 0px; padding: 0;
  position: absolute; top: 100%;
  display: none;
}
#nav ul ul li{
 float: none;
 border-top: 1px solid #53bd84;
 border-bottom: 1px solid #53bd84;
 position: relative;
}
#nav ul ul li a{
 padding: 15px 40px;
}
#nav ul ul ul{
 position: absolute;
 left: 100%;
 top: 0;
}