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


/* width of container */
.anythingSlider { width:970px; height:465px; height:470px; position:relative; margin:0 auto; z-index:510; }

/* width of cropping area */
.anythingSlider .wrapper { width:970px; overflow:auto; height:465px; height:470px; margin:0px; position:absolute; top:0; left:0; }

/* total width of scroll - don't need to change */
.anythingSlider .wrapper ul { width:16000px; list-style:none; position:absolute; top:0; left:0; margin: 0; padding:0 0 0 20px; }

/* width of content area ...background of for webpage shadow */
.anythingSlider ul li { display:block; float:left; padding:0; height:465px; height:470px; width:989px; margin:0; }

/* arrows ... ht wt determine clickable area... below are arrows on sides */
.anythingSlider .arrow { display:block; text-indent:-2000px; position:absolute; cursor:pointer; }

/* positions arrows on page...-20 positions on each side of the anythingslider container */
.anythingSlider .forward { background:url(../ui/websites-arrow-next.png) no-repeat; top:383px; left:59px; height:58px; width:46px;}

.anythingSlider .back { background:url(../ui/websites-arrow-prev.png) no-repeat; top:383px; left:11px; height:58px; width:48px; }

/*shift arrow background for rollover*/
.anythingSlider .forward:hover { background:url(../ui/websites-arrow-next-over.png) no-repeat }

.anythingSlider .back:hover { background:url(../ui/websites-arrow-prev-over.png) no-repeat }

/*default number nav positioned below slider
#thumbNav { position: relative; top: 323px; text-align: center; }*/

#thumbNav { position:absolute; top:-45px; right:5px; z-index:900px; }

#thumbNav a { text-indent:-2000px; display:block; float:left; height:9px; width:10px; margin:0 4px 0 0; background:url(../ui/websites-whitedot.png) no-repeat; }

#thumbNav a:hover { background:url(../ui/websites-greendot.png) no-repeat; }

#thumbNav a.cur { background:url(../ui/websites-greendot.png) no-repeat;  }

/* auto play button */
/*#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; }