body
{
  text-align: center;
  font-family: century gothic;
  font-size: 10pt;

  color: #7B8AAA;
  background-color: #000000;

  background-image: url("images/title-banner.gif");
  background-repeat: no-repeat;
  background-position: top center;
}

a       { text-decoration: underline; color:#56637E; }
a:hover { text-decoration: none; color:#56637E; }

img { border: none; }

#container 
{
  position: relative;

  margin: 0 auto;
  margin-top: 0;
  width: 800px;
  text-align: left;
}

#top-title
{
  position: absolute;

  left: 40;
  top: 45;
}

.top-thumb
{
  position: absolute;
  top: 70px;
  width: 100px;
  height: 100px;

  border: 1px solid rgb(140,0,0);

  z-index: auto;
}

#thumb1 { left: 15px; }
#thumb2 { left: 132px; top: }
#thumb3 { left: 249px; top: }
#thumb4 { left: 366px; top: }
#thumb5 { left: 483px; top: }
#thumb6 { left: 600px; top: }

#info
{
  position: absolute;
  top: 195px;
  left: 20px;
  width: 760px;
  height: 200px;

  border-top: thin solid #56637E;
  border-bottom: thin solid #56637E;
}

#bottom-title
{
  position: absolute;

  left: 120;
  top: 405;
}

.bottom-thumb
{
  position: absolute;
  top: 431px;
  width: 100px;
  height: 100px;

  border: 1px solid rgb(140,0,0);

  z-index: auto;
}

#thumb7 { right: 15px; }
#thumb8 { right: 132px; top: }
#thumb9 { right: 249px; top: }
#thumb10 { right: 366px; top: }
#thumb11 { right: 483px; top: }
#thumb12 { right: 600px; top: }

#link-bar
{
  position: absolute;
  top: 555px;
  left: 20px;
  width: 760px;

  border-top: thin solid #56637E;
}

#links
{
  position: absolute;
  top: 568px;
  left: 30px;
  width: 740px;

  font-size: 11pt;
  color:#56637E;
}