.slideshow {
	display: block;
	position: relative;
  height: 1200px;
  z-index: 2001;
}

/**
  HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
  Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
	left: 0px;
	top: 0px;
	position: absolute;
	background-color: none;
}
.slideshow-images img { 
	float: left;
	padding-top: 100px;
}	
.slideshow-images-visible { 
  top: 0;
	left: 0; 
	opacity: 1; 
}	
.slideshow-images-next { 
	left: 0; 
	opacity: 0; 
	top: 400px; 
}
.slideshow-images-prev { 
	left: 0; 
	opacity: 0; 
	top: -400px; 
}

/*
  HTML:
	<div class="slideshow-loader" />

  Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 2001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}