

	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:210;
		background:#fff;		
		margin-bottom:2em;
		}	
		
	#content{
	position:relative;
	top: -60px;
	height: 190px;
	left: 10px;
	width: 210px;
	background:#f1f1f1;
	padding-top: 5px;
	padding-left: 5px;
}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 210px;
		height: 170px;
		overflow:hidden; 
		background:#f1f1f1;

		}	
	
	#slider li h2{ 
		margin:0 20px;
		padding-top:20px;
	color: #c0002a;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
}	
	#slider li p{ 
		margin: 2px;
		}						
		
	#slider li img{ 
padding: 2px;
	border: thin solid #949494;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 5px;
	margin-top: 10px;
}	
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	#prevBtn, #nextBtn { 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:30px;
		height: 15px;
		position:absolute;
		left: 0;
	top: 10px;
}	
	#nextBtn{ 
		left: 170px;
		}														
	#prevBtn a, #nextBtn a {  
		display:block;
		width:30px;
		height: 15px;
		background:url(../images/prev_out.gif) no-repeat 0 0;	
		}	
		
		#prevBtn a:hover{  
		background:url(../images/prev_over.gif) no-repeat 0 0;	
		}	
		
	#nextBtn a { 
		background:url(../images/suite_out.gif) no-repeat 0 0;	
		}												


    #nextBtn a:hover { 
		background:url(../images/suite_over.gif) no-repeat 0 0;	
		}		

/* // Easy Slider */

#slider ul li h3 {
	font-size: .9em;
}
