.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
#slider{
	z-index: -1000;
	}	
#slider ul, #slider li{
		margin:0px ;
		padding:0px;
		list-style:none;
		}
#slider, #slider ul, #slider li{ 
		/* 
			I cannot center this. When I do, it breaks. WTF? I also cannotget this to work when I use an external style sheet. WTF?
		*/ 
		width:860px;
		height:350px;
		overflow:hidden;
		}	
		
#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left: 1px;
		top:170px;
		}	
#nextBtn{ 
		left:910px;
		}														
#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}