nav {
	margin: 0px auto; /* page margin */
	text-align: left;/* alignment */
}

nav ul ul {
	display: none;
}

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


nav ul {
	background: #454545; /* background colour */
	
	padding: 0 20px; /* left and right padding */
	border-radius: 0px; /* border radius for edges */ 
	list-style: none;
	position: relative;
	display: inline-table;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

	nav ul li {
		float: left;
	}
		nav ul li:hover {
			background: #4b545f; /* hovered main menu background colour */
		}
			nav ul li:hover a {
				color: #3DBCFF; /* main menu hovered colour */
			}
		
		nav ul li a {
			display: block; padding: 4px 20px; /* menu padding height width */
			color: #ffffff; text-decoration: none; /* main menu text colour */
		}
			
		
	nav ul ul {
		background: #404040; border-radius: 0px; padding: 0; /* sub menu background colours */
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #525252; /* menu top border */
			border-bottom: 1px solid #525252; position: relative; /* menu bottom border */
		}
			nav ul ul li a {
				padding: 5px 20px; /* sub menu size height and width */
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #4b545f; /* sub menu background */
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}