body {
  margin:0;
  padding:0;
  font-family:courier;
  background:#000;
  color:#ccc;
}

#headline {
  height:60px;
  padding:15px 0 0 20px;
}
#container {
  width:1020px;
  margin:0 0 0 20px;
}
#thumbs {
  float:left;
  width:200px;
  height:390px;
  overflow:hidden;
}
#thumbs div.thumbcontainer {
  clear:both;
  width:195px;
}
#thumbs div.thumbcontainer div {
  float:left;
  margin:0 0 10px 5px;
}
#thumbs div.thumbcontainer img {
  border:1px solid #000; 
}
#thumbs div.thumbcontainer img.activethumb {
  border:1px solid #ffcc00;
}
#content {
  float:left;
  width:770px;
}
#contentstart {
  padding:10px 0 0 230px;
  width:770px;
  background:#000;
  vertical-align:bottom;
}
#startpic {
  padding:420px 0 0 0;
  clear:both;
  text-align:right;
}

#contactlink {
  position:absolute;
  top:200px;
  left:350px;
}
#portfoliolink {
  position:absolute;
  top:200px;
  left:650px;
}
#previous {
  float:left;
  padding:180px 20px 0 20px;
}
#mainpic {
  float:left;
  width:600px;
  height:400px;
}
#next {
  float:left;
  padding:180px 20px 0 20px;
}
#footer {
  clear:both;
  text-align:right;
  padding:20px 0 0 0;
}
#footer ul li {
  display: inline;
  list-style-type: none;
  padding:0 0 0 20px;
}



#track1 {
  background-color:#282A1F;
  float:left;
  height:390px;
  margin-left:10px;
  width:15px;
}

#handle1 {
  background-color:#818865;
  cursor:move;
  height:20px;
  width:15px;
}




#metainfo {
  position:absolute;
  height:500px;
  width:100%;
  height:100%;
  #background:#ccc;
  z-index:1;
}
#metainfo-inner {
  margin:auto;
  padding:15px 30px 0 30px;
  background:#282A1F;
  width:560px;
  color:#818865;
}


#nlpopup {
display:none;
margin:auto;
position:absolute;
width:100%;
z-index:99;
}
#nlpopup-inner {
height:20px;
margin:auto;
padding-left:800px;
padding-top:30px;
width:185px;
}