#slider {
	/* You MUST specify the width and height */
	width:395px; height:260px; position:relative; overflow:hidden; margin: 16px 0 16px 0; background:#cccccc; border: 1px solid #999999;}

#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:1040px; overflow:hidden;
}
#gallery li {		
		/* float left, so that the items are arrangged horizontally */
		float:left;}


#mask-excerpt {	
	/* Set the position */
	position:absolute; top:0; left:0; z-index:500px;	
	/* width should be lesser than #slider width */
	width:100px; overflow:hidden;}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=40); -moz-opacity:0.4;  -khtml-opacity: 0.4; opacity: 0.4; 	
	/* 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:100px;	background-color:#000; overflow:hidden; font-family:arial; font-size:10px; color:#fff;}
#excerpt li {padding:5px;}
#buttons { width: 200px; margin: 0 auto 0 auto;}
#buttons a{ display: block; padding: 3px; margin:3px; border: 1px solid #999999; float: left; color: #666666; text-decoration: none;}
#buttons a:hover{color: #333333; background: #eaeaea; border: 1px solid #666666; text-decoration: none;}
.clear {clear:both;}