#slider {
	width:							502px;
	margin:							0;
	padding:						0;
	list-style:						none;
}
#slider ul, #slider li {
	margin:							0;
	padding:						0;
	list-style:						none;
}
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:							502px;
	height:							290px;
	overflow:						hidden;
}
p#controls {
	margin:							0;
	position:						relative;
}
#prevBtn, #nextBtn {
	display:						block;
	margin:							0;
	overflow:						hidden;
	width:							30px;
	height:							290px;
	position:						absolute;
	left:							-45px;
	top:							-160px;
}
#nextBtn {
	left:							517px;
}
#prevBtn a {
	display:						block;
	width:							30px;
	height:							290px;
	background: 					url(images/l_arrow.gif) no-repeat 0 0;
}
#nextBtn a {
	display:						block;
	width:							30px;
	height:							290px;
	background: 					url(images/r_arrow.jpg) no-repeat 0 0;
}