nav{
	background: rgba(0,0,0);
	background: rgba(0,0,0,.75);
	position: relative;
	height: 48px;
	padding: 1px 0;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2);
	z-index: 10;
}

nav .width-wrapper{
	overflow: visible;
}

nav h1{
	float: left;
}
nav h1 a{
	padding: 14px 0 0;
	font-family: "arno-pro-caption";
	display:block;
	font-size: 20px;
	text-transform: uppercase;
	color: #FFF;
}
nav h1 a span{
	font-size: 26px;
	font-family: "arno-pro";
}

nav ul{
	float: right;
}

nav ul li{
	float: left;
	margin-right: 1px;
	position: relative;
}

nav ul li a{
	color: #000;
	padding: 15px 12px;
	background: #f5f5f5;
	display: block;
	height: 48px;
	box-sizing: border-box;
	font-family: "arno-pro-caption";
	text-rendering: optimizeLegibility;
	text-transform:uppercase;
	font-size: 17px;
	position: relative;
}

nav ul li.nav-projects > a{
	padding-right: 25px;
}
nav ul li.nav-projects > a:after{
	content: '';
	position: absolute;
	top: 20px;
	right: 8px;
	display: block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASCAYAAABfJS4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUJDODhERTMxMzY1MTFFMzkzQ0ZBMEMwNzA4MUNENDAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUJDODhERTQxMzY1MTFFMzkzQ0ZBMEMwNzA4MUNENDAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQkM4OERFMTEzNjUxMUUzOTNDRkEwQzA3MDgxQ0Q0MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQkM4OERFMjEzNjUxMUUzOTNDRkEwQzA3MDgxQ0Q0MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PopGB8sAAAGLSURBVHjarJQxSMNAGIX/FBEEl7o6ZilOZsoiHV2ydBQ7iU5OgiAOguDSweKSodBCF0uwazpKhlS3lkKEDsUOGRJ0qO1WsEPP/w+9esTEWpsHj7zLu/u4kFwAALbQH2iWkN9mzEDHCYIPGWMgwbee0HvpdBpkWYZl5LouDAYDio8I3aewJvQn6JfRaLSezWYhk8n8CdrtdqHdblOcoE/5fRHcQ9+hLy3Lgnw+D5IkLQRXKhUeb3C3fT5IheZdo/uO40CpVFoI1XUdWq0WRQLeil0YPH8cwzDA87xYqO/7UK/X+fAIdzv5DRy8AOKOx2MoFouxYOpoDuoeoc/hPhWz7hw9bDab0Gg0fpSmaYJt2xSH6LMoQBz4HX1FoVqtwnQ6nReUa7UaH17gbofwD9G3zTRNY51OJ3Aul+MHgTqgwxDlRdpFf9L6crnMcPccSvd2VgGTCrReURSmqioHF3i5CngT/Sr8CyhvJAEmaQJYE4s4sLTEi3yYXQ/C4CgtA97mhy5pcKTiwF8CDAAzohi5pJzYGQAAAABJRU5ErkJggg==);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: 11px 9px;
	width: 11px;
	height: 9px;
}

nav ul li ul{
	display: none;
	position: absolute;
	top: 48px;
	right: 0;
	width: 250px;
	box-shadow: 0 1px 2px #000;
}

nav ul li:hover ul{
	display: block;
}
nav ul li ul li{
	float: none;
	border-top: 1px solid black;
	text-align: right;
	
}
nav ul li:hover ul li{
	opacity: 1;
}
nav ul li ul li a{
	text-transform: none;
	height: auto;
}

nav:before{
	position: absolute;
	left: 30;
	top: 0;
	width: 100px;
	height: 74px;
	content: '';
	background: url(/img/nav/seal.png);
	background-size: contain;
	display: none;
}

@media (max-width:989px) {
	nav{
		overflow: hidden;
		height: auto;
	}
	nav h1{
		float: none;
		margin-bottom: 1em;
	}
	nav ul{
		float: none;
		clear: both;
		margin: 0 -5px;
		overflow: hidden;
	}
	nav ul li:hover ul{
		display: none;
	}
	nav ul li.nav-projects > a{
		padding-right: 7px;
	}
	nav ul li.nav-projects > a:after{
		display: none;
	}
	nav ul li a{
		padding: 7px 9px 5px;
		height: auto;
	}
	nav ul li{
		border: 1px solid #000;
		margin: 0 0 -1px -1px;
	}
}

@media (max-width:749px) {
	nav ul{
		background: #333;
	}
}

@media (min-width:1250px) {
	nav:before{
		display: block;
	}
}

@media (min-width:1400px) {
	/*
	nav:before{
		display: none;
	}
	*/
}

@media (min-width:1600px) {
	nav:before{
		display: block;
	}
}