* { margin:0; padding:0; }

.content { display:none; float:right; width:550px; }

a img,img { border: 0; }

.content a,.navigation a { text-decoration:none; color:#777; }
.content a:focus,.content a:hover,.content a:active { text-decoration:underline; }

.controls { position: absolute; left: 29px; bottom: 20px; width: 310px; z-index: 2; }
.controls a { padding: 5px; }

.ss-controls { float:left; padding:5px; width: 100px; }
.ss-controls a { text-decoration:none; }
.ss-controls a:hover { text-decoration:none; border-bottom:4px solid #E7BF68; }

.nav-controls { float:right; padding:5px; }
.nav-controls a { text-decoration:none; }
.nav-controls a:hover { text-decoration:none; border-bottom:4px solid #E7BF68; }

.slideshow-container { position:relative; clear:both; z-index: 10; }

.loader { position:absolute; top:0; left:0; background-image:url(loader.gif); background-repeat:no-repeat; background-position:center; width:410px; height:410px;}

.slideshow { width: 482px; height: 470px; z-index: 0; }
.slideshow span.image-wrapper { display:block; position:absolute; top:0; left:0; z-index: 10; }
.slideshow a.advance-link { display:block; width:420px; height:412px; line-height: 412px; text-align:center; margin-top:15px; margin-left:30px; }
.slideshow a.advance-link:hover,.slideshow a.advance-link:active,.slideshow a.advance-link:visited { text-decoration:none; }
.slideshow img { vertical-align: middle; padding: 5px; border: 1px solid #ccc; background-color: #fff; }

/*.download { float: right; position: relative; z-index: 20; }*/

.caption-container { position:absolute; width:410px; top:435px; left:30px; height:auto; z-index:20; }
.caption { margin:0; padding:0; }

span.image-caption { display:none; width:410px; }
span.image-caption.current { display:block; }

.image-title { font-weight:bold; font-size:1.4em; }
.image-desc { font: 16px Handwriting-Dakota, "Comic Sans MS", verdana, sans-serif; width:410px; text-align:center; font-style: italic; }

#thumbs.image_navigation { position: absolute; right:30px; top:90px; width: 200px; z-index: 20; overflow: visible !important; }

#thumbs ul.thumbs { display: block; position: relative; height: 442px; width: 200px; margin:0; padding:0; z-index: 100; overflow: visible !important; }
#thumbs ul.thumbs li { float: left; margin: 0 9px 9px 0; width: 80px; height: 80px; list-style: none; padding: 3px; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; box-shadow: 0 0 5px #777; background-color: #fff; }
#thumbs ul.thumbs li.selected { background: #fdd173; }
#thumbs ul.thumbs li.selected a.thumb { display: block; }
#thumbs ul.thumbs li a.thumb { display: block; border: 0; }
#thumbs ul.thumbs li { *border: 1px solid #ccc; }
#thumbs ul.thumbs li:hover { *border: 1px solid #fdd173; }
#thumbs ul.thumbs li a.thumb img { border: 0; margin: 0; padding: 0; }
#thumbs ul.thumbs li a.thumb:focus { outline:none; }

#thumbs ul.thumbs li .download { display: none; }
#thumbs ul.thumbs li.selected .download { display: block; position: absolute; left: -133px; *left:0; bottom: -20px; z-index: 900; }
#thumbs ul.thumbs li.selected .download a { padding: 5px; color: #777;  }
#thumbs ul.thumbs li.selected .download a:hover { border-bottom:4px solid #e7bf68; }

.pagination { clear:both; }

.image_navigation div.top { margin-bottom:12px; height:11px; }
.image_navigation div.bottom { margin: 0px; height: 20px; }

.pagination a,.pagination span.current,.pagination span.ellipsis { display:block; float:left; margin-right:2px; padding:4px 7px 2px; border:1px solid #ccc; }
.pagination a:hover { background-color:#eee; text-decoration:none; }
.pagination span.current { font-weight:bold; background-color:#000; border-color:#000; color:#fff; }
.pagination span.ellipsis { border:none; padding:5px 0 3px 2px; }

.pager { display: none; position: absolute; right: 47px; bottom: 106px; }

#ditto_pager { bottom: 68px; width: auto; height: auto; padding: 1px; position:absolute; right:55px; z-index: 999; }
#ditto_pager span.ditto_currentpage { padding: 0 5px; height: 12px; line-height: 12px; border: 1px solid #ccc; background-color: #f2f2f2; margin: 0 3px; color: #999; }
#ditto_pager a.ditto_page { padding: 0 5px; height: 12px; line-height: 12px; border: 1px solid #FBB34E; background-color: #f2f2f2; margin: 0 3px; }
#ditto_pager a.ditto_page:hover { background-color: #555; color: #fff; border-color: #555; }
#ditto_pager a.next,
#ditto_pager a.prev { padding: 0 5px; height: 12px; line-height: 12px; border: 1px solid #ccc; background-color: #f2f2f2; margin: 0 3px; }
#ditto_pager a.next:hover,
#ditto_pager a.prev:hover { background-color: #555; color: #fff; border-color: #555; }
#ditto_pager .ditto_previous_off, #ditto_pager .ditto_next_off { color: #ccc; }

#ditto_set_pager_box { width: 960px; height: 20px; margin: 0; padding: 0; text-align: center; z-index: 999; }
#ditto_set_pager { float: right; width: 705px; margin: 0; height: 20px; padding: 2px; }
#ditto_set_pager .ditto_previous_off, #ditto_set_pager .ditto_next_off { color: #ccc; }
#ditto_set_pager span.ditto_currentpage { padding: 0 5px; height: 12px; border: 1px solid #ccc; background-color: #f2f2f2; margin: 0 3px; color: #999; }
#ditto_set_pager a.ditto_page { padding: 0 5px; height: 12px; line-height: 12px; border: 1px solid #FBB34E; background-color: #f2f2f2; margin: 0 3px; }
#ditto_set_pager a.ditto_page:hover { background-color: #555; color: #fff; border-color: #555; }
#ditto_set_pager a.next,
#ditto_set_pager a.prev { padding: 0 5px; height: 12px; border: 1px solid #ccc; background-color: #f2f2f2; margin: 0 3px; }
#ditto_set_pager a.next:hover,
#ditto_set_pager a.prev:hover { background-color: #555; color: #fff; border-color: #555; }

