body
{
	background-color:#333333;
	color:#ffffff;
}
#wrap
{
	height:97vh;
}

#top
{
	position:relative;
	text-align:center;
	top:0px;
	height:10vh;
	z-index:20;
}

#logo
{
	font-family:Times; font-size:3vw; font-style:bold;
}
.nav 
{
overflow:auto;
background-color:#262626;
white-space:nowrap;
font-family:Arial;
}
.nav a 
{
display:inline-block;
float:left;
font-size:16px;
color:#ffffff;
text-align:center;
padding:14px 16px;
text-decoration: none;
}
.sub 
{
float: left;
overflow: hidden;
}
.sub .btn 
{
font-size:16px;
border:none;
outline:none;
color:#ffffff;
padding:14px 16px;
background-color:inherit;
font-family:inherit;
margin:0;
}
.nav a:hover, .sub:hover .btn 
{
  background-color: red;
}

.items {
  display: none;
  position: absolute;
  background-color:#262626;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.items a {
  float: none;
  color:#ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.items a:hover {
  background-color:#757575;
}
.sub:hover .items {
  display: block;
} 
#bottom
{
	position:relative;
	top:0vh;
	height:80vh;
	z-index:5;
}

#mpheists
{
width:90%;
height:500;
}

#mpheister
{
left:10px;
width:90%;	
}

#mask1
{
	background-color:#333333;
	border-collapse:collapse;
}

.mask1 td 
{
	background-color:#333333;

}

#mask-left
{
	float:left;

}
#mask-right
{
	float:right;
}
#wep-left
{
	float:left;
	width:60%;
}
#wep-right
{
	float:right;
	width:40%;
}
#imgmask
{
	background:transparent;
	display:block;
}
