/* Styles for Home Page Rotating Banners */

	#feature-rotations * { margin:0; padding:0; list-style:none; outline:none; border:none; }
	#feature-rotations {
		width:531px;
		height:204px;
		border-top:1px solid #666;
		position:relative;
		}

		#feature-rotations li a {
			display:block;
			width:531px;
			height:204px;
			text-indent:-9999px;
			}
			
		#feature-1 { background:transparent url(/identity_assets/images/home/rotation-1.jpg) no-repeat; }
		#feature-2 { background:transparent url(/identity_assets/images/home/rotation-2.jpg) no-repeat; display:none; }
		#feature-3 { background:transparent url(/identity_assets/images/home/rotation-3.jpg) no-repeat; display:none; }
	
	#controls, #pause, #play {
		position:absolute;
		}

		#controls a, #pause, #play {
			display:block;
			height:27px;
			text-indent:-9999px;
			}
		
		#pause, #play {
			width:49px;
			bottom:9px;
			left:105px;
			z-index:11;
			}
			
		* html #pause { bottom:11px; }
		* html #play { bottom:11px; }
			
		#pause { background:transparent url(/identity_assets/images/home/rotation-pause-button.png) left top no-repeat; }
		#play { background:transparent url(/identity_assets/images/home/rotation-play-button.png) left top no-repeat; display:none; }
	
	#pause:hover, #play:hover { background-position:left bottom; }
		
	#controls {
		width:98px;
		height:29px;
		padding:3px 0 0 9px;
		bottom:7px;
		background:transparent;
		z-index:10;
		}
		
	* html #controls { background:#c0c0c0; border:1px solid #333; border-left:none; }
				
		#controls a {
			float:left;
			width:32px;
			}
			
		a.rotation-1-button { background:transparent url(/identity_assets/images/home/rotation-1-button.png) left top no-repeat; }		
		a.rotation-2-button { background:transparent url(/identity_assets/images/home/rotation-2-button.png) left top no-repeat; }
		a.rotation-3-button { background:transparent url(/identity_assets/images/home/rotation-3-button.png) left top no-repeat; }
			
		#controls a.activeSlide { background-position:left bottom; }
		#controls a:hover { background-position:left center; }
		#controls a:hover.activeSlide { background-position:left bottom; }
