div#showcasecontainer	{
		width: 640px;		
		padding: 0px;
		float: left;
		border: solid 0px #ffffff;
		position: relative;		
		}


#slidercontainer {	
		position:relative;
		border: solid 0px #000000;
		width:640px;
		height:300px;
		left: 0px;
		}	


#slider{}	

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
	
#slider li{ 
	width:640px;
	height:300px;
	padding: 0px;
	overflow:hidden;
	background-color: #000000;
	}	
	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:300px;
	position:absolute;
	top:0px;
	}	
	
#prevBtn{ 
	left:-30px;
	}
	
#nextBtn{ 
	left:580px;
	}				
											
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:300px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;	
	}	
	
#nextBtn a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}	



/* my slider styles */

#slider h1	{
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #8fcae7;
	margin: 5px 0px 5px 0px;
}

#slider p	{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 18px;
	}