.menu {
	display: block;
	padding: 0px;
	margin: 0px;
	height: 40px;
	position: relative;
	z-index: 10001;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-ms-touch-action: none;
}

.menu img {position: absolute; padding: 0px;  left: 4px; top: 2px; z-index: 10000; display: none;}
.menu ul {padding: 0px; margin: 0px; background: #fff;}
.menu ul li {display: inline-block; position: relative; background: #fff;}
.menu ul li {*display: inline;}
.menu ul li:first-child {margin-left: 5px;}
.menu ul li a {display: block; font: normal 16px/40px 'Roboto condensed', arial, sans-serif; color: #444; text-decoration: none; padding: 0px 5px;}
.menu ul li a:hover {color: navy !important; border-bottom: 0px;}
.menu ul li.current a {color: navy !important; z-index: 100;}
.menu.center {text-align: center;}
.menu.right {text-align: right;}

@media only screen and (max-width: 420px) {
	.menu {width: 100%; text-align: center;}
	.menu.center {margin: 0px auto; text-align: left;}
	.menu.right {margin: 0px 0px 0px auto; text-align: left;}
	.menu img {display: block;}
	.menu ul {text-align: center; border-top: 0px solid white; border-bottom: 0.100em solid navy;}
	.menu ul li a:hover {background-color: #ccffcc;}
	.menu ul li {
		display: block;
		margin-bottom: -40px;
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.menu ul li:first-child {margin-left: 0px;}
	.menu ul li:last-child {margin-bottom: 0px;}
	.menu ul li.current {display: block; z-index: 10;}
	.menu:hover ul li {margin-bottom: 0px;}
}