.clear {
    clear: both;
}
/* remove the list style */

#nav /* make the LI display inline */ /* it's position relative so that position absolute */ /* can be used in submenu */ {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 97%;
}

    #nav li /* this is the parent menu */ {
        float: left;
        display: block; /*width: 125px; 		background: #5E4338;*/
        position: relative;
        z-index: 500;
        margin: 0px 1px;
        font-size: 14px;
        padding: 0px;
    }

        #nav li a {
            display: block;
            padding: 9px 15px;
            font-weight: normal;
            height: 21px;
            text-decoration: none;
            text-align: center;
            color: #666666;
            font-family: 'Poppins', Helvetica, Arial, sans-serif;
            margin-top: 1px;
        }

            #nav li a:hover {
                color: #fff; /*border:solid 1px #4F231F;*/
                background-color: #13A3F7;
                /*background-image: -moz-linear-gradient(center top , #5E4338, #484033);
	margin: -1px;*/
            }
    /* you can make a different style for default selected value */

    #nav a.selected {
        color: #f00;
    }
    /* submenu, it's hidden by default */


    #nav li ul.profile {
        right: 0;
        left: auto;
    }

    #nav li ul {
        position: absolute;
        left: 0;
        display: none;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        border-radius: 0px 0px 4px 4px;
        background-color: white;
        webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
        box-shadow: 0 1px 3px rgba(0,0,0,.15);
        border: 1px solid #d9d9d9; /*#b3b3b3;*/
        border-top: none;
    }

        #nav li ul li {
            width: 225px;
            float: left;
            padding: 0px;
            background: #ffffff;
            color: #666666;
        }
        /* display block will make the link fill the whole area of LI */

        #nav li ul a {
            font-family: 'Poppins', 'Helvetica', 'Arial', sans-serif;
            font-size: 13px;
            font-weight: 500;
            display: block;
            padding: 5px 8px;
            text-align: left;
            color: #555;
        }

            #nav li ul a:hover {
                text-decoration: none;
                color: #ffffff;
                /*border: 1px solid #827D6A;*/
                background-color: #13A3F7;
                /*background-image: -moz-linear-gradient(center top , #5E4338, #484033);
	margin: -1px;
	font-weight: bold;*/
            }
    /* fix ie6 small issue */ /* we should always avoid using hack like this */ /* should put it into separate file : ) */

    *html #nav ul {
        margin: 0 0 0 -2px;
    }