#slider {

/* You MUST specify the width and height */
width:760px;
height: 240px;
position: relative;
overflow: hidden;
}

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

#gallery li {


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


#mask-excerpt {

/* Set the position */
position:absolute;
top: 0;
right: 0;
z-index: 500px;
background: url(../img/bg_excerpt.png) no-repeat 180px 40px #b32017;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;

/* width should be lesser than #slider width */
width:365px;
overflow: hidden;
}

#excerpt {
/* Opacity setting for different browsers */

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

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

/* Set the style */
width:365px;
overflow: hidden;
}

#excerpt li {
padding: 20px;
}



.clear {
clear: both;
}