nav {
	margin: 0px; 
	padding: 0px;
	border: 0;
	text-align: center;
	white-space: nowrap;
	
}


nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}


nav ul {
	background: #222222; 
	background: linear-gradient(top, #666666 0%, #000000 100%);  
	background: -moz-linear-gradient(top, #666666 0%, #000000 100%); 
	background: -webkit-linear-gradient(top, #666666 0%,#000000 100%);
	padding: 0px 15px 0px 15px;
	margin: 0;
	border-radius: 8px;  
	list-style: none;
	position: relative;
	z-index: 500;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #222222;
			background: linear-gradient(top, #666666 0%, #000000 100%);
			background: -moz-linear-gradient(top, #666666 0%, #000000 100%);
			background: -webkit-linear-gradient(top, #666666 0%,#000000 100%);
		}
			nav ul li:hover a {
				color: #fff;
			}
		
		nav ul li a {
			display: block; padding: 8px 2px;
			color: #ffffff; text-decoration: none; font-weight:bold;
			
		}
	    nav ul ul {
		background: #000000; border-radius: 0px; padding: 0px;
		position: absolute; top: 100%;
		text-align:left;
	    }
		nav ul ul li {
			float: none; 
			border-top: 1px solid #cccccc;
			border-bottom: 1px solid #000000; position: relative;
		}
			nav ul ul li a {
				padding: 5px 15px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #666666;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}