#slider {

/* You MUST specify the width and height */
width:336px;
height:260px;
position:relative;
overflow:hidden;
padding: 0;
margin: 0;
border:0px solid red;
}

#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:900px;
overflow:hidden;
}

#gallery li {


/* float left, so that the items are arrangged horizontally */
float:left;
}


#mask-excerpt {

/* Set the position */
position:absolute;	
top:180px;
left:0;
z-index:500px;

/* width should be lesser than #slider width */
width:340px;
height:60px;
overflow:hidden;	

padding:0px;
margin:0;
}
#excerpt {
/* Opacity setting for different browsers */
filter:alpha(opacity=80);
-moz-opacity:0.8;  
-khtml-opacity: 0.8;
opacity: 0.8;  
/* Clear the list style */
list-style:none;
margin:0;
padding:0px;
/* Set the position */
z-index:10;
position:absolute;
top:0;
left:0;
/* Set the style */
    width:340px;
    background-color:#000;
    overflow:hidden;
    font-family:arial;
    font-size:11px;
    color:#fff;
    line-height:14px;
    margin:0;
}
#excerpt li {
    padding:7px;
}
.clear {
    clear:both;
}