div.slideshow-container {
  float: right;
  width: 380px;
  text-align: center;
}

div.loader {
  display: none;
}

/* div.loader { */
/* 	position: absolute; */
/* 	top: 0; */
/* 	left: 0; */
/* 	background-image: url('/images/loader.gif'); */
/* 	background-repeat: no-repeat; */
/* 	background-position: center; */
/* 	width: 550px; */
/* 	height: 502px; /\* This should be set to be at least the height of the largest image in the slideshow *\/ */
/* } */
/* /\* div.slideshow { *\/ */

/* /\* } *\/ */

span.image-wrapper {
	display: block;
	position: absolute;
  width: 370px;
}

span.image-caption {
	display: block;
	position: absolute;
  margin-top: 370px;
  width: 370px;
}




div#gallery {
  margin-top: 20px;
  padding-bottom: 10px;
}

div#slideshow img {
  border: solid 7px #C8D5B7;
}

div#caption {
  padding-top: 7px;
  padding-bottom: 20px;
  font-size: 115%;
}

div#slideshow a,
div#thumbs a,
div#controls a {
	text-decoration: none;
  border: none;
}

/* div#controls a { */
/*   padding: 5px; */
/* } */
div#thumbs {
  height: 400px;
  width: 30%;
}

ul.thumbs {
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
  height: 80px;
	list-style: none;
}
/* a.thumb { */
/* 	padding: 2px; */
/* 	display: block; */
/* 	border: 1px solid #ccc; */
/* } */
/* ul.thumbs li.selected a.thumb { */
/* 	background: #000; */
/* } */
/* a.thumb:focus { */
/* 	outline: none; */
/* } */
/* ul.thumbs img { */
/* 	border: none; */
/* 	display: block; */
/* } */


div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}