#slider {
 
    /* You MUST specify the width and height */
    width:770px;
    height:312px;
    position:relative; 
    overflow:hidden;
}
 
#mask-gallery {
     
    overflow:hidden;   
	float:left;
}
 
#gallery {
     
    /* Clear the list style */
    list-style:none;
    margin:0;
    padding:0;
     
    z-index:0;
     
    /* width = total items multiply with #mask gallery width */
    width:300px;
    overflow:hidden;
}
 
    #gallery li {
 
         
        /* float left, so that the items are arrangged horizontally */
        float:left;
    }
 
 
#mask-excerpt {
     
    /* Set the position */
    position:absolute; 
    top:275px;
    right:0;
    z-index:500px;
     
    /* width should be lesser than #slider width */
    width:210px;
	height:50px;
    overflow:hidden;
     
}

#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:300px;
    /* background-color:#1384e2; */
    overflow:hidden;
    font-family:arial;
    font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
    color:#fff;
} 
 
    #excerpt li {
        padding:5px;
    }
     
 
 
.clear {
    clear:both;
}

#buttons{
	float:right;
}