@charset "utf-8";
/* CSS Document */ /* this formats the nav menu */
nav {width: 98%; text-align:center; background-color:#111;}
nav ul {float: center; line-height:60px;}
nav li {display: inline; list-style-type: none;}
nav a { text-decoration:none; padding:10px; color:#999; font-family: sans-serif;}
div #nav {  }

a, a:visited{  
  font-family: sans-serif;
  text-decoration: none;
  color: #FFFFFF;
}

.main-nav, .sub-navigation {
  background: #111;
  z-index:1000;
  padding: 10px;
}

.nav-item, .subnav {
  padding: 10px;
  z-index:1000;
  color: #EDEDED;
}

.subnav-item {
  padding: 10px 20px;
  z-index:1000;
  color: #EDEDED;
  display: block;
  background: #232323; 
}

.nav-item:hover, .subnav-item:hover {
  background: #606060;
  color: #EFEFEF;
  z-index:1000;
}

.main-wrapper {
  background: #1F1F1F;
  width: 80%;
  max-width: 1000px;
  height: 100%;
  position: absolute;
  left: 10%
}

.subnav {
  postion: relative;
  display: inline-block;
  font-family: sans-serif;
  color:#EDEDED; 
  z-index:1000;
}

.subnav nav, #subnav {
  display: none;
  position: absolute;
}

.subnav:hover nav {
  display: block;
  width: 200px;
  z-index:1000;
}

#subnav.showsubnav {
  display: block;
  width: 200px;
  z-index:1000;
}

.img { vertical-align: middle; }