.photospace{overflow:visible; position:absolute; top:0px; left:57px;}

.photospace_clear{clear:both;}

.photospace .thumnail_col{float:left; opacity:1; margin-top:184px; position:relative;}

.photospace .gal_content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none; float: right; width: 400px;}
.photospace .gal_content a, 
.photospace .thumnail_col a {text-decoration: none; color: #8E8E8E;}

.photospace .gal_content a:hover{text-decoration: underline;}

.photospace .controls {position:absolute; top:158px; left:0; width:280px;}

.nav-controls a {display:block; font-family:"Times New Roman", Times, serif; font-size:14px; color:#999 !important;}

.nav-controls a.prev {background:url(back.png) no-repeat left 6px; padding-left:13px; float:left;}
.nav-controls a.next {background:url(next.png) no-repeat right 6px; padding-right:13px; float:right;}


.photospace .ss-controls {display:none}
.photospace .nav-controls {width:100px; overflow:auto; margin:0; background:url(div.png) no-repeat center 2px;}
.photospace .slideshow-container {position: absolute; top:0; left:306px; clear: both; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
}
.photospace .loader {position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 400px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
}

.photospace .slideshow span.image-wrapper {display: block; display: inline-block; position: absolute; top: 0; left: 0; line-height:0px; /* line space in webkit */
	font-size:0px; /* line space in webkit */
	white-space:nowrap; /* line space in webkit */
	letter-spacing:-1px; /* line space in webkit */
}
.photospace .slideshow a.advance-link {display: block; width: 400px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */
	/* line-height: 502px; This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;}

.photospace .slideshow a.advance-link:hover, 
.photospace .slideshow a.advance-link:active, 
.photospace .slideshow a.advance-link:visited {text-decoration: none;}
.photospace .slideshow img {vertical-align: top;}
.photospace .download {float: right; padding-top: 12px;}
.photospace .caption-container {position:absolute; text-align:right; top:-500px; z-index:99999; left:-16px;}

.photospace span.image-caption {display: block; position: absolute; }  
.photospace .caption {color: #fff; font-size:22px; font-family:"Times New Roman", Times, serif; font-style:italic;}

.photospace li .caption{display: block;}

.photospace .caption a {}

.photospace .image-desc {display:none}
.photospace .thumnail_col {/* The thumnail_col style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.photospace ul.thumbs {margin: 0; padding: 0; list-style: none  !important;}
.photospace ul.thumbs li {float: left; padding: 0; margin: 0; list-style: none  !important;}

.photospace a.thumb {display:block; height:auto; padding:0; margin:0; border:2px #fff solid;}

.photospace li a:hover,
.photospace li.selected a{border:2px #99cccc solid;}
.play {display:none;}

.photospace a.thumb:focus {outline: none;}
.photospace ul.thumbs img {display: block; border:none;}

.photospace .thumnail_col div.top {}
.photospace .thumnail_col div.bottom {}

.photospace .pagination {position:absolute; right:4px; top:-30px; height:30px; z-index:99999;}
.photospace .pagination a, 
.photospace .pagination span.current, 
.photospace .pagination span.ellipsis {display: block; float: left; margin-right: 5px; padding:6px 4px; color:#a9a9a9; line-height:14px;}
.photospace .pagination a:hover {text-decoration: none; color:#abd4d6;}
.photospace .pagination span.current {font-weight: bold; color:#abd4d6;}
.photospace .pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;}

.photospace #captionToggle a {float: right; display: block; background-image: url('caption.png'); background-repeat: no-repeat; background-position: right; margin-top: 5px; padding: 5px 30px 5px 5px;}

.photospace .thumnail_col a.pageLink {height: 50px; line-height: 50px; background-color:#FFF; opacity: 0.67; display: block; position: relative; float: left; background-position:center center; background-repeat:no-repeat; margin-right:10px; border:solid 1px #CCC; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.photospace .thumnail_col a.pageLink:focus {outline: none;}
.photospace .thumnail_col a.pageLink:hover {opacity: 1;}

.photospace .thumnail_col a.prev {background-image: url('arrow-left.png');}
.photospace .thumnail_col a.next {background-image: url('arrow-right.png');}

.photospace .hide_me{display:none !important;}