@charset "utf-8";
/* CSS Document */

/* SLIDESHOW */




#show {
	height: 240px;
	margin-bottom: 0px;
	}




.slideshow {

	display: block;

	position: relative;

	z-index: 0;

}

.slideshow-images {

	display: block;

	overflow: hidden;

	position: relative;

}		

.slideshow-images img {

	display: block;

	position: absolute;

	z-index: 1;

}		

.slideshow-thumbnails {

	overflow: hidden;

}



/**

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 {

	height: 240px;

	width: 742px;

}		

.slideshow-images-visible { 

	opacity: 1;

}	

.slideshow-images-prev { 

	opacity: 0; 

}

.slideshow-images-next { 

	opacity: 0; 

}

.slideshow-images img {

	float: left;

	left: 0;

	top: 0;

}	



/**

Notes:

	These are examples of user-defined styles.

	Customize these classes to your usage of Slideshow.

*/



.slideshow {

	height: 240px;

	margin: 0 auto;

	width: 742px;

}

.slideshow a img {

	border: 0;

}