.flexnav {
width:100%;
max-height:0;
margin:0 auto;  
padding:0;
list-style:none;
overflow:hidden;
display:none;
}

.flexnav li {
margin:0;
padding:0;
list-style:none;
float:none;
position:relative;
}

.flexnav li ul {
margin:0;
padding:0;
}

.flexnav li ul li a {
padding-left:30px; 
font-weight:normal;
background: #fff;
color:#444;
border-bottom:1px solid #ccc;
}

.flexnav li ul li a:hover, .flexnav li ul li a.act {
background: #eee;
}

.flexnav a {
text-decoration:none;
display:block;  
font-weight:bold;
padding:0 20px;
height:35px;
line-height:35px;
white-space:nowrap;
font-size:12px;
-o-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-khtml-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #B1F800;
border-bottom:1px solid #f5f5f5;
color:#444;
}

.flexnav a:hover, .flexnav a.act {
background:#83B700;
}

.flexnav.opacity {
opacity:0;    
}

.flexnav.flexnav-show {
max-height:2000px;
opacity:1;
}

.flexnav .touch-button {
position:absolute;
z-index:999;
top:0;
right:0;
width:50px;
height:34px;
display:inline-block;
background:url(../img/sub_down.png) no-repeat center center #83B700;
text-align:center;
}

.flexnav .touch-button:hover {
cursor:pointer;
}

.flexnav .touch-button .navicon {
position:relative;
top:1.4em;
font-size:12px;
color:#666;
display:none;
}

.menu-button {
position:relative;
display:block;
background: #B1F800;
cursor:pointer;
border-bottom:1px solid #f5f5f5;
padding:0 20px;
height:42px;
line-height:42px;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
color:#444;
}

.menu-button.one-page {
position:fixed;
top:0;
right:5%;
padding-right:45px;
}

.menu-button .touch-button {
background:transparent;
position:absolute;
z-index:999;
top:0;
right:0;
width:50px;
height:39px;
display:inline-block;
text-align:center;
background:url(../img/mobilemenu.png) no-repeat center center;
}

.menu-button .touch-button .navicon {
font-size:16px;
position:relative;
top:1em;
color:#666;
display:none;
}

@media screen and (min-width: 481px) {

	.flexnav {
	overflow:visible;
	}

	.flexnav.opacity {
	opacity:1;
	}

	.menu-button {
	display:none;
	}	
}