/* Main CSS */

body {
  padding: 0;
  margin: 0;
  background: #0b0b0b url('images/bg.jpg') repeat top left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
}

#wrapper {
  width: 1008px;
  margin: 0 auto;
}

.clear {
  line-height: 0;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 1px;
}

p { margin: 14px 0; }

/* Tour CSS */

#wrapper-bg {
  width: 1008px;
  background: url('images/bg-tour.gif') repeat-y top left;
}

#wrapper-tour {
  width: 981px;
  margin: 0 14px 0 13px;
}

#header {
  width: 981px;
  height: 418px;
  position: relative;
}

.header-wrapper div { position: absolute; left: 0; }

#logo { 
  top: 198px;
  left: 124px;
  background: url('images/hdr-logo.jpg') no-repeat top left;
  width: 522px;
  height: 170px;
}

#logo h1 { text-indent: -9999px; padding: 0; margin: 0; }

#header-bar { top: 0; background: url('images/hdr-bar.gif') no-repeat top left; width: 981px; height: 37px; }
#header-left1 { top: 37px; background: url('images/hdr-left1.jpg') no-repeat top left; width: 646px; height: 161px; }
#header-left2 { top: 198px; background: url('images/hdr-left2.jpg') no-repeat top left; width: 124px; height: 170px; }
#header-right { left: 646px; top: 37px; background: url('images/hdr-right1.jpg') no-repeat top left; width: 335px; height: 331px; }

#nav { 
  position: absolute;
  left: 0;
  top: 368px;
}

#nav, #nav-bg { 
  width: 981px;
  height: 50px;
  background: url('images/nav-left.jpg') no-repeat top left;
}

#nav-bg {
  background: url('images/nav-right.gif') no-repeat top right;
}

#nav-bg ul { margin: 0 0 0 16px; padding: 0; }
#nav-bg ul li { float: left; display: inline; }
#nav-bg ul li a { display: block; height: 50px; }
#nav-bg ul li a span, #ct1-button a span { display: none; }

#nav-bookmark, #nav-bookmark a { width: 236px; background: url('images/nav-bookmark.gif') no-repeat top left; }
#nav-submit, #nav-submit a { width: 387px; background: url('images/nav-submit.gif') no-repeat top left; }
#nav-members, #nav-members a { width: 201px; background: url('images/nav-members.gif') no-repeat top left; }
#nav-join, #nav-join a { width: 127px; background: url('images/nav-join.gif') no-repeat top left; }

  /* Content Box 1 */

#content-1 {
  background: url('images/content-1-topspacer.jpg') no-repeat top left;
  width: 981px;
  height: 333px;
  padding-top: 9px;
}

#content-1-bg {
  background: url('images/content-1-box.jpg') no-repeat top left;
  width: 981px;
  height: 333px;
  position: relative;
}

#ct1-text { 
  position: absolute;
  left: 50px;
  top: 165px;
  width: 493px;
  font-size: 12px;
  color: #6b6a6a;
}

#ct1-button {
  position: absolute;
  top: 267px;
  left: 29px;
}

#ct1-button a {
  display: block;
  width: 512px;
  height: 49px;
  background: url('images/content-1-join.gif') no-repeat top left;
}

#ct1-thumb {
  position: absolute;
  left: 571px;
  top: 46px;
}

  /* Content Box 2 */

#content-2 {
  background: url('images/content-2-hdr.gif') no-repeat top left;
}

#content-2-hdr { font-size: 30px; color: #ffffff; text-align: center; padding-top: 39px; }
#content-2-hdr span { color: #26f0fd; }
#content-2-hdr span span { color: #fa33a8; text-transform: uppercase; }

#content-2-thumbs {
  padding: 12px 0 0 1px;
  width: 980px;
}

.galthumb { 
  width: 181px;
  height: 275px;
  position: relative;
  display: inline;
  float: left;
  background: url('images/galthumb.gif') no-repeat top left;
  margin: 0 0 12px 13px;
  overflow: hidden;
}

