div.menu {
	position: absolute;
}

div.menu ul, li {
	padding: 0;
	margin: 0;
}

div.menu a,
div.menu a:visited {
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0.05em;
}

@media (min-width: 940px) {
	div.menu {
		top: -40px;
		left: 180px;
		z-index: 4;
	}

	div.menu ul li {
		display: inline-block;
	}

	div.menu a,
	div.menu a:visited {
		padding: 8px 15px 8px 15px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	div.menu a:hover,
	div.menu a:active {
		background-color: #444444;
		text-decoration: none;
	}
}
@media (min-width: 0px) and (max-width: 939px) {
	div.menu {
		top: -140px;
		width: 100%;
		padding: 10px 0px 10px 0px;
		background-color: #444444;
		z-index: 2;
		transition: 0.2s;
	}

	div.menu.active {
		top: 0px;
		width: 100%;
		padding: 10px 0px 10px 0px;
		background-color: #444444;
		z-index: 2;
		transition: 0.2s;
	}

	div.menu ul li {
		display: block;
	}

	div.menu a,
	div.menu a:visited {
		display: block;
		padding: 10px 20px 10px 20px;
	}
}