.galleria {
  list-style: none;
  width: 200px
}

.galleria li {
  display: block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  margin: 0 10px 10px 0
}

.galleria li a {
  display: none
}

.galleria li div {
  position: absolute;
  display: none;
  top: 0;
  left: 180px
}

.galleria li div img {
  cursor: pointer
}

.galleria li.active div img, .galleria li.active div {
  display: block
}

.galleria li img.thumb {
  cursor: pointer;
  top: auto;
  left: auto;
  display: block;
  width: auto;
  height: auto
}

.galleria li .caption {
  display: block;
  padding-top: .5em
}

* html .galleria li div span {
  width: 400px
}

/* MSIE bug */
.caption {
  font-style: italic;
  color: #887;
  text-align: center;
  font: 120%;
}

#main_image {
  margin: 0 auto 20px auto;
  height: 412px;
  width: 600px;
  background: black;
}

#main_image img {
  margin-bottom: 10px;
}

.nav_gallery {
  padding-top: 15px;
  clear: both;
  font: 80% 'helvetica neue', sans-serif;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.gallery {
  width: 702px;
  margin: 0 auto;
}

.gallery li {
  width: 68px;
  height: 50px;
  border: 3px double #111;
  margin: 0 2px;
  background: #000;
}

.gallery li div {
  left: 240px
}

.gallery li div .caption {
  font: italic 0.7em / 1.4 georgia, serif;
}