.gt-title { position: absolute; top: 8px; left: 1px; width: 180px; text-align: center; margin: }
.gt-thumb { position: absolute; bottom: 1px; left: 1px; }
.gt-thumb a { display: block; width: 179px; height: 242px; margin: 0; padding: 0; }
.gt-thumb img { border: none; }

  /* Content Box 3 */

#content-3 {
  background: url('images/content-3-hdr.jpg') no-repeat top left;
}

#content-3-hdr { font-size: 22px; color: #ffffff; text-align: center; padding-top: 113px; }
#content-3-hdr span { color: #26f0fd; }
#content-3-hdr span span { color: #fa33a8; }

#content-3-thumbs { 
  padding: 8px 0 0 3px;
  width: 978px;
}

.videothumb { 
  width: 320px;
  height: 292px;
  position: relative;
  float: left;
  margin: 0 0 6px 4px; 
}

.vt-title { position: absolute; top: 0; left: 0; width: 320px; height: 22px; background: #76d4f2; text-align: center; padding-top: 7px; }
.vt-thumb { padding-top: 31px; }
.vt-thumb img { border: none; }
.vt-thumb span { position: absolute; bottom: 0; left: 0; width: 320px; height: 22px; background: url('images/videoplayer.gif') no-repeat top left; }
.vt-thumb span em { display: none; }

  /* Content Box 4 */

#content-4 {
  background: url('images/content-4-hdr.jpg') no-repeat top left;
}

#content-4-thumbs { padding: 93px 0 0 5px; width: 976px; }

.multithumb {
  width: 484px;
  height: 587px;
  background: url('images/content-4-box.gif') no-repeat top left;
  float: left;
  position: relative;
  margin: 0 3px 4px 0;
}

.mt-title, .mt-join { font-size: 30px; text-transform: uppercase; text-align: center; width: 484px; }
.mt-title { position: absolute; top: 18px; left: 0; color: #26f0fd; }
.mt-join { position: absolute; bottom: 18px; left: 0; }
.mt-join a { color: #fa33a8; text-decoration: none; }

.mt-thumbs { padding: 67px 0 0 14px; width: 470px; }

.mt-thumb {
  float: left;
  display: inline;
  width: 222px;
  height: 222px;
  margin: 0 7px 7px 0;
}

.mt-thumb a { display: block; width: 222px; height: 222px; }
.mt-thumb img { border: 1px solid #0a0a0a; }

  /* Content Box 5 */

#content-5 {
  background: url('images/content-5-hdr.jpg') no-repeat top left;
}

#content-5-hdr { font-size: 20px; color: #ffffff; text-align: center; padding-top: 94px; }
#content-5-hdr span { color: #26f0fd; }
#content-5-hdr span span { color: #fa33a8; }

#content-5-thumbs {
  padding: 9px 0 0;
  width: 981px;
}

  /* Content Box 6 */

#content-6 {
  background: url('images/content-6-box.jpg') no-repeat top left;
  width: 981px;
  height: 394px;
  padding-top: 9px;
}

#content-6-bg {
  width: 981px;
  height: 403px;
  position: relative;
}

#ct6-text { 
  width: 871px; 
  color: #9e9e9f;
  padding: 65px 0 0 69px;
}

