Menu con botones animados estilo flash

Como ven son unos botones que parecen sacados del adobe flash u otro programa para generar botones en flash y son de mi autoria, estan construidos para ser soportados en navegadores actualizados como Firefox, Chrome, Chromium, Opera por ejemplo. Como solamente contienen html y css puede ser implementados tanto en blogger como en una página web profesional.

• Principal
• Quienes Somos
• Productos
• Galeria
• Contacto

Para usarlos solo deben agregar un gadget html/javascript o poner directamente en la plantilla el siguiente código. Son muy faciles de personalizar, cada uno con un poquito de color puede cambiar los bacground por colores personales.

<style type="text/css">
/* Menu*/
.nav {
float:left;
text-align:center;
}
.nav ul li {
	list-style: none;
}
.nav ul li a{
font-style: italic;
background:#128a16; /*Fondo del boton*/
border:4px outset #F0FFEF;
text-shadow:0px -1px 1px #222222;
box-shadow:2px 2px 5px #000000;
-moz-box-shadow:2px 2px 5px #000000;
-webkit-box-shadow:2px 2px 5px #000000;
border-radius:20px 20px 20px 20px;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
width:150px;
padding:10px 15px;
cursor:pointer;
margin:10px auto;
text-align: center;
color: white;
text-decoration: none;
display: block;
}
.nav ul li:active{
cursor:pointer;
position:relative;
top:2px;
}
.nav ul li a:hover{
background: #55bd59;
position:relative;
top:2px;
}
</style>

<br />
<div class="nav">
<ul>
<li>
	   <a href="#">Principal</a>
    </li>
<li>
    	<a href="#">Quienes Somos</a>
    </li>
<li>
	   <a href="#">Productos</a>
    </li>
<li>
    	<a href="#">Galeria</a>
    </li>
<li>
    	<a href="#">Contacto</a>
    </li>
</ul>
</div>