.nav {
position:absolute;
top:100px;
left:100px;
width:850px;
margin:0;
padding:0;
line-height:20px;
z-index:9999;
}

.nav>li {
display:block;
float:left;
margin:0;
padding:0;
width:13%;
}

.nav>li.medium {
width:17.5%;
}

.nav>li.big {
width:25%;
}

.nav>li.bigger {
width:27%;
}

.nav>li>a {
display:block;
position:relative;
padding:15px 0 15px 0;
border-radius:5px 5px 0px 0px;
font-family:'Raleway', Arial, Helvetica, sans-serif;
color:rgba(84, 24, 0, 1.0);
font-size:1.3em;
font-weight:normal;
font-variant:small-caps;
text-decoration:none;
text-align:center;
background:none; /* For older browsers */
background:rgba(200, 200, 200, .0); /* Transparent background for modern browsers */
-webkit-transition:color, background .2s ease-in;
-moz-transition:color, background .2s ease-in;
-o-transition:color, background .2s ease-in;
-ms-transition:color, background .2s ease-in;
}

.nav>li>a:hover, .nav>li:hover>a {
color:rgba(250, 250, 10, 1.0);
text-shadow:0 0 2px black;
}

.nav>.dropdown>a {
padding:15px 0px 15px 0px;
}

/* The submenus */
.nav ul {
position:absolute;
margin:0;
padding:0;
list-style:none;
display:block;
}

/* General layout settings for the link containers of the submenus */
.nav ul li {
position:absolute;
top:-9999px; /* Hiding them */
height:0px; 
display:block;
margin:0;
padding:0;
/* Making them to expand their height with a transition, for a slide effect */
-webkit-transition:height .2s ease-in;
-moz-transition:height .2s ease-in;
-o-transition:height .2s ease-in;
-ms-transition:height .2s ease-in;
}

/* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */
.dropdown:hover>ul>li {
height:50px;
position:relative;
top:3px;
width:212.50px;
}

.dropdown:hover>ul>li.small {
width:148.75px;
}

.dropdown:hover>ul>li.big {
width:229.5px;
}

/* The submenu links */
.nav ul li a {
padding:15px 0 15px 0;
width:100%;				
display:block;
position:relative;
font-family:'Raleway', Arial, Helvetica, sans-serif;
color:rgba(136, 212, 226, 1.0);
text-decoration:none;
font-size:1.2em;
font-variant:small-caps;
text-align:center;
background:rgba(84, 24, 0, 1.0);
-webkit-transition:color .2s ease-in, background .2s ease-in;
-moz-transition:color .2s ease-in, background .2s ease-in;
-o-transition:color .2s ease-in, background .2s ease-in;
-ms-transition:color .2s ease-in, background .2s ease-in;
}

.nav ul li.radius a {
border-radius:0px 0px 5px 5px;
}

.nav ul li:hover>a, .nav ul li a:hover {
color:rgba(136, 212, 226, 1.0);
background:rgba(105, 40, 20, 1.0);
}