/* nav menu styles */


#nav {   
  padding-left:0px;
  display: block; 
  width: 100%;
  margin: 0 auto;
}

#nav li {
	list-style-type: none; 
 }

#nav > li > a {
	display: block;
	padding: 15px 12px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.47, #141414),
	color-stop(1, #3D3D3D));
	background-image: -o-linear-gradient(bottom, #141414 47%, #3D3D3D 100%);
	background-image: -moz-linear-gradient(bottom, #141414 47%, #3D3D3D 100%);
	background-image: -webkit-linear-gradient(bottom, #141414 47%, #3D3D3D 100%);
	background-image: -ms-linear-gradient(bottom, #141414 47%, #3D3D3D 100%);
	background-image: linear-gradient(to bottom, #141414 47%, #3D3D3D 100%);
}


#nav > li > a:hover, #nav > li > a.open {
	color: #FFF;
	background-color: #38454B;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.35, #212121),
	color-stop(1, #866F4A));
	background-image: -o-linear-gradient(bottom, #212121 35%, #866F4A 100%);
	background-image: -moz-linear-gradient(bottom, #212121 35%, #866F4A 100%);
	background-image: -webkit-linear-gradient(bottom, #212121 35%, #866F4A 100%);
	background-image: -ms-linear-gradient(bottom, #212121 35%, #866F4A 100%);
	background-image: linear-gradient(to bottom, #212121 35%, #866F4A 100%);
}

#nav li ul {
	display: none;
	background-color: #CCC;
	list-style-type: none; 
}

#nav li ul li a {
	display: block;
	background: none;
	padding: 10px 0px;
	padding-left: 0px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#nav li ul li a:hover {
	padding-left:0px;
	background-color: #666;
}