body {
	background-color: gray;
	color: white;
	overflow: hidden;
	white-space: nowrap;
	}
a:link, a:visited {
	background-color: gray;
	color: white;
	border: 1px solid white;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 2px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
a:hover, a:active {
	background-color: white;
	color: gray;
	border: 1px solid gray;
	border-radius: 5px;
}
button {
	background-color: gray;
	color: white;
	border: 1px solid white;
	border-radius: 5px;
	margin: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	width: 200px;
	height: 50px;
	}
button:hover {
	background-color: white;
	color: gray;
	border: 1px solid gray;
	border-radius: 5px;
	margin: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	}
	
/* nav */
.nav-menu,.nav-menu ul,.nav-menu li,.nav-menu a { margin: 0; padding: 0; line-height: normal; list-style: none; display: block; position: relative; }
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999;}
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu ul li:hover > ul { top: 0; left: 100%; }
.nav-menu li { cursor: default; float: left; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { min-width: 12em;}

/* left */
.nav-center-1 { position:absolute; top:15px; left: 50px; }
.nav-center-1 > li { left: 50px; }
.nav-center-2 { position:absolute; top:70px; left: 50px; }
.nav-center-2 > li { left: 50px; }

/* root */
.nav-menu a {
  padding: 0 10px;
  background-color: gray;
  color: white;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  text-decoration: none;
}

/* root: active */
.nav-menu > li > .nav-active {}

/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
  background: white;
  color: gray;
}

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
  padding: 8px 10px;
  background: white;
  color: gray;
  font-size: 12px;
  line-height: normal;
}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
  background: gray;
  color: white;
}

/* 3 */
.nav-menu li:hover li:hover li a {
  background: gray;
  color: white;
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
  background: gray;
  color: white;
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
  background: gray;
  color: white;
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
  background: gray;
  color: white;
}

/* vertical */
.nav-vertical { max-width: 200px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }

img {
	position: absolute;
	top: 150px;
	left: 100px;
	}
	
.links {
	position: absolute;
	top: 450px;
	left: 125px;
	}