div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 960px; 
	height: 200px;
	overflow: hidden;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 960px; 
		height: 200px;
		overflow:hidden;
		float:left;
		padding: 0;		
	}
	div.scroller div.content {
		width: 10000px;
	}

	div#section2 {
		background:#666666;
		color:#ffffff;
	}
	
	
	div#prev-next {
		float: right; margin-top: -110px;
	}
	
	div#prev-next #prev {
		margin-right: 445px; 
	}
	
	div#prev-next #next {
		margin-right: 425px; 
	}
	
	div#prev-next #next img, div#prev-next #prev img  {
		opacity:.75;
  		-moz-opacity: 0.75; /* Firefox */
	}
	
	div#prev-next #next img:hover, div#prev-next #prev img:hover  {
		opacity:.99;
  		-moz-opacity: 0.99; /* Firefox */
	}
  

div.scroller .section-content {
	background-image: url("/images/site/icons/1px.png");	
	margin: 0px;
	padding-left: 35px;
	padding-right: 35px;
	height: 200px;
	float: right;
	width: 318px;
}

div.controls { text-align: right; margin-top: 10px;}
div.controls a { padding: 3px 6px 3px 6px; color: #ffffff; font-size: 11px; background-color: #000; font-weight: bold; }

div.scroller .section-content a { text-decoration: none; }

div.scroller .section-content h1
{
	background: none;
	color: #cccccc;
	margin: 0;
	padding: 20px 0px 15px 0px;
	font-weight: normal;
	font-size: 24px;
	line-height: 25px;
}

div.scroller .section-content p 
{
	color: #cccccc;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
}