/* Place all stylesheet code here */

#featured { width: 1100px; height: 400px; overflow: hidden; margin-bottom: 20px; position: relative; z-index: 3; }

/* CONTAINER */
div.orbit { 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: 15px; right:15px; opacity: .6; z-index: 1000; }
span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; 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; }
span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; z-index: 4; opacity: 0; }
/*
div.timer:hover span.pause,
span.pause.active, 
div.timer:hover span.pause.active { opacity: 1; }
*/

/* CAPTIONS */
div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-100px; color: #fff; padding: 8px 0; }
div.caption span { padding: 0 10px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; /* only for playground */ font-family: 'BebasNeueRegular'; font-size: 18px; }
.orbit-caption { display: none; }

/* DIRECTIONAL NAV */
/*div.orbit:hover div.slider-nav { display: block; }*/
div.slider-nav { display: none; }
div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; }
div.slider-nav span.right {}
div.slider-nav span.left {}


/* BULLET NAV */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 370px; left: 950px; margin: 0; padding: 0; }
.orbit-bullets li { float: left; margin-left: 10px; cursor: pointer; text-indent: -9999px; background: url('/img/main_new/top_M_btn_off.png') no-repeat; 0 0; width: 21px; height: 21px; overflow: hidden; }
.orbit-bullets li.active {  background: url('/img/main_new/top_M_btn_on.png') no-repeat; 0 0; width: 21px; height: 21px; overflow: hidden; background-position: 0 0; }
