#slider-bg {width: 400px; height: 260px; background: url(/images/default/centerpiece.png) center top no-repeat;}

#slider {
	/* You MUST specify the width and height */
	width: 400px;
	height: 180px;
	position: relative;
	overflow: hidden;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
}

#mask-gallery {
	overflow: hidden;
}

#gallery {
	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 0;

	/* width = total items multiply with #mask gallery width */
	width: 800px;
	overflow: hidden;
}

#gallery li {
	/* float left, so that the items are arrangged horizontally */
	float: left;
}

#mask-excerpt {
	/* Set the position */
	position: absolute;
	top: 50px;
	left: 20px;
	z-index: 500;

	/* width should be lesser than #slider width */
	width: 360px;
	overflow: hidden;
	margin: 0;
}

#excerpt {
	/* Opacity setting for different browsers */
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;

	/* Clear the list style */
	list-style: none;
	margin: 0;
	padding: 0;

	/* Set the position */
	z-index:10;
	position: absolute;
	top: 0;
	left: 0;

	/* Set the style */
	width: 360px;
	background-color: #fff;
	overflow: hidden;
	font-family: arial;
	font-size: 12px;
	color: #000;
	margin-bottom:100px;
}

#excerpt li {
	padding:5px;
}

.clear {
	clear: both;
}