#slider
{
    /* You MUST specify the width and height */
    width: 670px;
    height: 320px;
    position: absolute;
    overflow: hidden;
}

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

#gallery a
{
    /* float left, so that the items are arrangged horizontally */	
	width: 620px;
	height: 300px;	
}
        
#mask-excerpt
{
    /* Set the position */
    position: absolute;
    top: 320px;
    left: 0;
    z-index: 500px; /* width should be lesser than #slider width */
    width: 610px;
    height:70px;
	overflow: hidden;
	margin-left: 40px;
}

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

#excerpt a:link
{
	text-decoration:none;	
}

        
#excerpt li
{
	padding: 5px;
	height:70px;	
	width: 610px;
	float:left;
}

.clear
{
	clear: both;
}
        
#btn-prev
{       
    float: left;
    background-image: url(../images/show-case-button-left.png);	
    height:298px;
	width:30px;
}        
        
#btn-next
{   
	float: right;
    background-image: url(../images/show-case-button-right.png);	
    height:298px;
	width:30px;		
	left:650px;
}  

.slide-showcase
{
	width: 670px;
	height: 320px;		
	background-color: #fff;	
	top:10px;
}

.slide-showcase #links
{
    position:absolute;
    width:25px;       
    top:460px;
    margin-left: 612px; 	
}

.slide-showcase #links span
{
    display: none;
}

.slide-showcase #links a
{
	height:18px;
    width:25px;
    display:block;
    margin-bottom: 2px;
}

.showcase-item1 { background: url(../images/showcase-item1.png) no-repeat; }
.showcase-item2 { background: url(../images/showcase-item2.png) no-repeat; }
.showcase-item3 { background: url(../images/showcase-item3.png) no-repeat; }
.showcase-item4 { background: url(../images/showcase-item4.png) no-repeat; }