.nav,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Top level nav */
.nav {
    float: left;
    position: absolute;
}

    /* Dropdowns */
    .nav ul {
        position: absolute;
        /*opacity: 0;*/
        display: none;
        z-index: 500;
        font: 13px/1.1 Trebuchet MS, Arial;
        height: auto;
        padding: 8px 15px;
        color: #FFF;
        background-color: #333;
        background-image: none;
        width: 182px;
        top: 50px;
        left: 0;
    }

    .nav li {
        float: left;
        position: relative;
    }

        /* Top level nav items */
        .nav li > a {
            display: block;
            text-align: left;
            font: 16px Trebuchet MS, Arial;
            float: left;
            border-right: 1px solid #FFF;
        }

            /* Top level hover state, preserve hover state when hovering dropdown  */
            .nav li > a:hover,
            .nav li > a:focus,
            .nav li:focus > a,
            .nav li:hover > a {
                background-image: linear-gradient(to bottom, #379a95, #34928d, #308a85, #2d827e, #2a7a76);
                color: #FFF !important;
                outline: 0;
            }



        .nav li:hover ul,
        .nav li:focus ul,
        ul.show-menu {
            left: 0;
            /*opacity: 0.99;*/
            display: block;
        }
    /* Dropdowns */
    .nav ul li {
        float: none;
        position: static;
        color: #FFF;
        text-shadow: none;
        border-right: none;
    }

    .nav ul a {
        float: none;
        display: block;
        color: #FFF !important;
        height: auto;
        font: 13px/1.1 Trebuchet MS, Arial;
        padding: 8px 15px;
        width: 150px;
        background-color: #333;
    }

        .nav ul a:hover,
        .nav ul a:focus {
            background-image: linear-gradient(to bottom, #379a95, #34928d, #308a85, #2d827e, #2a7a76);
            color: #FFF !important;
            text-shadow: none;
        }