#gallery {
  position:relative; 
  width:686px; 
  margin:40px auto; 
  padding:10px; 
  border:6px solid #fff; 
  background:#AAA
  }


#images {
  border:2px solid #9ac1c9; 
  height:225px; 
  background:#eef5f6; 
  margin-bottom:20px
  }


#image {
  position:relative;
  width: 400px;
  height:288px; 
  padding:5px; 
  border:0px solid #666; 
  background:#FFF url(images/loading.gif) center center no-repeat
  }


#image img {
  position:absolute; 
  top:5px; 
  left:5px
  }


#thumbwrapper {
  margin-top:10px; 
  padding:5px 0; 
  width:682px; 
  height:100px; 
  border:2px solid #666; 
  background:#FFF
  }


#thumbarea {
  position:relative; 
  overflow:hidden; 
  height:100px; 
  width:682px; 
  }


#thumbs {
  position:absolute;
  list-style:none; 
  margin-left:5px; 
  height:100px; 
  width:10000px; 
  border-right:5px solid #FFF
  }


#thumbs li {
  float:left; 
  margin-right:5px; 
  cursor:pointer
  }


.imgnav {
  position:absolute; 
  height:375px; 
  width:20%; 
  z-index:100; 
  height:375px; 
  width:20%; 
  z-index:100; 
  outline:none; 
  cursor:pointer
  }


#previmg {
  left:0; 
  background:url(images/left.gif) left center no-repeat; 
  border-left:5px solid #FFF
  }


#previmg:hover {
  opacity:1; filter:alpha(opacity=100)
  }


#nextimg {
  right:0; 
  background:url(images/right.gif) right center no-repeat; 
  border-right:5px solid #FFF
  }


#nextimg:hover {
  opacity:1; filter:alpha(opacity=100)
  }