.clearfix {
    clear: both;
}

.wrap {
    width: 100%;
    max-width: 90%
}

nav {
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ccc));
    background-image: linear-gradient(#fff, #ccc);
    border-radius: 6px;
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.4);
    position: relative;
    top: 40px;
    width: 100%;
    z-index: 100000;
}

.menu1 li {
    float: right;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 11000;
}

    .menu1 li ul {
        padding-right: 0px;
        padding-left: 0px;
    }

    .menu1 li a {
        color: #04994e;
        display: block;
     
        line-height: 20px;
        padding: 6px 12px;
        margin: 8px 8px;
      
        vertical-align: middle;
        text-decoration: none;
        z-index: 999;
      
    }

        .menu1 li a:hover {
            background: -webkit-gradient(linear, center top, center bottom, from(#468c5f), to(#468c5f));
            background-image: linear-gradient(#ededed, #fff);
            border-radius: 12px;
            box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
            color: White;
            z-index: 1;
            display: block;
        }

/* Dropdown styles */

.menu1 ul {
    position: absolute;
    left: -9999px;
    list-style: none;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 999;
}

    .menu1 ul li {
        float: none;
        z-index: 999;
    }

    .menu1 ul a {
        white-space: nowrap;
        z-index: 999;
    }

/* Displays the dropdown on hover and moves back into position */
.menu1 li:hover ul {
    background: rgba(255,255,255,0.7);
    background: rgb(226,223,223);
    border-radius: 0 0 6px 6px;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
    left: 5px;
    z-index: 999;
    opacity: 1;
}

/* Persistant Hover State */
.menu1 li:hover a {
    background: -webkit-gradient(linear, center top, center bottom, from(#ccc), to(#ededed));
    background-image: linear-gradient(#ccc, #ededed);
    border-radius: 12px;
    box-shadow: inset 0px 0px 1px 1px rgba(0,0,0,0.1);
    color: #04994e;
}

.menu1 li:hover ul a {
    background: none;
    z-index: 999;
}

.menu1 li:hover ul li a:hover {
    background: #04994e;
    border-radius: 12px;
    color: White;
    box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
    z-index: 999;
}