#slideshow {
	width: 939px; /* important to be same as image width */
	height: 382px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}

#slideshowContent {
	width: 939px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.slideshowImage {
	float: left; /* important */
	position: relative; /* important */
	left: 0;
	display: none; /* important */
	margin: 0;
	padding: 0;
}

.slideshowImage span.overlay {
	position: absolute; /* important */
	filter: alpha(opacity=50); /* here you can set the opacity of box with text */
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	display: none; /* important */
	width: 313px;
	height: 382px;
	background-color: #000;
}

.slideshowImage span.overlay h2 {
	margin: 20px 20px 0 20px;
	color: #aaa;
	font-size: 1em;
	font-weight: normal;
}
.slideshowImage span.overlay p {
	margin: 10px 20px 10px 20px;
	padding: 0;
	color: #fff;
	font-size: 0.8em;
}
.slideshowImage span.top {
	top: 0;
	left: 0;
}
.slideshowImage span.bottom {
	bottom: 0;
	left: 0;
}
.slideshowImage span.left {
	top: 0;
	left: 0;
}
.slideshowImage span.right {
	right: 0;
	top: 0;
}