.content {
	display: none;
	clear: both;
	height:515px;
	float:none;
}

.content a:hover, .content a:active {
	text-decoration: underline;
}

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

.slideshow-container,
.loader,
.slideshow .advance-link {
	width: 100%;
}

.loader,
.slideshow .advance-link {
	height: 100%;
}

.slideshow-container {
	position: relative;
	clear: both;
	height: 475px;
}

.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loading-circle-repeat.gif');
	background-repeat: no-repeat;
	background-position: center;
}
.slideshow > .image-wrapper {
	position: absolute;
	float:none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	padding-top: 20px;
}
.slideshow {
	height: 460px;
	overflow: hidden;
}
.slideshow .advance-link {
	display: block;
	text-align: center;
}

.slideshow .advance-link:focus {
	outline: none;
}

.slideshow img {
	border: 2px solid #666;
	max-width: 100%;
}
.overlayPhoto {
	position:absolute;
	width:100%;
	top:20px;	/* must be equal to .image-wrapper padding-top */
	left:0;
}
.caption-container {
	z-index: 100;
	overflow:hidden;
	height: 55px;
	display: none;
	margin-left:25px;
	/* for IE */
	filter:alpha(opacity=70);
	/* CSS3 standard */
	opacity:0.7;
	color: #111;
}
.image-caption {
	display:block;
	position: absolute;
	background: #fff;
	text-align: left;
}

.caption-container, .image-caption {
	width: 100%;
}

.caption {
	padding: 0 12px;
}
.download {
	margin-top: 8px;
}
.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
	color: #777;
	float:right;
}

.pageLink {
	position: relative;
	float: left;
	margin: 2px;
	width: 14px;
	background-position:center center;
	background-repeat:no-repeat;
}
.pageLink:focus {
	outline: none;
}

.thumb-container {
	width: 792px;
	max-width:100%;
	height: 30px;
	text-align: center;
	margin: 0 auto;
}

.thumbs {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	width: 570px;
	max-width:100%;
}
.thumbs > li {
	float: left;
	padding: 0;
	margin: 2px 4px 2px 4px;
	list-style: none;
}
.thumb {
	padding: 1px;
	display: block;
}
.thumb:focus {
	outline: none;
}
.thumbs img {
	border:none;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	display: block;
	width: 30px;
	height: 30px;
}

#page {
	background-color: #fff;
	border-color: #ddd;
}

.image-desc {
	line-height: 1.3em;
	padding-top: 10px;
	padding-bottom: 5px;
}

#navigationLeft, #navigationRight {
	height:30px;
}
#navigationLeft {
	float:left;
}
#navigationRight {
	float:right;
}
.prev {
	background-image: url(first.png);
	width: 13px;
	height:10px;
	margin-top: 12px;
	float:left
}
.prev.disabled {
	/*background-image: url(first_d.png);
	width: 10px;*/
	visibility: hidden;
}
.next {
	background-image: url(last.png);
	width: 13px;
	height:10px;
	margin-top: 12px;
	float:right
}
.next.disabled {
	/*background-image: url(last_d.png);
	width: 10px;*/
	visibility: hidden;
}
.prevSlide {
	background-image: url(prev.png);
	width: 13px;
	height:10px;
	margin-top: 12px;
	margin-right:20px;
	float:left;
}
.prevSlide.disabled {
	/*background-image: url(prev_d.png);
	width: 10px;*/
	visibility: hidden;
}
.nextSlide {
	background-image: url(next.png);
	width: 13px;
	height:10px;
	margin-top: 12px;
	float:right;
}
.nextSlide.disabled {
	/*background-image: url(next_d.png);
	width: 10px;*/
	visibility: hidden;
}
.toggleSlide {
	width: 13px;
	height:10px;
	margin-top: 12px;
	margin-left:10px;
	float:right
}
.play {
	background-image: url(play.png);
	width: 10px;
	height:10px;
	margin-top: 12px;
	float: right;
}
.pause {
	background-image: url(pause.png);
	width: 13px;
	height:10px;
	margin-top: 12px;
	float: right;
}
.play.disabled {
	/*background-image: url(play_d.png);
	width: 20px;
	float: right;*/
	visibility: hidden;
}
.pause.disabled {
	/*background-image: url(pause_d.png);
	width: 20px;
	float: right;*/
	visibility: hidden;
}
.list {
	/*background-image: url(list.png);*/
	width: 14px;
	height:13px;
	margin-top: 10.5px;
	margin-right:20px;
	float:left;
	visibility: hidden;
}
.list.disabled {
	/*background-image: url(list_d.png);
	width: 20px;*/
	visibility: hidden;
}
.slideshow img {
	border-color: #ccc;
}
.thumbs > .selected > .thumb {
	background: #000;
}
.watermark {
	display: none;
	position: absolute;
}
@media screen and (max-width: 792px) {
	.thumb-container {
		width: auto;
		position:relative;
	}
	#navigationLeft, #navigationRight {
		float:none;
		position:absolute;
		top:50px;
	}
	#navigationLeft {
		left:37%;
	}
	#navigationRight {
		left:50%;
	}
}
@media screen and (max-width: 500px) {
	#navigationLeft, #navigationRight {
		top:-50px;
	}
	#navigationLeft {
		left:25%;
	}
}