.clearfix{z-index: 999;}
#nav{
    width: 100%;min-width:950px; max-width:100%;
    float: left;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size:1.0em;
    color: #ececec;
    border-top: 1px solid #a3a3a3;
    border-bottom: 1px solid #a3a3a3;
    }
    #nav > a{display: none;}
    #nav li{position: relative;}
    #nav li a{color: #282828; display: block;}
    #nav li a:active{background-color: #ddd !important;}

    #nav span:after{
        width: 0;
        height: 0;
        border: 0.313em solid transparent; /* 5 */
        border-bottom: none;
        border-top-color: #777;
        content: '';
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: -0.313em; /* 5 */
    }
    /* first level */
        #nav > ul{
            height: 2.0em;
            background-color: #FFF;
                 z-index: 999;
        }
        #nav > ul > li{
            width: 12.5%;
            height: 100%;
            float: left;
        }
        #nav > ul > li > a{
            height: 100%;
            font-size: 0.9em;
            line-height: 2.4em;
            text-align: ;
        }
        #nav > ul > li:not( :last-child ) > a{border-right: 1px solid #a3a3a3;}
        #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a{background-color: #eee;}

    /* second level */
        #nav li ul{
            width: 200%;
            background-color: #eee;
            display: none;
            position: absolute;
            top: 100%;
            text-align: center;
                z-index: 999;
        }
        #nav li:hover ul{display: block; left: 0;right: 0;}
        #nav li:not( :first-child ):hover ul{left: -1px;}
        #nav li ul a{
            font-size: 0.8em;
            border-top: 1px solid #ddd;
            padding: 0.75em;
            padding-left:1.4em;
        }
        #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a{background-color: #ddd;}