body {
  text-align:left;
  color:#366;
  font-size:12px;
  font-family:georgia, 'time new romans', serif;
  margin:0 auto;
  padding:0;
  background-color: #033;
/*  cursor: url(links/elements/hand_open.cur); */
}

a {
color: #366;
padding: 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}

a:link {
color: #366;
padding: 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}


a:visited {
color: #366;
padding: 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}

a:hover {
color: #366;
padding: 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}


h1 {
width: 600px;
border: none;
padding: 35px 0 0 0;
}

h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

h3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

p {
}

img {
border:none;
}

#intro {
  z-index:1000;
  background: #033;
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  visibility: visible;
}

#intrologo {
  position:absolute;
  background:url(links/elements/logo_no_dot.gif) no-repeat;
  left:50%;
  top:50%;
  margin:-30px 0 0 -60px;
  width:119px;
  height:59px;
}

.introjump {
  position:absolute;
  width:10px;
  height:33px;
  left: 11px;
  top: -23px;
}

#navi {
  background: #033;
  position: fixed;
  left: 0;
  clear: both;
  float: left;
  padding: 5px 20px 0px 20px;
  z-index: 8;
  filter: alpha(opacity=95);
  opacity: .95;
  width: 100%;
  height: 15%;
  bottom: 0px;
}

#navi ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#navi ul li{
list-style-type: none;
display: inline;
margin: 0;
padding: 0px 0px 0px 0px;
}

#navi ul li a{
text-decoration: none;
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}

#navi ul li a:hover{
text-decoration: none;
list-style-type: none;
color: #fff;
display: inline;
margin: 0;
padding: 0;
}

#info {
  position: absolute;
  right:50px;
  width: 310px;
  height: 60px;
  top: 0px;
  z-index:10;
}

#about {
  position: absolute;
  left: 0%;
  height: 64%;
  bottom: 0px;
  border-left: 1px solid #fff;
  margin: 0 0 0 20px;
  padding: 0 0 0 3px;
  z-index:20;
}

#latest {
  position: absolute;
  left: 2.6%;
  height: 40%;
  bottom: 0px;
  border-left: 1px solid #fff;
  margin: 0 0 0 20px;
  padding: 0 0 0 3px;
  z-index:30;
}

.scale {
  position: absolute;
  width:2px;
  height:16%;
  bottom: 0px;
  border-left: 1px solid #366;
  margin: 0 0 0 0px;
  padding: 0 0 0 3px;
  z-index:35;
}

#one {
  position: absolute;
  left: 42.4%;
  height: 88%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:50;
}

#two {
  position: absolute;
  left: 43.4%;
  height: 76%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:70;
}

#three {
  position: absolute;
  left: 48.5%;
  height: 64%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:90;
}

#four {
  position: absolute;
  left: 50.7%;
  height: 52%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:110;
}

#five {
  position: absolute;
  left: 52.3%;
  height: 40%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:130;
}

#six {
  position: absolute;
  left: 55.3%;
  height: 28%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:150;
}

#seven {
  position: absolute;
  left: 59.9%;
  height: 16%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:170;
}

#eight {
  position: absolute;
  left: 62%;
  height: 88%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:40;
}

#nine {
  position: absolute;
  left: 63.8%;
  height: 76%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:60;
}

#ten {
  position: absolute;
  left: 65.2%;
  height: 64%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:80;
}

#eleven {
  position: absolute;
  left: 68.9%;
  height: 52%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:100;
}

#twelve {
  position: absolute;
  left: 70.3%;
  height: 40%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:3;
  z-index:120;
}

#funstuff {
  position: absolute;
  left: 74.3%;
  height: 28%;
  bottom: 0px;
  border-left: 1px solid #366;
  padding: 0 0 0 3px;
  z-index:140;
}

#bio {
  position: absolute;
  left: 76.5%;
  height: 16%;
  bottom: 0px;
  border-left: 1px solid #fff;
  padding: 0 0 0 3px;
  z-index:160;
}

#container {
  position: absolute;
  top: 45%;
  margin: -278px 0 0px 0;
  left: 0px;
  width: 70000px;
  padding: 0px;
}

#statement {
  width: 800px;
  float: left;
  margin: 0 1000px 0 0px;
  padding: 0 0 0 30px;
}

