/*
    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                         { 
							width: 760px; 
							height: 240px; /*  orig: 360px */
							position: relative; /* was: relative */
							margin: 0 auto 15px } /* trial is: -40px  0 15px 0;*/
.anythingSlider .wrapper           { 
							width: 680px; 
							overflow: auto; 
							height: 340px;
							margin: -50px 40px 0 40px; /* orig: 0 40px;  */
							position: absolute;
							top: 0; 
							left: 0; }
.anythingSlider .wrapper ul             { 
							width: 99999px; /* orig 32700px */
							list-style: none; 
							position: absolute; 
							top: 0; 
							left: 0; 
							background: #eee; 
							border-top: 3px solid #e0a213; 
							border-bottom: 3px solid #e0a213; 
							margin: 0; }
.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; }

.anythingSlider ul li                   { 
							display: block; 
							float: left; 
							padding: 0; 
							height: 317px; 
							width: 680px;
							margin: 0; }
.anythingSlider .arrow                  { 
							display: block; 
							height: 150px;  /* was: 200px */
							width: 67px; 
							background: url(../images/arrows.png) no-repeat 0 0; 
							text-indent: -9999px; 
							position: absolute; 
							top: 15px;  /* was: 65px */
							cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { 
							position: relative; 
							top: 273px; /* was 323px; */
							text-align: center; }
#thumbNav a                             { 
							color: black; 
							font: 11px/18px Georgia, Serif; 
							display: inline-block; 
							padding: 2px 8px; 
							height: 18px; 
							margin: 0 5px 0 0; 
							background: #c58b04 url(../images/cellshade.png) repeat-x; 
							text-align: center; 
							-moz-border-radius-bottomleft: 5px; 
							-moz-border-radius-bottomright: 5px; 
							-webkit-border-bottom-right-radius: 5px; 
							-webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { 
							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: 273px; /* was 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
*/