/* CONTAINER */
div.orbit { width: 1px; height: 1px; position: relative;  overflow: hidden; }
div.orbit img { position: absolute; top: 0; left: 0; }
div.orbit a img { border: none; }

/* TIMER */
div.timer { width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right:10px; opacity: .6; cursor: pointer; z-index: 1001; background-color:transparent}
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url('rotator-black.png') no-repeat; z-index: 3; background-color:transparent}
span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; background-color:transparent }
span.rotator.move { left: 0; background-color:transparent }
span.mask.move { width: 40px; left: 0; background: url('timer-black.png') repeat 0px 0px; background-color:transparent  }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background: url('pause-black.png') no-repeat; z-index: 4; opacity: 0; background-color:transparent }
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; background-color:transparent }

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-100px; color:#FFF; font-family: 'din_mediumregular'; font-size:12px; padding:10px; font-weight:400; text-transform:uppercase}
div.caption span {font-size: 14px; margin: 0 }
.orbit-caption { display: none; padding:10px }

/* DIRECTIONAL NAV */
div.slider-nav {
    display: block }

div.slider-nav span {
    width: 50px;
    height: 64px;
    text-indent: -9999px;
    position: absolute;
    z-index: 8;
    top: 50%;
    margin-top: -40px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(right-arrow.png);
    right: 0; }

div.slider-nav span.left {
    background: url(left-arrow.png);
    left: 0; }

/* BULLET NAV */
.orbit-bullets { position: absolute; z-index:5; list-style: none; bottom:50px; right:20px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 10px; cursor: pointer; color: #999; text-indent: -9999px; background: url(bullets.png) no-repeat; 0 0; width:10px; height:10px; overflow: hidden; }
.orbit-bullets li.active { color: #222; background-position: -10px 0; }