div.content {display: none;	float: left;width: 800px; }	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
div.content a, div.navigation a {text-decoration: none;	color: #777;}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: none;}

div #controls {margin-top: 10px;	height: 30px;}
div #controls a {}

div.ss-controls {float: left;}
div.ss-controls a{padding:2px 5px;border:1px solid #ccc;}

div.nav-controls {float: right;}
div.nav-controls a{padding:2px 5px;border:1px solid #ccc;margin-left:5px;}


div.slideshow-container {position: relative;clear: both;height: 480px;}/* This should be set to be at least the height of the largest image in the slideshow */

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

div.slideshow {}
div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;	left: 0;}
div.slideshow a.advance-link {display: block;width: 600px;height: 480px;line-height: 480px;text-align: center;} /* This should be set to be at least the height of the largest image in the slideshow */
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {	text-decoration: none;}
div.slideshow img {vertical-align: middle;border: 1px solid #ccc;}

div.download {float: right;}

div.caption-container {	position: relative;	clear: left;height: 75px;}
span.image-caption {display: block;	position: absolute;width: 600px;top: 0;left: 0;}

div.caption {padding: 12px;}

div.image-title {font-weight: bold;	font-size: 1.4em;}
div.image-desc {line-height: 1.3em;	padding-top: 12px;}

ul.thumbs {margin: 0;padding: 0;} /*clear:both*/
ul.thumbs li {float: left;padding: 0;margin: 5px 10px 5px 0;list-style: none;width:80px;height:80px;overflow:hidden;}
ul.thumbs li.selected a.thumb {background: #5B6713;}
ul.thumbs img {cursor:pointer;top:-30px;left:-30px;display:block;width:auto;height:auto;border: none;}
a.thumb {padding: 0px;display: block;border: 1px solid #ccc;}
a.thumb:focus {	outline: none;}

div.navigation {/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
div.pagination {clear: both;}
div.navigation div.top {margin-bottom: 12px;height: 11px;}
div.navigation div.bottom {	margin-top: 12px;}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {display: block;float: left;margin-right: 2px;padding: 4px 7px 2px 7px;border: 1px solid #ccc;}
div.pagination a:hover {background-color: #eee;	text-decoration: none;}
div.pagination span.current {font-weight: bold;	background-color: #5B6713;	border-color: #5B6713;	color: #fff;}
div.pagination span.ellipsis {border: none;	padding: 5px 0 3px 2px;}