nav {
	width: 1020px;
	height: 58px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	background-image: -moz-linear-gradient(top, #ffffff, #cfcfcf);
	background-image: -ms-linear-gradient(top, #ffffff, #cfcfcf);
	background-image: -o-linear-gradient(top, #ffffff, #cfcfcf);
	background-image: -webkit-linear-gradient(top, #ffffff, #cfcfcf);
	background-image: linear-gradient(top, #ffffff, #cfcfcf);
}
nav li {
  position: relative;
	width: 204px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}
nav li a {
	width: auto;
	color: #2e2118;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: block;
}
nav li a:hover {
	text-decoration: underline;
}
nav:before, nav:after{
  content: "";
  display: table;
}
nav:after{
  clear: both;
}
nav li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 58px;
  left: 0;
  margin: 0;
  padding: 0;
}
nav li ul li{
	width: 204px;
}
nav li ul li a{
	padding: 13px 15px;
	background-color: #FFFFFF;
	text-align: left;
}
nav li:hover > a{
	color: #ff8f00;
	opacity: 1;
	filter: alpha(opacity=100);
}
nav li ul li{
  overflow: hidden;
  height: 0;
  transition: .2s;
}
nav li:hover ul li{
  overflow: visible;
  height: 45px;
}