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

	div#section2 {
		/* background:#666666;
		color:#ffffff; */
		}
#my-glider .controls{
  width:100%;
  text-align:center;
}
#my-glider ul{
  list-style-type:none;
}
#my-glider li{
  float:left;
}

#control1 a, #control1 .active, #control2 a, #control2 .active, #control3 a, #control3 .active, #control4 a, #control4 .active, #control5 a, #control5 .active{
	height:35px;
	display:block;	
	margin-left:15px;
	padding:3px 0 0 33px;
	width:120px;
	text-align:left;
}
#control1 a, #control2 a, #control3 a, #control4 a, #control5 a{
  color:#8CC7D8;
  text-decoration:none;
  font-size:20px;
}
#control1 a:hover, #control2 a:hover, #control3 a:hover, #control4 a:hover, #control5 a:hover{
  text-decoration:underline;
}
#control1 .active, #control2 .active, #control3 .active, #control4 .active, #control5 .active{
  color:#1656B8;
  font-weight:20px;
}
#control1 a{
	background: url('../images/num1_off.png') no-repeat left top;	
}
#control1 .active{
	background: url('../images/num1.png') no-repeat left top;	
}
#control2 a{
	background: url('../images/num2_off.png') no-repeat left top;	
}
#control2 .active{
	background: url('../images/num2.png') no-repeat left top;	
}
#control3 a{
	background: url('../images/num3_off.png') no-repeat left top;	
}
#control3 .active{
	background: url('../images/num3.png') no-repeat left top;	
}
#control4 a{
	background: url('../images/num4_off.png') no-repeat left top;	
}
#control4 .active{
	background: url('../images/num4.png') no-repeat left top;	
}
#control5 a{
	background: url('../images/num5_off.png') no-repeat left top;	
}
#control5 .active{
	background: url('../images/num5.png') no-repeat left top;	
}