@font-face {
	font-family:"optima";
	src:url(../fonts/optima.ttf) format("truetype");
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  src: url(../fonts/lato.woff) format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  src: url(../fonts/oswald.woff) format('woff');
}

nav {
	text-transform:uppercase;
	font-size:18px;
	text-align: left;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	margin:0px;
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
		}
			nav ul li:hover a {
				text-shadow: 1px 1px #ffffff;
				color: #000;
				text-decoration:none;
			}
		
		nav ul li a {
			text-shadow: 2px 1px #000000;
			display: block; padding: 5px 10px;		
			color:#FFF; text-decoration: none;
		}
			
		
	nav ul ul {
		-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		border: 1px solid rgba(0,0,0,0.2);
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background: #fff;
		padding:0px;
		padding:10px 0px;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			padding:0px 10px;
			float: none;
			position: relative;
		}
		nav ul ul li:hover{
			background:#00F;
			}
			nav ul ul li a {
				padding: 5px 10px;
				text-shadow: 1px 1px #ffffff;
				color: #000!important;
			}	
				nav ul ul li a:hover {
				text-shadow: 2px 1px #000000;
				color:#FFF !important;
				}
				
				
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}