.box {
  float: left;
  padding: 0px 0px 0px 0px;
  height: 555px;
  margin: 0 0px 0 0;
}

.box p {
}

.pixwdes {
  margin: 0px 10px 0px 0px;
  display:inline-table;
  height:470px;
    vertical-align: top;
  position:relative;

}

.pix {
  margin: 0px 10px 0px 0px;
    vertical-align: top;
}

.webpage {
  margin: -15px -15px -32px -25px;
    vertical-align: top;
}

.winner {
  vertical-align:top;
padding: 0px 11px 0px 20px;
}

.description {
  vertical-align:bottom;
  margin: 8px 0 0 0;
  cursor:pointer;
}
  
.lowpix {
  vertical-align:bottom;
  margin: 10px 0 0 0;
}

.sp {
  margin: 20px 0 0 0;
  display:block
}


.gradient {
  height:100px;
  background-image:url(links/elements/gradient_back_1x1.png);
  background-repeat: repeat;
  position: absolute;
  top: 350px;
  visibility: hidden;
}
  
.gradient695 {
  width:695px;
  height:100px;
  background-image:url(links/elements/gradient_back_695.png);
  background-repeat: repeat-y;
  position: absolute;
  top: 350px;
  visibility: hidden;
}

.gradient800 {
  width:800px;
  height:100px;
  background-image:url(links/elements/gradient_back_800.png);
  background-repeat: repeat-y;
  position: absolute;
  top: 350px;
  visibility: hidden;
}

.gradient900 {
  width:900px;
  height:100px;
  background-image:url(links/elements/gradient_back_900.png);
  background-repeat: repeat-y;
  position: absolute;
  top: 350px;
  visibility: hidden;
}

.narrative {
  position: absolute;
  top:0px;
  height:100px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CCC;
  font-size: 11px;
  line-height: 150%;
  padding: 0px 0px 0px 20px;
  margin: 9px 0 0px 0;
}

.description2 {
  background-color:#033;
  left:;
  top:450px;
  height:20px;
  position:absolute;
  visibility: hidden;
  cursor:pointer;
}



.selfreminder {
  float: left;
  margin: 0 20px 0 0;
  padding: 0 0 0 20px;
  background-repeat:no-repeat;
  width:400px;
  height:470px;
  vertical-align: top;
  position:relative;
  background-position: 35px center;
}

.wordbox {
  width:370px;
  height:420px;
  position: absolute;
  top: 30px;
  visibility: hidden;
}


.wordboxp {
  position: absolute;
  top:0px;
  width:350px;
  height:420px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #999;
  font-size: 12px;
  line-height: 170%;
  padding: 0px 0px 0px 20px;
  margin: 10px 0 0px 0;
}

.points {
  left:;
  top:0px;
  height:25px;
  position:absolute;
  visibility: visible;
  cursor:pointer;
}

.points2 {
  background-color:#033;
  left:;
  top:0px;
  height:25px;
  position:absolute;
  visibility: hidden;
  cursor:pointer;
}

.title {
  vertical-align:bottom;
  margin: 8px 0px 0 0;
  cursor:pointer;
}

.pointbutton {
  position: absolute;
  float: left;
  width:3.3%;
  height:20%;
  bottom: 0px;
  border-left: 1px solid #366;
  margin: 0 0 0 0px;
  padding: 0 0 0 5px;
  z-index:35;
  color: #033;
}

#foreword {
  width: 800px;
  float: left;
  margin: 0 1000px 0 0px;
  padding: 0 0 0 30px;
}

#btn {
  background-color:;
  width:450px;
  height:7px;
  position:absolute;
  left:20px;
  top:0px;
}

.prevnext {
  background-color:;
  width:60px;
  height:7px;
  position: absolute;
  right:0px;
}

.button_number {
  margin:0 2px 0 0;
}

.pointbutton:link {
color: #FFF;
padding: 0 0 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}


.pointbutton:visited {
color: #FFF;
padding: 0 0 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}

.pointbutton:hover {
color: #FFF;
padding: 0 0 0 5px;
text-decoration: none;
  font-family:georgia, 'time new romans', serif;
font-size: 12px;
}