div.content { display:none; float:right; width:630px; }
	div.content a, div.navigation a { color:#777; text-decoration:none; }
	div.content a:focus, div.content a:hover, div.content a:active { text-decoration:underline; }
div.controls { float:left; height:17px; margin-top:12px; margin-left:35px; position:relative; }
div.ss-controls { float:right; }
div.nav-controls { float:left; margin-right:20px; }
div.slideshow-container { clear:both; height:420px; /* This should be set to be at least the height of the largest image in the slideshow */ position:relative; width:630px; }
div.loader { height:420px; /* This should be set to be at least the height of the largest image in the slideshow */ left:0; position:absolute; top:0; width:630px; }
div.slides {  }
	div.slides span.image-wrapper { display:block; left:0; line-height:0; position:absolute; top:0; }
	div.slides a.advance-link { display:block; height:420px; /* This should be set to be at least the height of the largest image in the slideshow */ /*line-height:420px;*/ text-align:center; width:630px; }
		div.slides a.advance-link:hover, div.slides a.advance-link:active, div.slides a.advance-link:visited { text-decoration:none; }
	div.slides img { vertical-align:middle; }
div.download { float:right; }
div.caption-container {  }
span.image-caption { display:none; position:absolute; }
div.caption { background-color:#000; color:#CCC; padding:12px; }
	div.caption a { color:#FFF; }
div.image-title { font-size:1.4em; font-weight:bold; }
div.image-desc { line-height:1.3em; padding-top:12px; }
div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ }
ul.thumbs { clear:both; display:none; margin:0; padding:0; }
	ul.thumbs li { float:none; list-style:none; margin:0; padding:0; }
a.thumb { border:none; display:inline; padding:0; }
ul.thumbs li.selected a.thumb { color:#000; font-weight:bold; }
a.thumb:focus { outline:none; }
ul.thumbs img { border:none; display:block; }
div.pagination { clear:both; }
div.navigation div.top { height:11px; margin-bottom:12px; }
div.navigation div.bottom { /*margin-top:12px;*/ }
div.pagination a, div.pagination span.current, div.pagination span.ellipsis { border:1px solid #ccc; display:none; float:left; margin-right:2px; padding:4px 7px 2px 7px; }
div.pagination a:hover { background-color:#EEE; text-decoration:none; }
div.pagination span.current { background-color:#000; border-color:#000; color:#fff; font-weight:bold; }
div.pagination span.ellipsis { border:none; padding:5px 0 3px 2px; }
#captionToggle a { background-image:url('caption.png'); background-position:right; background-repeat:no-repeat; display:block; float:right; margin-top:5px; padding:5px 30px 5px 5px; }

a.prev { background:url(images/slide-prev.png) no-repeat; display:block; float:left; height:17px; margin-right:3px; padding:0; text-indent:-9000px; width:17px; }
a.next { background:url(images/slide-next.png) no-repeat; display:block; float:left; height:17px; padding:0; text-indent:-9000px; width:17px; }
a.play { background:url(images/slide-play.png) no-repeat; display:block; height:17px; padding:0; text-indent:-9000px; width:17px; }
a.pause { background:url(images/slide-pause.png) no-repeat; display:block; height:17px; padding:0; text-indent:-9000px; width:17px; }
a.toggle-content { background:url(images/slide-text.png) no-repeat; bottom:5px; display:block; height:17px; padding:0; position:absolute; left:132px; text-indent:-9000px; width:17px; }