#slider {
	/* You MUST specify the width and height */
	width:600px;
	height:300px;
	position:relative;
	overflow:hidden;
	border-top: 4px solid #1D1F0E;
	border-right: 1px solid #1D1F0E;
	border-left: 1px solid #1D1F0E;
	border-bottom: 4px solid #1D1F0E;
}

#mask-gallery {
	overflow:hidden;
}

#gallery {
	list-style:none;
	margin:0;
	padding:0;
	
	z-index:0;
	/* width = total items multiply with #mask gallery width */
	width:1800px;
	overflow:hidden;
}

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


#mask-excerpt {
	position:absolute;
	top:0;
	left:0;
	z-index:500px;
	/* width should be lesser than #slider width */
	width:150px;
	overflow:hidden;
}

#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	
	/* 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:150px;
	background-color:#000;
	overflow:hidden;
	font-family:arial;
	font-size:12px;
	color:#fff;
}

#excerpt li {
	padding:5px;
}

.clear {
	clear:both;
}