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




/* Banner Scroller 
=========================================================================================== */
.anythingSlider { width:543px; height:286px; position:relative; margin:0 auto 15px auto; }
.anythingSlider .wrapper { width:458px; overflow:auto; height:286px; margin:53px 15px 0 -31px; position:absolute; top:0; left:0; }
.anythingSlider .wrapper ul {
	width:99999px;
	list-style:none;
	position:absolute;
	top:1px;
	left:3px;
	margin:0;
}
.anythingSlider ul li { display:block; float:left; padding:0; height:286px; width:543px; margin:0; }
.anythingSlider .arrow { display:block; height:200px; width:67px; background:url(../images/portfolio/arrows.png) no-repeat 0 0; text-indent:-9999px; position:absolute; top:95px; cursor:pointer; display:none; }
.anythingSlider .forward { background-position:0 0; right:48px; }
.anythingSlider .back { background-position:-67px 0; left:-100px; }
.anythingSlider .forward:hover { background-position:0 -200px; }
.anythingSlider .back:hover { background-position:-67px -200px; }

#thumbNav { 
	position:relative; top:351px; 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/portfolio/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/portfolio/cellshade.png); background-repeat:repeat-x; 
	color:white; padding:2px 5px; width:30px; text-align: center; position:absolute; right:70px; top:351px; 
	-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; display:none; 
}
#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; 
}