div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 752px; 
	/*height: 450px;*/
	overflow: hidden;
	border:0px solid #cccccc;
	background:transparent;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:525px;
		/*height:450px;*/
		overflow:hidden;
		float:left;
		padding:0;		
		background:transparent;
		}
	div.scroller div.content {
		width: 300000px;
		}
		
div.controls
{
	width:211px;
	background:transparent;
	color:#40411E;
	font-size:14px;
	margin-top:0px;
/*
	margin-top:15px;
	color:grey;
	font-size:14px;
	text-align:left;
*/
}

div.controls a, div.controls a:visited, div.controls a:link, div.controls a:active
{
	color:#C7C8CA;
	font-size:10px;
	background:transparent;
	margin-top:10px;
	margin-bottom:10px;
	border:none;
}

:focus
{
  -moz-outline-style: none;
}

div.controls hr
{
	border:none;
	border-bottom:2px dotted #8E3D3A;
	width:170px;
	margin:0;
	margin-bottom:10px;
}

#my-glider
{
	width:525px;
	margin: 0 auto;
	margin-top:10px;
	padding:0;
	text-align:auto;
	border:0px solid red;
	overflow: hidden;

}