/*
    anythingSlider v1.0
    
    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 *{
  margin:0;
  padding:0;
}
.anythingSlider                         { width: 1040px; height: 240px; position: relative; margin: 0 auto 15px; left: -40px;}
.anythingSlider .wrapper                { width: 990px; overflow: hidden; height: 248px; margin: 0 0px; position: absolute; top: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 240px; margin: 0; }

#start-stop,
.anythingSlider .arrow{
  border: 1px solid #aaa;
  display: block;
  height: 30px;
  width: 30px;
  background: #505050;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 50;
  position: absolute;
  bottom: 5px;
  right: 40px;
  margin: 0 20px;
}
.anythingSlider .forward {
  background: transparent url(../images/fwd.png) 11px center no-repeat;
}
.anythingSlider .back {
  margin-right: 100px;
  background: transparent url(../images/prev.png) 11px center no-repeat;
}

#thumbNav{
	position: absolute;
	bottom: 0;
	left: 500px; /* Numbers and buttons */
}
#thumbNav a{
	opacity: 0.6;
	color: white;
	display: inline-block;
	padding: 3px 10px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
}
#thumbNav a:hover     { background: #ccc; color: #505050; }
#thumbNav a.cur         { background: white; color: #505050; font-weight: bold;}

#start-stop {
  margin-right: 60px;
  background: transparent url(../images/play.png) 11px center no-repeat;
}

#start-stop.playing {
  background: transparent url(../images/pause.png) center center no-repeat;
}

.anythingSlider .back:hover,
.anythingSlider .forward:hover,
#start-stop:hover                       { background-color: white; }

/*
  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; }
