/*
    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:380px; 
 height: 350px; 
 position: relative; 
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
} 
.anythingSlider .wrapper                
{
 width: 380px;
 overflow: auto;
 height: 340px;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-right: 0px;
 margin-left: 0px;
 position: absolute;
 }
.anythingSlider .wrapper ul
  { width: 32700px;
 list-style: none; 
 position: absolute; 
 top: 0; 
 left: 0;  
 margin: 0; 
 padding: 0; 
 }
 
 .anythingSlider .wrapper ul li
  {
 display: block; 
 float: left;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 67px;
 padding-left: 67px;
 height: 350px;
 width: 246px;
 margin: 0;  
 }
.anythingSlider ul li                   
{ 
 display: block; 
 float: left;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-right: 67px;
 padding-left: 67px;
 height: 300px;
 width: 246px;
 margin: 0; 
}
.anythingSlider .arrow                  
{ 
 display: block; 
 height: 200px; 
 width: 67px; 
 background: url(../images/arrows.png) no-repeat 0 0; 
 text-indent: -9999px; 
 position: absolute; 
 top: 50px; 
 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: 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: 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; 
}