@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;
  font-family: 'Open Sans', sans-serif;
  
}
nav 
{
    
	display:table;
	margin:0 auto;
}
#drop-nav li ul li {border-top: 0px;}
ul {
	margin:0;
	padding:0;
	list-style:none;
}

ul ul {
	opacity:0;
	position:absolute;
	top:160%;
	visibility:hidden;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
	width:200px;
	z-index:9999;
}
ul ul ul {
	top:0%;
	left:160%;
}
ul ul li:hover > ul {
	top:0%;
	left:100%;
	opacity:1;
	visibility:visible;
}
ul li:hover > ul {
	opacity:1;
	top:100%;
	visibility:visible;
}
ul li {
	float:left;
	position:relative;
}
ul ul li {
	float:none;
	 background-color:#187CA1;
	background-image:url(../image/overlay.png);
}
ul li {
	 background-color:#228B22;
	
	cursor: pointer;
	
}
ul a {
	text-decoration:none;
	display:block;
	color:#ffffff;
	padding:12px 10px 12px 10px;
	font-size:14px;
	text-align:center;
  font-family:Century Gothic;
  text-shadow: 0px -1px 0px rgba(0,0,0,.2);
}

ul li:hover {
	background-color:#C3D4C2;
	color:#333333;
	 background-image:url(../image/diamond-eyes.png);
}
ul li a:hover {
	background-color:#92E099;
	color:#333333;
	 background-image:url(../image/diamond-eyes.png);
}
ul ul li a:hover {
	background-color:#92E099;
	left: 0px;
	top: 0px;
	color:#333333;
}