/*********************************
* Slideshow Styling
*********************************/
#slideshow {
	width: 100%;
	height: 100%;
	margin: 0px auto;
    position:relative;
    overflow: hidden;
}
	#slideshow.fullscreen {
		width:100%;
		height:600px;
		margin:25px auto;
		padding: 0;
		overflow: hidden;
	}
	.img-wrapper {min-width: 100%; min-height: 100%; position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto;
	    overflow: hidden; z-index:8;  background-size: cover; background-position: center center;}
		#slideshow .img-wrapper.active {z-index:10;}
		#slideshow .img-wrapper.last-active {z-index:9;}

	/*********************************
	* Thumbnail Styling
	*********************************/
	.thumbs-container {
		width: 100%;
		height: 140px;
		position: absolute;
		left: 0;
		z-index: 11;
		background: #222222;
		opacity: .9;
	}
		.thumbs-container.top {top: 0;}
		.thumbs-container.bottom {bottom: 0;}
		.prev, .next {width: 3%; min-width: 40px; height: 48px; padding: 55px 1%; color: #999999; cursor: pointer; font-size:25px}
		.prev {float: left}
		.next {float: right}
		.prev:hover, .next:hover {color: #555555;}
		ul.thumbs {position: absolute; top: 0; left: 5%; right: 5%; height: 140px; padding: 0; margin: 0 5%; overflow: hidden; white-space: nowrap;
			text-align: center}
		.thumb {display: inline-block; width:120px; height: 120px; margin: 10px; overflow: hidden; background-size: cover; background-position: center center;
	    		cursor: pointer}
		.thumb:first-of-type {margin-left: 0px}
		.thumb.active {
				width: 116px;
				height: 116px;
				border: 2px solid #FFF;
			}