div.orbit {
width:1px;
height:1px;
position:relative;
overflow:hidden;
}

div.orbit img {
position:absolute;
top:0;
left:0;
}

div.orbit a img {
border:0;
}

div.timer {
width:40px;
height:40px;
overflow:hidden;
position:absolute;
top:10px;
right:10px;
opacity:.6;
cursor:pointer;
z-index:1001;
}

span.rotator {
display:block;
width:40px;
height:40px;
position:absolute;
top:0;
left:-20px;
background:url(orbit/rotator-black.png) no-repeat;
z-index:3;
}

span.mask {
display:block;
width:20px;
height:40px;
position:absolute;
top:0;
right:0;
z-index:2;
overflow:hidden;
}

span.rotator.move {
left:0;
}

span.mask.move {
width:40px;
left:0;
background:url(orbit/timer-black.png) repeat 0 0;
}

span.pause {
display:block;
width:40px;
height:40px;
position:absolute;
top:0;
left:0;
background:url(orbit/pause-black.png) no-repeat;
z-index:4;
opacity:0;
}

div.timer:hover span.pause,span.pause.active,div.timer:hover span.pause.active {
opacity:1;
}

div.caption {
background:rgba(0,0,0,.6);
width:100%;
z-index:1000;
position:absolute;
bottom:-100px;
color:#fff;
padding:8px 0;
}

div.caption span {
font-size:14px;
text-shadow:0 1px 0 rgba(0,0,0,.8);
margin:0;
padding:0 10px;
}

div.orbit:hover div.slider-nav {
display:block;
}

div.slider-nav span {
width:33px;
height:33px;
text-indent:-9999px;
position:absolute;
z-index:1000;
top:43%;
cursor:pointer;
}

div.slider-nav span.right {
background:url(orbit/right-arrow.png);
right:10px;
}

div.slider-nav span.left {
background:url(orbit/left-arrow.png);
left:10px;
}

.orbit-bullets {
position:absolute;
z-index:1000;
list-style:none;
top:10px;
left:7px;
margin:0;
padding:0;
}

.orbit-bullets li {
float:left;
margin-left:5px;
cursor:pointer;
color:#999;
text-indent:-9999px;
background:url(orbit/bullets.png) no-repeat;
width:7px;
height:7px;
overflow:hidden;
}

.orbit-bullets li.active {
color:#222;
background-position:-7px 0;
}

.orbit-caption,div.slider-nav {
display:none;
}