#content { position: relative; border: solid 5px #666; height: 368px; width: 554px; }		

#prevBtn, #nextBtn, #slider1prev, #slider1next { margin: 0px; padding: 0px; display: block; overflow: hidden; text-indent:-8000px; }
				
#slider ul, #slider li, #slider2 ul, #slider2 li { margin: 0px; padding: 0px; list-style: none; }
#slider2 { margin-top: 1em; }
#slider li, #slider2 li { 
/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
width: 554px; height:368px; overflow: hidden; }	
#prevBtn, #nextBtn, #slider1next, #slider1prev { display: block; width:30px; height:34px; position:absolute; top:167px; z-index:1000; }	
#nextBtn, #slider1next { left:524px; }														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a { display: block; position: relative; width: 30px; height: 34px; background: url(images/previous.png) no-repeat 0 0; opacity: 0.6; filter: Alpha(Opacity=60); }	
#nextBtn a, #slider1next a { background: url(images/next.png) no-repeat 0 0; }	
	
/* controls */	
ol#controls{ margin: 1em 0; padding: 0; height: 28px; }
ol#controls li{ margin: 0 10px 0 0; padding: 0; float: left; list-style: none; height: 28px; line-height: 28px; }
ol#controls li a{ float: left; height:28px; line-height:28px; border: 1px solid #ccc; background: #DAF3F8; color: #555; padding: 0 10px; text-decoration: none; }
ol#controls li.current a{ background: #5DC9E1; color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none; }