#diaporama {
	width:492px;
	height:275px;
	display:block;
	z-index:1;
	background-color:#000;
	padding-bottom:30px;
}

/*
	Slideshow
*/

#diaporama #slides {
	z-index:100;
}

/*
	Slides container
*/

#diaporama .slides_container {
	overflow:visible;
	position:relative;
	margin:0 15px;
}

#diaporama .slide_empty {
	overflow:hidden;
	position:relative;
}


#diaporama .slide_empty .slide {
	display:block;
	width:462px;
	height:244px;
	overflow:hidden;
	background-color:#fff;
	margin:15px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#diaporama .slides_container .slide   {
	display:block;
	width:460px;
	height:240px;
	border:1px solid white;
	background-color:#fff;
	margin-top:15px;
}

#diaporama .slides_container .slide.flash, #diaporama .slides_container .slide.img {
	overflow:hidden;
}

#diaporama .slides_container .slide.img img {
	max-width:460px;
}

#diaporama .slides_container .slide.txt 
{
	padding:15px;
	width:430px;
	height:210px;
	overflow:scroll;
}

/*
	Navigation buttons
*/

#diaporama #slides #diaponav	{
	margin:4px 22px 0 15px;
}

#diaporama #slides #diaponav a	{
	color:#fff;
	height:31px;
}

	
#diaporama #slides .prev, #diaporama #slides .next, #diaporama #slides .play, #diaporama #slides .stop, #diaporama .pagination li a {
	opacity:0.7;
	-moz-opacity : 0.7;
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	filter : alpha(opacity=70); /* IE < 8 */
}

	
#diaporama #slides .prev:hover, #diaporama #slides .next:hover, #diaporama #slides .play:hover, #diaporama #slides .stop:hover,
#diaporama #slides .play.active, #diaporama #slides .stop.active, #diaporama .pagination li.current a {
	opacity:1;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	filter : alpha(opacity=100); /* IE < 8 */
}

#diaporama #slides .prev {
	margin-right:22px;
}

#diaporama #slides .next {
	margin-left:22px;
}

#diaporama #slides .play {
	margin-right:15px;
}

#diaporama #slides .stop {
	margin-right:15px;
}

#diaporama #slides #diaponav .margin, #diaporama #slides #diaponav #playstop.margin {
	margin-right:30px;
}


#diaporama .pagination {
	margin-top:2px;
}

#diaporama .pagination li {
	float:left;
	margin:0 3px;
	list-style:none;
}

#diaporama .pagination li a {
	display:block;
	width:13px;
	height:31px;
	float:left;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
}

#diaporama .pagination li a img	{
	
}

#diaporama .pagination li.current a {
	font-weight:bold;
}

#diaporama .pagination li a:hover {
	text-decoration:underline;
}

#diaporama #slides #diaponav ul li	{
	float:left;
}

#diaporama ul li a, #diaporama .pagination li a	{
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
	margin-right:5px;
}