/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider { 
	width: 449px;
	height: 280px; 
	position: relative;
	margin: 0;
}

	.anythingSlider .wrapper { 
		width: 449px;
		overflow: hidden;
		height: 341px;
		margin: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
		
		/* Width below is max for Opera */
		.anythingSlider .wrapper ul { 
			width: 32700px;
			list-style:	none;
			position: absolute; 
			top: 0;
			left: 0; 
			margin: 0; 
		}
		
			.anythingSlider ul li {
				display: block;
				float: left;
				padding: 0; 
				height: 267px; 
				width: 449px; 
				margin: 0; 
			}
			
				.anythingSlider .arrow { 
					display: block; 
					height: 30px; 
					width: 30px; 
					background: url("/images/arrows.png") no-repeat 0 0; 
					text-indent: -9999px; 
					position: absolute; 
					top: -40px;
					cursor: pointer; 
				}
				
					.anythingSlider .forward { 
						background-position: 0 -30px; 
						right: -5px; 
					}
					
					.anythingSlider .back { 
						background-position: -30px -30px; 
						right: 25px; 
					}
						
						.anythingSlider .forward:hover { 
							background-position: 0 2px; 
						}
						
						.anythingSlider .back:hover { 
							background-position: -30px 2px; 
						}
						
		.anythingSlider ul li a {
			display: inline-block;
			background-color: #e3e5e5;
		}
		
		.anythingSlider ul li a { 
			position: relative;
			padding: 9px 5px 9px 10px;
			font-size: 14px;
			font-weight: normal;
			color: #333;
			display: block;
			text-decoration: none; 
			text-transform: uppercase;
		}
		
			.anythingSlider ul li a img {
				margin: -9px 0 9px -10px;
				border: none;
			}
			
				.anythingSlider ul li a:hover { 
					background-color: #abe8fd;	
				}


#thumbNav { 
	position: relative; 
	top: 323px; 
	text-align: center; 
}

	#thumbNav a { }
	 
	 		
		#thumbNav a:hover { }


#thumbNav a.cur { 
	background: #e0a213; 
}


#start-stop { 
	display: none;
	/*
	background: green; 
	background-image: url("/images/cellshade.png"); 
	background-repeat: repeat-x; 
	color: white; 
	padding: 2px 5px; 
	width: 40px; 
	text-align: center; 
	position: absolute; 
	right: 45px; 
	top: 323px; 
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	*/
}

	#start-stop.playing { 
		background-color: red; 
	}
	
		#start-stop:hover { 
			background-image: none; 
		}
		
	
/* Prevents */

.anythingSlider .wrapper ul ul { 
	position: static; 
	margin: 0; 
	background: none; 
	overflow: visible; 
	width: auto; 
	border: 0; 
}

	.anythingSlider .wrapper ul ul li { 
		float: none; 
		height: auto; 
		width: auto; 
		background: none; 
	}
