.photospace_res{
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
	overflow:visible;
	
	min-height: 200px; /* space for loader */
}

.photospace_res .gal_content,
.photospace_res .slideshow-container,
.photospace_res .slideshow span,
.photospace_res .slideshow a.advance-link,
.photospace_res .slideshow img{
    width: auto;
    height: auto;
}

.photospace_res .slideshow img{
	max-width: 100%;
}

.photospace_res .slideshow span,
.photospace_res .slideshow a.advance-link,
.photospace_res .slideshow img{
    line-height: 0;
}

.photospace_res_clear{
	clear:both;
}

.photospace_res .gal_content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	
}
.photospace_res .controls a, 
.photospace_res .thumnail_row a {
	text-decoration: none;
	color: #8E8E8E;
}

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

.photospace_res .ss-controls {
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

.photospace_res .slideshow-container {
	position: relative;
	clear: both;
}

.photospace_res .loader {
	position: absolute;

	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	
    width: 100px;
    height: 100px;
    
    top: 50%;
    left: 50%;
    margin-left: -50px;
}

.photospace_res .slideshow span.image-wrapper {
	display: block;
	position: relative; /* Keep the gallery height - Doesn't work with synced transistions */
	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_res .slideshow a.advance-link {
	display: block;	
	text-align: center;
}

.photospace_res .slideshow a.advance-link:hover, 
.photospace_res .slideshow a.advance-link:active, 
.photospace_res .slideshow a.advance-link:visited {
	text-decoration: none;
}
.photospace_res .slideshow img {
	vertical-align: top;
}

.photospace_res .caption-container {
	
}
.photospace_res span.image-caption {
	display: block;
	position: inherit;
}  
.photospace_res .caption {
	color: #8e8e8e;
	text-align:center;
	padding-right:0;
	padding-top:10px;
}

.photospace_res li .caption{
	display:none;
}

.photospace_res .caption a {
}

.photospace_res .image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}

.photospace_res .thumbs_wrap2{
    overflow: hidden;
}

.photospace_res .thumbs_wrap{
    float: left;
    left: 50%;
    position: relative;
}

.photospace_res .thumnail_row {
    float: left;
    left: -50%;
    width:auto;
    position: relative;
}
 
.photospace_res ul.thumbs {
	margin: 0;
	padding: 0;
	list-style: none  !important;
	float:left;
	text-align: center;
}

.photospace_res ul.thumbs li {

	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	list-style: none  !important;
}

.photospace_res a.thumb {
	display: block;
	height:auto;
	padding: 0;
	margin: 0;
	
	opacity: 1;
	
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.photospace_res li a:hover,
.photospace_res li.selected a{
	opacity: 0.5;
	cursor: default;
}

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

.photospace_res .psr_paging{
	text-align: center;
	overflow: hidden;
}

.photospace_res a.pageLink {
	background-color:#FFF;
	opacity: 0.5;
	display: inline-block;
	position: relative;

	background-position:center center;
	background-repeat:no-repeat;

	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_res .thumnail_row a.pageLink:focus {
	outline: none;
}
.photospace_res .thumnail_row a.pageLink:hover {
	opacity: 1;
}

.photospace_res .thumnail_row a.prev {
	background-image: url('arrow-left.svg');
}
.photospace_res .thumnail_row a.next {
	background-image: url('arrow-right.svg');
}

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