# adapted from http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0px; padding: 0px; border: 0px;
}

html {
	height: 100%;
	overflow: auto; 

/*	overflow-y: scroll;   //scroll or auto some say not auto
  	-webkit-overflow-scrolling: touch;
  	-webkit-transform: translate3d(0,0,0);
	overflow: hidden;
*/
}


/* also tried -webkit-transform: translateZ(0);*/

body {
	background: #000;
	color: white;
	font-family: Arial, Helvetica, sans-serif; font-size: 18px; 
	margin: 0px;
	position: fixed;
    width: 100%; 
    height: 100%;
    left: 0;
    top: 0;
    overflow:visible;
}

nav {
	background: #000;
	font-size: 18px;  
	text-align: center;
}

nav ul ul {
	display: none;
	text-align: left
}

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


nav ul {
	background: #333; 
	padding: 0 5px;
	list-style: none;
	position: relative;
	display: inline-table;
	border-radius: 5px;
}
	
nav ul:after {
	content: ""; clear: both; display: block;
}

	nav ul li {
		float: left;

	}
		nav ul li:hover {
			background: #3182bd;
			border-radius: 5px;
		}
			nav ul li:hover a {
				color: #fff;
				border-radius: 5px;
			}
		
		nav ul li a {
			display: block; padding: 5px 15px;
			color: #fff; text-decoration: none;
			border-radius: 5px;
		}
			
		
	nav ul ul {
		background: #6baed6; border-radius: 10px; padding: 0;
		position: absolute; top: 100%;
	}
		nav ul ul li {
			float: none; 
			border-top: 1px solid #6b727c;
			border-bottom: 1px solid #575f6a; position: relative;
			border-radius: 5px;
		}
			nav ul ul li a {
				padding: 5px 15px;
				color: #fff;
			}	
				nav ul ul li a:hover {
					background: #3182bd;
				}
		
	nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}