body {
  background: #2b2c31 url(../img/bg.jpg) repeat-x center 0;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica;
  font-size: 13px;
}

#container {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

#header {
  background: transparent url(../img/header.gif) repeat-x left bottom;
  height: 106px;
}

#header h1 {
  margin: 0;
  padding: 0;
}

#header h1 a {
  display: block;
  background: transparent url(../img/logo.png) repeat-x center 0;
  overflow: hidden;
  padding-top: 97px;
  width: 264px;
  height: 0px;
}

#topnav {
  float: right;
  margin-top: -72px;
}

#topnav a {
  display: block;
  float: left;
  background: transparent url(../img/topnav_off.gif) no-repeat center bottom;
  margin-left: 5px;
  padding-top: 55px;
  height: 26px;
  width: 76px;
  color: #fff;
  font-size: 9px;
  text-align: center;
  text-decoration: none;
}

#topnav a.active, #topnav a:hover {
  background-image: url(../img/topnav_on.gif);
}

#topnav h4 {
  float: left;
  margin: 0;
  padding-top: 40px;
  font-size: 12px;
  font-weight: normal;
  color: #ccc;
}

#footer {
  background: transparent url(../img/footer.gif) no-repeat center top;
  height: 117px;
}

#footer a {
  display: block;
  float: left;
  background: transparent url(../img/bottomnav_off.gif) no-repeat center top;
  margin: 0 10px;
  padding-top: 15px;
  height: 117px;
  width: 134px;
  color: #fff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
}

#footer a.active, #footer a:hover {
  background-image: url(../img/bottomnav_on.gif);
}

#video_area {
  clear: both;
  background: #dbdbdb;
  padding: 5px;
  zoom: 1;
}

#video_area:after {
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}