#fp-nav {display:none}
#main-menu{background-color:#f7f9f9; width:30%; position:absolute; right:0px; padding:0px;}
#main-menu li {
	display:block;
	margin: 2px;
	color: #606062; font-size:10pt
}
#main-menu li.active{
	background:url(../images/bluearw18.png) no-repeat; background-position:right; position:relative; right:0; display:block; color:#08a3c7
}
#main-menu li a{
	text-decoration:none;
	color: #606062;
}
#main-menu li a, #main-menu li.active a{
	padding: 2px 6px;
	display:block; 
}
#main-menu li.active a{
	color: #08a3c7;
}
#main-menu li a:hover{
	 color:#08a3c7; background:url(../images/bluearw18.png) no-repeat; background-position:right; position:relative; right:0;
}



@media all and (max-width: 1023px) {
#main-menu {display: none; float: none;}
}

@media screen and (min-width: 300px) {
#menu-toggle {display: block; position:absolute; right:10px; bottom:20px}
#menu-toggle img {width:20px}
#main-menu{width:220px; position:absolute; right:0px; top:72px; padding:10px}
.marmenub {margin-bottom:10px !important}
#main-menu li {margin: 1px 2px; font-size:10pt}
}

@media all and (min-width: 480px) {
#menu-toggle {right:20px;}
#menu-toggle img {width:30px}
#main-menu{right:0px; top:97px;}

}

@media screen and (min-width: 768px) {
#main-menu{right:0px; top:106px;}
}

@media screen and (min-width: 1024px) {
#menu-toggle {display: none;}
#main-menu{width:100%; position:relative; right:0px; padding:0px; top:0}
.marmenub {margin-bottom:25px !important}
#main-menu li {margin: 3px 2px; font-size:10pt}
#main-menu li:first-child {margin-top:0px}
#main-menu li:last-child {margin-bottom:0px}
}

@media screen and (min-width: 1280px) {
#main-menu li a, #main-menu li.active a{padding: 2px 6px;}
}

@media screen and (min-width: 1440px) {
.marmenub {margin-bottom:30px !important}
#main-menu li {margin: 2px; font-size:12pt}
#main-menu li a, #main-menu li.active a{padding: 2px 6px;}
}