body, h1, h2, h3, h4, h5, h6, p, ul, li, div { margin:0; padding: 0; }

body {
  background: #dad8d8 url(../images/bg.gif) left top repeat-x;
  color: #000;
  font: 16px/17px "Franklic Gothic Medium","Arial",sans-serif;
}    

h1 { padding: 0 0 45px; }
h2 { padding: 0 0 5px; }
p { padding: 0 50px 20px 1px; }

ul {
  padding: 10px 0 0 1px;
  font-size: 12px;
  list-style: none;
}

a img { border: none; }

a {
  outline: none;
  text-decoration: none;
}

#container {
  position: relative;
  width: 925px;
  margin: 0 auto;
  padding: 0 0 0 3px; 
}

#text {
  position: absolute;
  top: 225px;
  width: 370px;
  padding: 0 0 100px;
}

#visit-website a { background: url(../images/visit-website.png) no-repeat; }
#site-credits a { background: url(../images/site-credits.png) no-repeat; }

#frame {
  position: absolute;
  top: 154px;
  left: 389px;
  width: 512px;
  height: 404px;
  padding: 68px 6px 0;
  background: url(../images/frame.png) left top no-repeat;
}

#video {
  width: 500px;
  height: 375px;
}

#view {
  position: absolute;
  top: 645px;
  left: 389px;
  width: 450px;
  padding: 0 0 100px;
}

#visit-website a, #site-credits a {
  width: 95px;
  height: 12px;
  display: block;
  text-indent: -9999px;
}

#logo {
  position: absolute;
  top: 693px;
  right: 0;
  width: 56px;
  height: 33px;
  padding: 0 0 100px;
  background: url(../images/logo.gif) left top no-repeat;
}

#logo a {
  width: 56px;
  height: 33px;
  display: block;
  text-indent: -9999px;
}