/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY */
#banner
{
	margin					: 0px 0px 0px 0px;
	padding                 : 0;
	background-color        : #FFF;
	width					: 1020px;
	height					: 600px;
}
#featured 
{ 
	background              : #FFF url('../../plugins/slider/images/loading.gif') no-repeat center center;
	overflow                : hidden; 
	position                : relative; 
}

.caption 
{
    background              : none repeat scroll 0 0 rgba(0, 0, 0, 0.7);  
    color                   : #FFF;
    margin                  : 0px 15px 15px 15px;
    padding                 : 10px 10px 24px 10px;
    position                : absolute;
    bottom                  : 0;
    left                    : 0;
    width                   : 970px;
    height                  : auto;
	line-height             : 1.2em;
	font-style              : normal;
	text-align              : center;
	font-size               : 24px;
}


#featured>img,  
#featured>div,
#featured>a 
{
    display                 : none; 
}

/* CONTAINER */

div.orbit-wrapper 
{
    width: 1px;
    height: 1px;
    position: absolute; 
}

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>div 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

/* 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 */


/* TIMER */
div.timer 
{
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; 
    background              : url('../../plugins/slider/images/orbit-timer.png') no-repeat center center;   
}
span.rotator 
{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../../plugins/slider/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(../../plugins/slider/images/timer-black.png) repeat 0 0; 
}
span.pause 
{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../../plugins/slider/images/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; 
}
span.pause.active 
{
    background: url(../../plugins/slider/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: 40px;
    height: 40px;
    text-indent: -9999px;
    position: absolute;
    z-index: 1000;
    top: 50%;
    margin-top: -14px;
    cursor: pointer; 
   	filter					: alpha(opacity=40);
	-khtml-opacity			: 0.4;
	-moz-opacity			: 0.4;
	opacity					: 0.4;
   	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
div.slider-nav span.right 
{
    background: url(../../plugins/slider/images/arrow-right.png) 0px 0px no-repeat;
    right:20px;
}
div.slider-nav span.right:hover
{
   	filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
}
div.slider-nav span.left 
{
    background: url(../../plugins/slider/images/arrow-left.png) 0px 0px no-repeat;
    left:20px;
}
div.slider-nav span.left:hover
{
   	filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
}



/* BULLET NAV */
.orbit-bullets 
{
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 13px;
    left: 47%;
	margin-left: -4%;
    padding: 0; 
}

.orbit-bullets li 
{
    margin:0px 2px 0px 0px !important;
    padding:0 !important;
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../../plugins/slider/images/bullets.png) no-repeat 0px 0px;
    width: 14px;
    height: 15px;
    overflow: hidden;
    filter					: alpha(opacity=60);
	-khtml-opacity			: 0.6;
	-moz-opacity			: 0.6;
	opacity					: 0.6;
}
.orbit-bullets li:hover 
{
     filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
}
.orbit-bullets li.active 
{
    color: #222;
    background-position: -15px 0; 
     filter					: alpha(opacity=100);
	-khtml-opacity			: 1.0;
	-moz-opacity			: 1.0;
	opacity					: 1.0;
}
  
.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; 
}