body{
/*  overflow:hidden;*/
  margin:0px;
  padding:0px;
  border:none;
}

#gallery {
  top:50%;
  left:50%;
  width:960px;
  height:700px;
  margin-top:-320px;
  margin-left:-480px;
  position:absolute;
  z-index:1;
  overflow:hidden;
}

#header {
  position:absolute;
  z-index:60;
  /*top:5%;*/
  top:45px;
  height:45px;
  width:100%;
  height:40px;
  background-color:#FFF;
  color:#000;
  padding-top:5px;
  padding-left:10%;
  line-height:0.8em;
}

#navigation {
  display:block;
  position:absolute;
  /*top:90%;*/
  bottom:45px;
  width:100%;
  background-color:#FFF;
  color:#000;
  z-index:50;
  padding-left:10%;
  height:45px;
}

.photo {
/*  margin:auto;*/
  float:left;
  width:960px;
  cursor:pointer;
}

#thumbnailList {
  position:absolute;
  /*left:2%;*/
  left:45px;
  top:0px;
  width:105px;
  height:100%;
  background-color:#FFF;
  z-index:60;
  /*padding-top:6%;*/
}

.thumbnail img{
  width:36px;
  height:36px;
  border:solid 1px #000;
  margin:7px;
  cursor:pointer;
  float:left;
}

ul {
  padding:0px;
  margin-bottom:0px;
}

li {
  display: inline;
  list-style-type: none;
  padding-right: 5px;
}

#header, #navigation, #thumbnailList {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  display:none;
}

.goLeft, .goRight{
  visibility: hidden;
  cursor:pointer;
}

.active {
  cursor:crosshair;
}

#tooltip {
  width:200px;
  height:100px;
  position: absolute;
  top:500px;
  left:750px;
}