#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	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: 820px;
	height: 262px;
	overflow:hidden;
	}

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:940px;
	}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	height:23px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 0 0;
	bottom: 46px;
	position: relative;
	float: left;
	_display: none;
	left: 638px;
	}
ol#controls li{
	margin: 0 5px 0 0; 
	padding:0;
	list-style:none;
	height:23px;
	line-height:18px;
	float: left;
	}
ol#controls li a{
	float:left;
	height:23px;
	line-height:23px;
	color:#555;
	text-decoration:none;
	text-indent: -9999px;
	width: 23px;
	background: url(../images/slider-control.png) no-repeat;
	}
ol#controls li.current a{
	color:#fff;
	background-image: url(../images/slider-control-current.png);
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}