* {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: sans-serif;
 
}
#gallery {
  background: #000;
  width: 700px;

  margin: 0 0 0 0;
 font-size: 62.5%;
}
#gallery ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 700px;

  float: left;
  clear: both;
}
#gallery li {
  padding: 8px;
  margin: 0px;
  position: relative;
}
#gallery span {
  display: block;
  position: absolute;
  bottom: 13px;
  left: 10px;
  width: 664px;
  background: #000000;
  color: #ffffff;
  padding: 8px;
  font-size: 1.3em;
}
#gallery img {
  border: 2px solid #333;


}
#gallery ul.small-images {
  padding: 0px 8px;
  display: none;
}
#gallery ul.small-images li {
  padding: 0px;
  float: left;
  clear: none;
}
#gallery ul.small-images a {
  display: block;
  float: left;
  padding: 8px;
}
#gallery ul.small-images a.selected {
  background: #333;
}
#gallery ul.small-images a:hover {
  padding: 6px;
}
#gallery ul.small-images a:hover img {
  border-width: 4px;
}

#gallery ul.controls {
    display: none;
    position: relative;
}

#gallery ul.controls li {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  z-index: 100;
  top: 200px;
}

#gallery ul.controls li.prev {
  left: 10px;
}

#gallery ul.controls li.next {
  right: 10px;
}

#gallery ul.controls a {
  display: block;
  width: 34px;
  height: 34px;
  text-decoration: none;
  border: none;
}

#gallery ul.controls a img {
  border: none;
}

.tinted {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.transparent {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}
.clear {
  clear: both;
}

.large-images {

}