How to Create Horizontal Navigation menu with vaadin 7

hello guyes,
As Every Website must have an horizontal navigation Menu Bar, Same thing i wana create with vaadin. so that i can navigate to other pages. Now in Simple html , i know how to create it e.g

and css would be like this
#menu {
width: 550px;
height: 35px;
font-size: 16px;
#menu ul {
height: auto;
padding: 8px 0px;
margin: 0px;
#menu li {
display: inline;
padding: 20px;

My Question is how to acheive this with vaadin 7, and how to add transition effects to drop down menu list. Thanks.

Navigator example