#gallery {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	margin-bottom: 2em;
	border: 1px solid #b9b9b9;
}

#gallery a, #gallery a:hover, #gallery a:active {
	text-decoration: none;
}

#slideshow {
  position: relative;
  clear: both;
  width: 541px;
  height: 316px; /* This should be set to be at least the height of the largest image in the slideshow */
}

#slideshow .image-wrapper,
#slideshow .image-wrapper a,
#slideshow .image-wrapper img {
  display: block;
}

#slideshow .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
}

#thumbs .thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}

#thumbs .thumbs li {
	float: left;
	padding: 0;
	margin: 3px 3px 0 0;
	width: 67px; height: 49px;
	list-style: none;
}

#thumbs .thumbs li.last {
	margin-right: 0;
	padding: 0;
}