Menu site

[Fabio Bado 0]

Estou customizando um tema, sera que consigo deixar o menu mais atrativo em cima deste css??

.menu{ display: block;}

ul.menu, .menu li, .menu a{

color: #fff; }

ul.menu ul{

position:absolute;

display:none;}

.menu li{

float:left;

width:auto;

position:relative;}

ul.menu li a {

display: block;

padding: 10px 10px 0px 10px; }

.menu li:hover > ul.submenu-1{

display:block; }

.menu ul.submenu-1 a{ width:160px; padding:0 20px; border: 1px solid #fff; }

.submenu-1{ background:#214f90; z-index: 99999; border: 0px solid #fff}

.submenu-1 a{color:#fff;}

queria fazer algo do tipo

[Fabio Bado 0]

alguma outra sugestão para o menu?