body {
  margin: 15px;
  font: 9pt verdana, sans-serif;
  background: #000;
  color: #FFF;
  }
#main {
  width: 750px;
  margin: auto;
  border: 1px solid #FFF;
  background-color: #333;
  color: #FFF;
  }
#content {
  width: auto;
  text-align: left;
  padding: 0px 5px 0px 5px;
  margin: -11px 0px -6px 0px;
  }
#nav {
  margin: 0px 0px -8px 0px;
  padding: 0px;
  width: 750px;
  height: 30px;
  background: url(../media/navback.png) repeat-x;
  color: #FFF;
  }
#nav li {
  font: bold 12pt verdana, sans-serif;
  display: inline;
}
#nav li a {
  margin: 5px 0px 0px 0px;
  padding: 0px 5px 6px 5px;
  width: auto;
  color: #fff;
  text-decoration: none;
  text-align: center;
  float: left;
}
#nav li a:link, a:visited {
  background: url(../media/inactive.png) no-repeat 50% 20px;
}
#nav li a:hover, a:active, a:focus {
  background: url(../media/active.png) no-repeat 50% 6px;
}
#lorem #nav-lorem a,
#ipsum #nav-ipsum a,
#dolor #nav-dolor a,
#consectetuer #nav-consectetuer a {
  background: url(../media/active.png) no-repeat 50% 6px;
}
#side {
  margin: 8px 0px 5px 5px;
  padding: 5px;
  width: 200px;
  height: inherit;
  position: relative;
  float: right;
  background: #555;
  }