/*-------------------------------------------------------------------------------------------------------------------

	=Glider
 		
--------------------------------------------------------------------------------------------------------------------*/

div#my-glider {
	background: url('../img/bg_slides.png') no-repeat left top;
	float: right;
	height: 434px;
	padding: 18px 0 0 33px;
	margin: 18px 0 0 20px;
	width: 598px;	
}

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

div.content {
	margin-bottom: 9px;
}

div.section img {
	float: left;
}

div.controls {
	height: 112px;
	margin-top: 9px
}

div.controls a img {
	float:left;
	border: none;
	margin-right: 9px;
	
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

div.controls a:hover img {
	/*outline: 2px solid #d9d9d9;*/
	margin-top: 1px;
	
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

}

div.controls a:focus img {
		
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;

}