#menu{
	position:fixed;
	top:5px;
	left:10px;
	height: 40px;
	z-index: 70;
	width: 100%;
	padding: 0;
	margin:0;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400;
	font-size:13px;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
	text-transform: uppercase;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
	padding: .25em 1em;
	text-decoration: none;
	zoom: 1; /* IE7 */
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu li.active a{
	color:gray;
}
ul.sub{
	text-transform: none;
}


#mobnav-btn {
    display: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    position: fixed;
    top: 15px;
    left: 15px;
    width: 15px;
    height: 40px;
    text-align: center;

}
#mobnav-btn img {
	margin-top:7px;
}
.mobnav-subarrow {
    display: none;
}
/* iPhone 6 in portrait & landscape */
@media screen and (max-width: 480px) {

    #mobnav-btn {
    	display: block;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu.xactive {
        display: block!important;
        background: black;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
        background: black;
        opacity: .9;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        margin-left:20px;
    }
    .xpopdrop ul {
        display: block!important;
    }
}
