.gallery div#container {
    float: left;
    width: 966px;
}
.gallery div.content {
    display: none;
    clear: both;
}

.gallery div.content a, div.navigation a {
    text-decoration: none;
}
/*
.gallery div.content a:hover, div.content a:active {
    text-decoration: underline;
}
*/

div.navigation a.pageLink {
    height: 77px;
    line-height: 77px;
}

div.controls {
}

div.controls span {
    display: none;
}

div.controls a {
    background: url(/img/gallery_navi.png) no-repeat;
	display: block;
	overflow: hidden;
	width: 25px;
	height: 42px;
	z-index: 6;
    opacity: 1 !important;
    position: absolute;
}
div.ss-controls {
    float: left;
    display: none;
}

div.nav-controls {
    float: right;
    width: 640px;
}

div.nav-controls .prev {
    float: left;
    background-position: 0 -42px;
    left: 4px;
    top: 50%;
    margin: -21px 0 0 0;
}

div.nav-controls .next {
    float: right;
    background-position: 0 0;
    top: 50%;
    margin: -21px 0 0 0;
    right: 4px;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
    width: 640px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
    /*height: 502px;*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */
}

div.slideshow-container {
    position: relative;
    clear: both;
    float: left;
    height: 370px;
}

div.loader {
    background-image: url("/css/gallerific/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 66px;
    left: 50%;
    position: absolute;
    top: 50%;
    margin: -33px 0 0 -33px;
    width: 66px;
    z-index: 1000;
}
/*
div.slideshow span.image-wrapper {
    display: block;
    top: 30px;
    left: 0;
    width: 640px;
    background: #EAF1F6;
    padding: 10px 0;
    position: absolute;
}
*/
div.slideshow a.advance-link {
    /*line-height: 510px;*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */
    display: table-cell;
    height: 370px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}

div.slideshow a.advance-link * {
    vertical-align: middle;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
    text-decoration: none;
}
div.slideshow a.advance-link:focus {
    outline: none;
}

div.slideshow img {
    display: inline;
    left: -2px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    *margin: 0 auto;
    *display: block;
    *left: 0px;
}
div.caption-container {
    float: right;
    position: relative;
    padding: 30px 0 0 0;
}
span.image-caption {
    display: block;
    filter: none !important;
}

div.caption-container, span.image-caption {
    float: left;
    width: 320px;
    height: 220px;
}

div.caption {
    float: left;
    padding: 10px 0 0 20px
}

div.image-title {
    font-weight: bold;
    font-size: 1.4em;
}
div.image-desc {
    line-height: 1.4;
    font-family: Tahoma;
}
div.download {
    padding: 10px 0 0 0;
}
div.photo-index {
    color: #1C608B;
    font-size: 18px;
    padding: 10px 0 0 20px;
    float: left;
}
div.navigation-container {
    float: left;
    position: relative;
    left: 50%;
    overflow: visible;
}
div.navigation {
    float: left;
    position: relative;
    left: -50%;
    overflow: visible;
    filter: none !important;
}

div.navigation a.pageLink {
    display: block;
    position: absolute;
    float: left;
    margin: 2px 0;
    width: 25px;
	height: 42px;
    background: url(/img/gallery_navi.png) no-repeat;
    z-index: 6;
    opacity: 1 !important;
}

div.navigation a.pageLink.prev {
    background-position: 0 -42px;
    margin: -14px 0 0;
    left: 7px;
    top: 50%;
}

div.navigation a.pageLink.prev:hover {

}

div.navigation a.pageLink.next {
    background-position: 0 0;
    margin: -14px 0 0;
    right: 7px;
    top: 50%;
}

div.navigation a.pageLink.next:hover {

}

div.navigation a.pageLink:focus {
    outline: none;
}

ul.thumbs {
    background: #D0D0D0;
    float: left;
    height: 170px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 10px 0 0 40px;
    position: relative;
    width: 605px;
}

ul.thumbs li {
    float: left;
    padding: 0;
    margin: 1px;
    list-style: none;
    width: 140px;
    height: 143px; 
}

ul.thumbs li:hover {
background: url(/img/canvas.png) 0 -560px; no-repeat;
}

ul.thumbs li.selected {
background: url(/img/canvas.png) 0 -560px; no-repeat;
}

a.thumb {
    padding: 1px;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
}
a.thumb:focus {
    outline: none;
}
ul.thumbs img {
    display: block;
    overflow: hidden;
    margin: 23px auto 0;
}
div.pagination {
    clear: both;
    position: relative;
    left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
    position: relative;
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}
div.pagination a:hover {
    text-decoration: none;
}
div.pagination span.current {
    font-weight: bold;
}
div.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px;
}

div.gallery-gutter {
    clear: both;
    padding-bottom: 20px;
}



/* todo gallery */
.gallery { }
.gallery .standardHeader2 { float: left; font-size: 28px; margin: 0 !important; padding: 30px 0 0 20px; width: 306px; }
.gallery .date { background: none repeat scroll 0 0 transparent; color: #F99E1C; float: left; margin: 0; padding: 10px 0 0 20px; width: 306px; }
.gallery .caption .imageSource { float: left; width: 306px; padding: 10px 0 0 0; }
.gallery .caption .imageSource li { float: left; padding: 0 0 0 5px; margin: 0 0 0 5px; border-left: 1px solid #999999; color: #999999; line-height: 1.2; }
.gallery .caption .imageSource li:first-child { padding: 0; margin: 0; border: 0 none; }
.gallery .slideshow { background: #D0D0D0; display: block; left: 0; height: 370px; position: absolute; width: 640px; overflow: hidden; }
.gallery .image-wrapper { display: block; overflow: hidden; height: 370px; width: 640px; }