/*
    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: 450px; height: 334px; position: relative; margin: 0 auto 15px;_display:inline; background:url(../images/backgrounds/MainImageBG.jpg) no-repeat 0 23px;}
.anythingSlider .wrapper                { width: 420px; overflow: auto; height: 287px; margin: 0; position: absolute; top: 23px; left: 0;margin:9px 6px 4px 6px; overflow:hidden;}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 37px; left: 0; background: #eee; margin: 0; }

.welcomeText							{position:absolute;bottom:15px;left:6px;}
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 217px; width: 420px; margin: 0; }
.anythingSlider .arrow                  { display: none; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 32px; left:6px; text-align: center; }
#thumbNav a                             { }
#thumbNav a:hover                       { }
#thumbNav a.cur                         {background-position:bottom; }

#start-stop                             { display: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; }

a.base1, a.base2, a.base3, a.base4, a.base5 {
width:83px;
display:block;
height:37px;
float:left;
text-indent:-999999px;
border-right:1px solid #e6e6e6;
}

a.base1 { 
background:url(../images/nav/thumbWelcome.png) no-repeat;
width:84px;
}
a.base2 {
background:url(../images/nav/thumbRoutes.png) no-repeat;
}
a.base3 {
background:url(../images/nav/thumbBike.png) no-repeat;
}
a.base4 {
background:url(../images/nav/thumbTarp.png) no-repeat;
}
a.base5 {
background:url(../images/nav/thumbHow.png) no-repeat;
}

a:hover.base1, a:hover.base2, a:hover.base3, a:hover.base4, a:hover.base5 {
background-position:bottom;
}