nav
{
margin-top:0px;
background:white;
position:absolute;
top:75px;
left:300px;
right:0px;
white-space:nowrap;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;
white-space: nowrap;
padding-left:5px;
box-shadow: 8px 8px 15px rgba(0,0,0,0.6);
-moz-box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
-webkit-box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
-o-box-shadow: 5px 5px 15px rgba(0,0,0,0.6);
}

nav ul
{
    -webkit-font-smoothing:antialiased;
    text-shadow:0 1px 0 #FFF;
    list-style: none;
    margin: 0px;
    width: 100%;
    height:100%;
}

nav li
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

nav a
{
    background: white;
    color: #444;
    display: block;
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    font: bold 14px/25px sans-serif;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

nav li:hover a
{
    background: #EFEFFF;
}

nav li ul
{
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 20px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

nav li:hover ul
{
    opacity: 1;
    top: 35px;
    visibility: visible;
}

nav li ul li
{
    float: none;
    width: 100%;
}

nav li ul a:hover
{
    background: #efefff;
}

/* Clearfix */

.cf:after, .cf:before
{
    content:"";
    display:table;
}

.cf:after
{
    clear:both;
}

.cf
{
    zoom:1;
}