@charset "utf-8";
            div#page {
                width: 950px;
                background-color: #fff;
                margin: 0 auto;
                text-align: left;
				padding:20px 0;
            }
            div#container {
                padding: 20px;
            }
            div.content {
                display: none;
                float: right;
                width: 550px; 
            }
            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: underline;
            }
            div.controls {
                margin-top: 5px;
                height: 23px;
            }
            div.controls a {
                padding: 5px;
            }
            div.ss-controls {
                float: left;
            }
            div.nav-controls {
                float: right;
            }
            div.slideshow-container {
                position: relative;
                clear: both;
                height: 502px; /* 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: 550px;
                height: 502px; /* 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: 550px;
                height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
                line-height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
                text-align: center;
            }
            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;
				visibility:hidden;
            }
            div.caption-container {
                position: relative;
                clear: left;
                height: 75px;
            }
            span.image-caption {
                display: block;
                position: absolute;
                width: 550px;
                top: -80px;
                left: 0;
            }
            div.caption {
                padding: 12px;
            }
            div.image-title {
                font-weight: bold;
                font-size: 14px;
            }
            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;
                margin: 0;
                padding: 0;
            }
            ul.thumbs li {
                float: left;
                padding: 0;
                margin: 5px 10px 5px 0;
                list-style: none;
            }
            a.thumb {
                padding: 2px;
                width:75px; height:75px;
                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.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: #000;
                border-color: #000;
                color: #fff;
            }
            div.pagination span.ellipsis {
                border: none;
                padding: 5px 0 3px 2px;
            }