div.homeScroller{
  position: relative;
  width:1200px;
  height:429px;

  clear: both;
  display: block;
}

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

div.homeScroller  div.controls{
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #000000;
    /*width: 58px;*/
    height: 12px;
    padding:3px 3px 3px 1px;
    
  }

div.controls a{
  background: #FFFFFF;
  width: 12px;
  height: 12px;
  display: inline;
  float: left;
  margin-left: 2px; 
}

div.controls a.active{
  background:#FF0000;
}