html, body {
  margin: 0;
}

body {
  background: transparent url(../images/woodgrain2.jpg) repeat 0 0;
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 18px;
  *font-size: 17px;
  font-weight: normal;
  *font-weight: bold;
  line-height: 18px;
  *margin: 10px 0 0 0;
  text-align: right;
}

h1, p {
  color: #0069aa;
}

p {
  font-size: 13px;
  line-height: 17px;
  margin: 10px 0 0 0;
  text-align: justify;
}

a img {
  border: none;
}

a:active, a:focus {
  outline: 0;
}

div#container {
  margin: 0 auto;
  height: 730px;
  position: relative;
  width: 790px;
}

img#container-bg {
  position: absolute;
  z-index: 1;
}

div#large-image {
  left: 45px;
  position: absolute;
  top: 270px;
  z-index: 2;
}

div#description {
  position: absolute;
  right: 69px;
  top: 270px;
  width: 235px;
  z-index: 2;
}

div#description a#download {
  position: absolute;
  margin: 0;
  right: -60px;
}

div#image-thumbs {
  bottom: 14px;
  height: 100px;
  left: 160px;
  position: absolute;
  z-index: 2;
}

img#thumbs-bg {
  position: absolute;
  left: 32px;
  top: 0px;
}

img#click-thumbnail {
  position: absolute;
  left: -65px;
  top: 3px;
}

#jgal {
  list-style: none;
  margin-top: 11px;
  position: relative;
  width: 600px;
  z-index: 3;
}

#jgal li {
/*  opacity: .5; */
  float: left; 
  display: block;
  margin-right: 10px;
  width: 75px;
  height: 59px;
  background-position: 50% 50%;
  cursor: pointer;
}

#jgal li img {
  position: absolute;
  top: -335px;
  left: -93px;
  *left: -133px;
  display: none;
}

#jgal li.active img {
  display: block;
}

#jgal li#img1 {
  background-position: 70% 48%;
}

#jgal li#img2 {
  background-position: 96% 45%;
}

#jgal li#img3 {
  background-position: 47% 87%;
}

#jgal li#img4 {
  background-position: 67% 67%;
}

#jgal li#img5 {
  background-position: 41% 87%;
}

#jgal li#img6 {
  background-position: 29% 22%;
}

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

div#flash {
  width: 1024px;
  height: 768px;
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -512px;
  *margin-left: 200px;
}

#flash-content {
  margin: 0 auto;
  overflow: hidden; /* IE6 fix thinks div has scrollbars */
  *position: fixed;
  *bottom: 0;
  *left: 50%;
  *margin-left: -512px;
  _margin-left: 0;
}

embed#lettersharkAnim {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -512px;
}