/*
    anythingSlider plus offset v1.0
    
	Revised by Kai Johnson: http://goldentreestudio.com/
    based on work 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/
*/

*{
margin: 0;
padding: 0;}

#infiniteslider{
margin: 0 auto 20px;}

#infiniteslider,
#infiniteslider .slidewrap{
width: 920px;
overflow: hidden;
position: relative;
z-index: 1;}

#infiniteslider .slidewrap ul{
width: 9999px;
list-style: none;
position: relative;
z-index: 1;}

#infiniteslider ul li{
float: left;
display: block;
height: 300px;
width: 600px;
margin: 0 2px;}

#infiniteslider #prevnext{
position: relative;
z-index: 1000;}

#infiniteslider #prevnext a{
display: block;
height: 300px;
width: 160px;
position: absolute;
top: -45px;
z-index: 1000;
background: #000;
cursor: pointer;
opacity: 0.0; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); 
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

#infiniteslider #prevnext .next{right: 0px;}
#infiniteslider #prevnext .prev{left: 0px;}

#slidearrows img{
display:block;
height:58px;
width:40px;
position:absolute;
top:120px;
z-index:500;
cursor:pointer;}

#slidearrows img.arrowleft{left: 100px;}
#slidearrows img.arrowright{right: 100px;}

#slidethumbnav{
position: relative;
display: block;
width: 330px;
padding: 30px 0;
margin: 0 auto;}

#slidethumbnav a{
color: white;
display: block;
float: left;
width: 60px;
height: 30px;
margin: 0 2px;
border: 1px solid #000;}

#slidethumbnav a img{
border:none;}

#slidethumbnav a:hover,
#slidethumbnav a:focus{}
#slidethumbnav a.cur{}

#start-stop{
background: green;
color: white;
padding: 2px 5px;
width: 40px;
text-align:center;
position: relative;
right: 45px;}

#start-stop.playing{
background-color: red;}

#start-stop:hover{
background-image: none;}

/* Prevents */
#infiniteslider .wrapper ul ul{
position: static; 
margin: 0; 
background: none; 
overflow: visible; 
width: auto; 
border: 0;}

#infiniteslider .wrapper ul ul li{
float: none; 
height: auto; 
width: auto; 
background: none;}

li.slidepanel a img{
	height: 300px !important;
	width: 600px !important;	
}