@import url(http://fonts.googleapis.com/css?family=Open+Sans);

span.dropBottom,span.dropRight {
	display: block;
	box-shadow:inset 2px 0px 0px #FF9;
	position: absolute;
	left: 0px;
	width:100%;
	height: 100%;
	top: 0px;
	z-index:9999;
}
span.dropBottom {
	
	position: absolute;
	width: 100%;
	bottom: 0px;
	z-index:9999;
}
h1 {
	color:#EDEDED;
  text-align:center;
  
}
nav {
	display:table;
	margin:0 auto;
	background-color:#922626;
	background-image:url(../images/brilliant.png);
	font-family:Century Gothic;
 
}
ul.drop-nav {
	margin:0;
	padding:0;
	list-style:none;
	z-index:99999;
}

ul.drop-nav ul {
	
	position:absolute;
	top:160%;
	visibility:hidden;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	width:200px;
	z-index:99999;
	list-style:none;
	padding:0px;
}
ul.drop-nav ul ul {
	top:0%;
	left:160%;
}
ul.drop-nav ul li:hover > ul {
	top:0%;
	left:100%;
	
	visibility:visible;
}
ul.drop-nav li:hover > ul {
	
	top:100%;
	visibility:visible;
}
ul.drop-nav li {
	float:left;
	position:relative;
	background-color:#922626;
	background-image:url(../images/brilliant.png);
	color:#FF9;
}
ul.drop-nav ul li {
	float:none;
	background-color:#F69E37;
	background-image:url(../images/brilliant.png);
	color:#922626;
	border-bottom:1px solid #33cc33;
}
ul.drop-nav ul li a {
	
	color:#922626;
}

ul.drop-nav a {
	text-decoration:none;
	display:block;
	color:#FF9;
	padding:10px 15px;
	font-size:15px;
	text-align:center;
 font-family:Century Gothic;
  text-shadow: 0px -1px 0px rgba(0,0,0,.2);
}

ul.drop-nav li:hover {
	background-color:#FFFFCC;
	color:#922626;
}
ul.drop-nav li:hover a {
	color:#000000;
}
ul.drop-nav li a:hover {
	background-color:#FFFFCC;
	-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
color:#922626;
	
}
ul.drop-nav ul li a:hover {
	background-color:#FFFFCC;
	box-shadow:inset 2px 0px 0px #FF9;
	left: 0px;
	top: 0px;
	
}