.header_slide .cycle-slideshow img{max-width:100%}
	
	.cycle-prev, .cycle-next {
			font-size: 200%;
			color:transparent;
			display:block;
			position:absolute;
			top:50%;
			margin-top:-16px;
			z-index:9999;
			width:0%; padding:2%; padding-top:1%;
			cursor: pointer; 
		}
		
		.cycle-prev {left:0%;  text-indent:1.2%}
		.cycle-next {right:0%; text-indent:1.5%}
		
		.cycle-slideshow:hover .cycle-prev{width:5%; color:#fff; opacity:0.5; transition:width 300ms ease-in; background:green; }
		.cycle-slideshow:hover .cycle-next{width:5%; color:#fff; opacity:0.5; transition:width 300ms ease-in; background:green; }
		
			/* this css rules below cause the page bottom scroll bar to appear */
		/*	.cycle-pager {
			width:100%;
			position: absolute;
			top:20px;
			text-align:center;
			z-index:999;
			cursor: pointer;
		}
		
		
	
		.cycle-pager span{
			text-indent:100%;
			white-space:nowrap;
			width:10px;
			height:10px;
			display:inline-block;
			border: 2px solid gray;
			border-radius: 100%;
			margin:0 3px;
			
			} 
	
	*/