* {
  font-family: Arial;
  font-style: normal;
  font-weight: normal;
  font-variant: small-caps;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
  margin: 0px;
  border: 0px;
  padding: 0px;
  outline: none;
/*border-width: 1px;
border-color: red;
border-style: dotted dotted dotted dotted; */
}

body {
  background-color: black;
  color: white;
}

div#container {
  position: absolute;
  width: 872px;
  height: 577px;
  left: 50%;
  margin-left:-436px;
  top: 50%;
  margin-top: -288px;
  background-image: url('bg.gif');
}

h1 {
  position: absolute;
  width: 669px;
  left: 101px;
  bottom: 514px;
  font-size: 28px;
  line-height: 27px;
}
h1 a {
  color: #999;
}
h1 a b {
  color: #FFF;
}
h1 a i {
  color: #666;
  font-size: 16px;
  line-height: 15px;
}

ul#menu {
  position: absolute;
  right: 773px;
  bottom: 66px;
  font-size: 13px;
  padding: 0px 5px 2px 0px;
  text-align: right;
  list-style: none;
  display: block;
}
ul#menu li a {
  color: #7BD;
}
ul#menu li a:hover {
  color: #FF0;
}
ul#menu li a:active, ul#menu li a:focus {
  color: #FF0;
  outline: none;
}
ul#menu li span {
  color: #888;
}
ul#menu *.section {
  padding-top: 9px;
}

a#main,ul#main,div#main {
  position: absolute;
  left: 101px;
  top: 66px;
  width: 669px;
  height: 445px;
  overflow: hidden;
}

ul#main li {
  float: left;
  display: block;
  margin: 1px;
}
ul#main li a {
  float: left;
  display: block;
  padding: 3px;
}
ul#main li a:hover {
  background-color: #EE2;
}

ul#main li a img {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA;
}

div#main {
  background-image: url('thumbbg.jpg');
}
div#main h4 {
  font-size: 17px;
  color: white;
  font-weight: bold;
  margin: 10px 5px 10px 15px;
  display: block;
}
div#main p {
  font-family: Tahoma, Arial, Helvetica, sans;
  font-size: 13px;
  font-variant: normal;
  color: #EEE;
  margin: 7px 5px 5px 15px;
  text-indent: 20px;
}
div#main p b {
  font-variant: normal;
  color: #FFF;
  font-weight: bold;
}
div#main p i {
  color: #FCA;
}
div#main a {
  color: #ACF;
}
div#main a:hover {
  color: #EE2;
  text-decoration: underline;
}
div#main li {
  font-family: Tahoma, Arial, Helvetica, sans;
  font-size: 13px;
  font-variant: normal;
  margin-left: 40px;
}
div#main img.inline_right {
  display: inline;
  float: right;
  margin: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA;
}

div#container h2 {
  position: absolute;
  top: 514px;
  left: 101px;
  width: 669px;
  font-size: 17px;
  color: #BDF;
  padding-left: 5px;
}

div#container h2 a {
  color: #BDF;
}

div#container h2 a:hover {
  color: #FF0;
}

div#container h3 {
  position: absolute;
  bottom: 512px;
  right: 101px;
  width: 669px;
  font-size: 16px;
  text-align: right;
  padding-right: 2px;
  color: #59B;
}

div#description {
  position: absolute;
  top: 538px;
  left: 101px;
  width: 669px;
  font-size: 12px;
  text-align: left;
  font-variant: normal;
  color: #CCC;
}
div#description a {
  color: #FFF;
  font-weight: bold;
  font-variant: normal;
}
div#description a:hover {
  color: #CC4;
}

img.fullscreen {
  position: absolute;
  left: 773px;
  bottom: 514px;
  overflow: hidden;
  cursor: pointer;
}
img.play {
  position: absolute;
  left: 773px;
  top: 514px;
  overflow: hidden;
  cursor: pointer;
}
div.nojs {
  position: absolute;
  right: 102px;
  bottom: 528px;
  color: #B44;
  font-size: 12px;
  font-variant: normal;
  text-align: right;
}