*{
margin:0px;
padding:0px;
}
style {
margin-top:block;
}
nav {
border-top:10px solid tomato;
background:#FF9966;
text-align:center;
widh:100%;
}

nav ul {
list-style:none;	
	
}

nav li {
display:inline-block;	
}

nav li a {
display:block;
padding:10px 20Px;
font:15px tahoma, arial;
color:#504367;
text-decoration:none;	
	
} 

nav li a:hover {
background:#efbaa3;	
transition-duration:0.5s;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;

}

nav li ul{
z-index:999; 
text-align:left;
display:none;
position:absolute;
background:8a8a8a;
width:400px;
}

nav li:hover ul {
display:block;
background:#eee9e9;
}
nav li ul li {
display:block;	
}