/* CSS for jQuery Orbit Plugin 1.2.3
* www.ZURB.com/playground
* Copyright 2010, ZURB
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php



/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
================================================== */
#featured { 
width: 933px;
height: 244px;
background: #FFF url(../images/loading.gif) no-repeat center center;
overflow: hidden; 
float:right;
direction:ltr;
}
#featured>img,  
#featured>div,
#featured>a { display: none; }




/* CONTAINER
================================================== */


div.orbit-wrapper {
position: relative; 
 float: right;
 width:1px;
 height:1px;
margin:0 15px 10px 0;
direction:ltr;
 }

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

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

div.orbit>a {
border: none;
position: absolute;
top: 0;
left: 0;
line-height: 0; 
display: none; }

.orbit .orbitBanner {
position: absolute;
top: 0;
left: 0;
width: 933px;
height: 244px;
direction:ltr;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


.slide_img  {
width: 100%;
height: 100%;
}

.slide_name {
bottom: 60px;
font-size: 26px;
position: absolute;
right: 35px;
color: #FFF;
text-shadow: 1px 1px 2px #000;
font-size: 34px;
height: 34px!important;
line-height: 34px;
}

.slide_name2 {
bottom: 20px;
font-size: 26px;
position: absolute;
right: 35px;
color: #FFF;
text-shadow: 1px 1px 2px #000;
height: 33px!important;
line-height: 34px;
}


/* TIMER
================================================== */

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(../images/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(../images/timer-black.png) repeat 0 0; }

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

span.pause.active {
background: url(../images/pause-black.png) no-repeat 0 -40px }

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


/* CAPTIONS
================================================== */

.orbit-caption {
display: none;
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
background: #000;
background: rgba(0,0,0,.6);
z-index: 1000;
color: #fff;
text-align: center;
padding: 7px 0;
font-size: 13px;
position: absolute;
right: 0;
bottom: 0;
width: 100%; }


/* DIRECTIONAL NAV
================================================== */

div.slider-nav {
display: block }

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

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

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

/* BULLET NAV
================================================== */

.orbit-bullets {
position: absolute;	
z-index: 1000;
list-style: none;
bottom: 28px;
left: 680px;
margin: 0;
padding: 0; 
direction:ltr;
overflow: hidden;}
 

.orbit-bullets li {
text-indent:9999999px;
cursor: pointer;
float: left;
height: 21px;
margin-left: 5px;
width: 21px;
direction:ltr;
background:url(../images/bullets.png) right top no-repeat;
}

.orbit-bullets li.active {
background-position:left top;
}

.orbit-bullets li.has-thumb {
background: none;
width: 100px;
height: 75px; }

.orbit-bullets li.active.has-thumb {
background-position: 0 0;
border-top: 2px solid #000; }