.ct6-aqua { color: #20cbfc; }
.ct6-green { color: #04b318; }
.ct6-blue { color: #2878fc; }
.ct6-purple, .ct6-purple a { color: #8408cb; }
.ct6-pink { color: #f22cc8; }

#ct6-thumbs { position: absolute; left: 69px; bottom: 44px; }
#ct6-thumbs a { margin-right: 3px; }
#ct6-thumbs a img { border: 1px solid #464645; }

 /* Footer */

#footer {
  height: 215px;
  background: url('images/footer-bg.jpg') no-repeat bottom left;
  margin-top: 6px;
}

#footer-join a { display: block; width: 981px; height: 77px; background: url('images/footer-join.jpg') no-repeat top left; }
#footer-join a span { display: none; }
#footer-bar { width: 1008px; height: 11px; background: url('images/footer-bar.jpg') no-repeat top left; }

/* Warning Page CSS */

#wrapper-wrn {
  width: 900px;
  margin: 0 auto;
}

#wrapper-wrn-bg {
  padding: 0 15px 0 14px;
  background: url('images/wrn-bg.gif') repeat-y top left;
}

#wrn-header {
  width: 871px;
  height: 243px;
  position: relative;
}

.wrn-header div { position: absolute; left: 0; top: 41px; }

#wrn-logo { left: 199px; width: 467px; height: 202px; background: url('images/wrn-logo.gif') no-repeat top left; }
#wrn-logo h1 { text-indent: -9999px; margin: 0; padding: 0; }

#wrn-header-bar { top: 0; width: 871px; height: 41px; background: url('images/wrn-header-bar.jpg') no-repeat top left; }
#wrn-header-left { width: 199px; height: 202px; background: url('images/wrn-header-left.jpg') no-repeat top left; }
#wrn-header-right { left: 666px; width: 205px; height: 202px; background: url('images/wrn-header-right.jpg') no-repeat top left; }

#wrn-content {
  position: relative;
  height: 459px;
}

#wrn-thumbs {
  position: absolute;
  width: 356px;
  left: 24px;
  top: 0;
}

.wrn-thumb {
  width: 173px;
  height: 145px;
  float: left;
  display: inline;
  margin: 0 5px 5px 0;
}

#wrn-textbox {
  width: 443px;
  height: 362px;
  padding: 0 12px;
  position: absolute;
  left: 380px;
  background: url('images/wrn-textbox.gif') no-repeat top left;
  font-size: 14px;
  color: #3e3d3d;
}

#wrn-textbox h2 { margin: 0; padding: 10px 0 5px; text-align: center; text-decoration: underline; font-size: 24px; color: #050000; }

#wrn-buttons { 
  width: 467px; 
  height: 79px;  
  position: absolute;
  left: 380px;
  top: 369px;
}

#wrn-buttons a { display: block; }
#wrn-bt-exit, #wrn-bt-exit a { width: 233px; height: 79px; background: url('images/wrn-bt-exit.jpg') no-repeat top left; }
#wrn-bt-exit { position: absolute; top: 0; left: 0; }
#wrn-bt-enter, #wrn-bt-enter a { width: 233px; height: 79px; background: url('images/wrn-bt-enter.jpg') no-repeat top left; }
#wrn-bt-enter { position: absolute; top: 0; right: 0; }
#wrn-buttons a span { display: none; }

#wrn-footer-bar {
  width: 900px;
  height: 12px;
  background: url('images/wrn-footer-bar.gif') no-repeat top left;
}

/* Join Page CSS */

#join-wrapper {
  width: 980px;
  padding-bottom: 121px;
  background: url('images/footer-bg.jpg') no-repeat bottom left;
}

#join-box { 
  width: 980px;
  height: 825px;
  background: url('images/join-box.gif') no-repeat top left;
  margin-top: 9px;
  position: relative;
}

#join-thumbs {
  width: 465px;
  height: 406px;
  background: url('images/join-thumbs.jpg') no-repeat top left;
  position: absolute;
  left: 24px;
  top: 89px;
}

#join-form { 
  width: 450px;
  height: 400px;
  position: absolute;
  left: 501px;
  top: 92px;
}

#join-text { 
  width: 935px;
  height: 213px;
  background: url('images/join-text.gif') no-repeat top left;
  position: absolute;
  left: 22px;
  top: 597px;
}

#join-text ul { margin: 0; padding: 0; line-height: 16px; }
#join-text ul li { float: left; display: inline; color: #fa04e0; font-weight: bold; width: 417px; height: 43px; padding: 10px 0 0 50px; list-style-type: none; }
#join-text ul li span { color: #057afe; font-size: 12px; }