#nav {
	float: left;
	width: 100%;
  list-style: none;
  margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
}

#nav li ul {
  padding-left: 0;
}

#nav li {
	margin-right: 10px;
	position: relative;
	display: block;
}

#nav li a {
	display: block;
  padding: 5px;
  color: #000000;
	text-decoration: none;
}

#nav li a:hover {
	color: #ffffff;
	background: #000000;
}

#nav ul {
	list-style: none;
	position: absolute;
	display: none;
}

#nav ul li {
	float: none;
}

#nav ul a {
	white-space: nowrap;
	display: block;
}

#nav li:hover a {
  background: #000000;
  color: #ffffff;
}

#nav li:hover ul li a:hover {
	background: #666666;
}

@media (min-width: 480px) {
  #nav li {
    float: left;
  }
  
  #nav li:hover ul {
    display: list-item;
  }
}