#slider{}	
	#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:668px;
		height:310px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:none;
		width:40px;
		height:40px;
		position:absolute;
		left:0px;
		top:0px;
		}	
	#nextBtn{ 
		left:628px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:40px;
		height:40px;
		background:url(./images/a-left.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(./images/a-right.png) no-repeat 0 0;	
		}
	.image {
		position:relative;
		float:left; /* optional */
	}
	.image .text {
		direction:rtl;
		text-align:right;
		padding-right: 10px;		
		position: absolute;
		top:40px; /* in conjunction with left property, decides the text position */
		left:178px;
		width:450px;
		background:#000000;
		color:#FFFFFF;
		opacity:0.8;
		filter: alpha(opacity = 80);	
	}