ul#nav {
    display: block;
    float: left;
    font-family: Trebuchet MS,sans-serif;
    font-size: 0;
    width: 95.5%;
    background: linear-gradient(#6d64a2, #2f4f4f) repeat scroll 0 0 rgba(0, 0, 0, 0); /* FF 3.6+ */
    background: -ms-linear-gradient(#6d64a2, #2f4f4f); /* IE10 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #c4c4c4)); /* Safari 4+, Chrome 2+ */
    background: -webkit-linear-gradient(#6d64a2, #2f4f4f); /* Safari 5.1+, Chrome 10+ */
    background: -o-linear-gradient(#6d64a2, #2f4f4f); /* Opera 11.10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d64a2', endColorstr='#2f4f4f'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6d64a2', endColorstr='#2f4f4f')"; /* IE8+ */
    background: linear-gradient(#6d64a2, #2f4f4f); /* the standard */
}

    ul#nav, ul#nav ul {
        list-style: none;
        /*margin: 0;*/
    }

        ul#nav, ul#nav .subs {
            background-color: #444;
            border: 1px solid #454545;
            margin-top: -1px;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            z-index: 999;
            width: 100%;
            padding: 0;
        }

            ul#nav .subs {
                background-color: #fff;
                border: 2px solid #222;
                display: none;
                float: left;
                left: 0;
                padding: 0 6px 6px;
                position: absolute;
                top: 100%;
                width: 250px;
                border-radius: 7px;
                -moz-border-radius: 7px;
                -webkit-border-radius: 7px;
            }

            ul#nav li:hover > * {
                display: block;
            }

            ul#nav li:hover {
                position: relative;
            }

            ul#nav ul .subs {
                left: 100%;
                position: absolute;
                top: 0;
            }

            ul#nav ul {
                padding: 0 5px 5px;
            }

            ul#nav .col {
                float: left;
                width: 50%;
            }

            ul#nav li {
                display: block;
                float: left;
                font-size: 0;
                white-space: nowrap;
            }

            ul#nav > li, ul#nav li {
                margin: 0 0 0 -34px;
            }

            ul#nav ul > li {
                margin: 5px 0 0;
            }

            ul#nav a:active, ul#nav a:focus {
                outline-style: none;
            }

            ul#nav a {
                border-style: none;
                border-width: 0;
                color: #FFFFFF;
                cursor: pointer;
                display: block;
                font-size: 13px;
                font-weight: bold;
                padding: 8px 17px;
                text-align: left;
                text-decoration: none;
                /*text-shadow: #fff 0 1px 1px;*/
                vertical-align: middle;
            }

            ul#nav ul li {
                float: none;
                margin: 6px 0 0;
            }

            ul#nav ul a {
                background-color: #fff;
                border-color: #efefef;
                border-style: solid;
                border-width: 0 0 1px;
                color: #000;
                font-size: 11px;
                padding: 4px;
                text-align: left;
                text-decoration: none;
                text-shadow: #fff 0 0 0;
                border-radius: 0;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
            }

            ul#nav li:hover > a {
                border-style: none;
                color: #fff;
                font-size: 13px;
                font-weight: bold;
                text-decoration: none;
                text-shadow: #181818 0 1px 1px;
            }

            ul#nav img {
                border: none;
                margin-right: 8px;
                vertical-align: initial;
            }

            ul#nav span {
                background-position: right center;
                background-repeat: no-repeat;
                display: block;
                overflow: visible;
                padding-right: 0;
            }

            ul#nav ul span {
                background-image: url("../images/arrow.png");
                padding-right: 20px;
            }

            ul#nav ul li:hover > a {
                border-color: #444;
                border-style: solid;
                color: #444;
                font-size: 11px;
                text-decoration: none;
                text-shadow: #fff 0 0 0;
            }

            ul#nav > li > a {
                border-radius: 11px;
                height: 30px;
                line-height: 20px;
                margin-left: 16px;
                margin-right: 16px;
                -moz-border-radius: 11px;
                -webkit-border-radius: 11px; 
                text-align:center;
            }

            ul#nav > li:hover > a {
                background-color: #313638;
                line-height: 25px;
            }