html, body {
	height: 100%;
	padding: 0;
	margin: 0;
}
ul {
	padding:0;
	margin: 0;
	list-style: none;
}
#navwrap {
	position:relative;
	top: 0;
	bottom:0;
	right: 0;
	width: 100%;
	height:28px;
	margin:auto;
}
#nav ul {
	width: 100px;
	background: grey;
	position:absolute;
	left:-9999em;
}
#nav a {
	display:block;
	padding:5px 10px;
}
#nav ul li {
	position:relative;
}
#nav li:hover > ul {
	left:100%;
	top:0;
}
#nav li:hover > a {
	font-weight:600;
	cursor:pointer
}
#button-one a {
	display: block;
	padding:8px 15px;
	background: white;
}
.close {
	/*z-index:-1;
	opacity:0;
	transition:all .5s ease 5s;
	position:absolute;
	left:0;
	top:0;*/
}
#nav:hover + .close {
	top:-100%;
	opacity:1;
	display: block;
	padding:5px 10px;
	background: white;
}