#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:425px;
		/*background-color:#000000;*/
		/*background-image: url('http://www.bodyevolution.ie/images/jenny-imageback.jpg');*/
		margin-top: 20px;		
		margin-bottom:2em;
		}	
	#header{
		height:80px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		/*background-color:#00ff00;*/
		}			
 
/* Easy Slider */
 
	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:425px;
		height:241px;
		overflow:hidden;
		color: #ffffff; 
		}	
 
	#slider2 li{ 
		/*background-color:#000000;*/
		}
	#slider2 li.green{ 
		/*background:#f100f1;*/
		}				
	#slider2 li h2{ 
		margin:0 20px;
		padding-top:20px;
		}	
	#slider2 li p{ 
		margin:20px;
		}						
	

    	/*chris 

*/
	#slider2 li img{ 
		border:solid 1px #ffffff;
		}		    
    	
	p#controls, p#controls2{
		margin:0;
		position:relative;
		} 
	
	
	/*some of these styles seem to repeat?*/
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:40px;
		height:77px;
		position:absolute;
		left:-40px;
	/*this poistion is differnet in my test page compared with the be public pages!!*/	
	top:80px;
		}	
	#nextBtn, #nextBtn2{ 
		left:435px;
		}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{  
		display:block;
		width:40px;
		height:77px;
		/*background:url(http://www.bodyevolution.ie/images/btn_prev.gif) no-repeat 0 0;*/
		background:url(http://www.bodyevolution.ie/images/be-back-arrows-l.png) no-repeat 0 0;	
		}	
	#nextBtn a, #nextBtn2 a{ 
		/*background:url(http://www.bodyevolution.ie/images/btn_next.gif) no-repeat 0 0;*/
		background:url(http://www.bodyevolution.ie/images/be-back-arrows-r.png) no-repeat 0 0;	
		}