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

#featured /*#caseStudies*/
{ 
	max-width:2560px;
	height:600px;
	background:#FFFFFF url('../../images/loadingWhite.gif') no-repeat center center;
	overflow:hidden;
}

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

/* Container */
div.orbit-wrapper
{
    width:1px;
    height:1px;
    position:relative;
}

div.orbit
{
    width:1px;
    height:1px;
    position:relative;
    overflow:hidden
}
    
/*div.orbit.with-bullets
{
    margin-bottom:40px;
}*/

div.orbit>img
{
	width:100%;
    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:10px;
    right:10px;
    opacity:.6;
    cursor:pointer;
    z-index:1001;
    display:none;
}

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;
}

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

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

/* Captions */
.orbit-caption
{
    display:none;
}

.orbit-wrapper .orbit-caption
{
    z-index:1000;
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
}

/* Directional Nav */
div.slider-nav
{
    display:block
}

div.slider-nav span
{
    width:22px;
    height:40px;
    text-indent:-9999px;
    position:absolute;
    z-index:1000;
    top:50%;
    margin-top:0;
    cursor:pointer;
    opacity:0.4;
}

div.slider-nav span.right
{
    background:url('orbit/arrow-right-black.png');
    background-size:50%;
    background-repeat:no-repeat;
    right:2%;
}

div.slider-nav span.left
{
    background:url('orbit/arrow-left-black.png');
    background-size:50%;
    background-repeat:no-repeat;
    left:2%;
}

/* Bullet Nav */
.orbit-bullets
{
    position:absolute;
    z-index:1000;
    list-style:none;
    bottom:-50px;
    left:50%;
	margin-left:-50px;
    padding:0;
}

.orbit-bullets li
{
    float:left;
    /*margin-left:5px;*/
    cursor:pointer;
    color:#999;
    text-indent:-9999px;
    background:url('orbit/bullets.jpg') no-repeat 4px 0;
    width:13px;
    height:12px;
    overflow:hidden;
}

.orbit-bullets li.active
{
    color:#222;
    background-position:-8px 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;
}
    
/* Fluid Layout */
.orbit-wrapper.fluid .orbit .fluid-placeholder
{
    visibility:hidden;
    position:static;
    display:block;
    width:100%;
}

.orbit-wrapper.fluid .orbit, .orbit-wrapper.fluid
{ 
    width:100% !important;
    z-index:1;
}

.orbit-wrapper.fluid .orbit-bullets
{
    position:absolute;
    z-index:1000;
    list-style:none;
    bottom:-30px;
    left:50%;
    margin-left:-50px;
    padding:0;
}