@charset "utf-8";
/* CSS Document */

#container{	
	margin:0;
	position:relative;
	text-align:left;
	width:400px;
	background:#fff;		
	margin-bottom:2em;
}	

/* image replacement */
.graphic, #prevBtn, #nextBtn{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
}
/* // image replacement */

#slider{
	background:#fff;
	margin: 0 auto;
	border: 1px solid #009900;
}

#slider a img{	
	border:none;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:400px;
	height:300px;
	overflow:hidden; 
}	

#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-33px;
	top:115px;
}
		
#nextBtn{ 
	left:403px;
}	

#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(btn_prev.gif) no-repeat 0 0;	
}	
	
#nextBtn a{ 
	background:url(btn_next.gif) no-repeat 0 0;	
}