.js_active .slideshow img{
visibility:hidden;
}

.slideshow_container{
position: relative;
margin-bottom:20px;
}

#top .slideshow{
background: #f8f8f8 url(../img/loading.gif) center center no-repeat;
display:block;
position: relative;
padding:0;
margin:0;
overflow: hidden;
z-index: 2;
}

#top .slideshow .featured{
display: none;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
margin:0;
padding:0;
}


#top .slideshow .featured_container1{
display:block;
z-index: 2;
}




.auto_height .slideshow .featured img{
height:auto;
}

.slideshow img, .slideshow a img{
z-index:2;
}

.slideshow > li > a{
display:block;
width:100%;
height:100%;
}

.slideshow .slideshow_video, .avia_video{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index: 1;
background: #000;

}

.comboslide .slideshow_video{
display:none;
}

.template-portfolio-overview .slideshow_container, .dynamic_template_columns .slideshow_container{
margin:0;
}

.videoSlideContainer img{
cursor: pointer;
}

.slideshow_caption{
position: absolute;
display: none;
bottom: 0;
z-index: 100;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
right:auto;
}

.slideshow_caption strong, #top .slideshow_caption h1{
display: block;
padding: 0px;
color:#fff;
font-size: 12px;
font-style: normal;
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.slideshow_caption .inner_caption{
display:block;
background: #000;
padding:14px 15px;
}

.featured_caption{
font-size:11px;
padding-top:5px;
}





/************************************************************************
Aviacordion
*************************************************************************/


#top div .aviacordion .slideshow{

}

#top div .aviacordion .featured, #top div .aviacordion .slideshow_caption{
width:610px;
}


#top div .aviacordion .featured{
display: none;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
margin:0;
padding:0;
background: #f8f8f8 url(../img/loading.gif) center center no-repeat;
}
.aviacordion .shadow{
background: url("../img/shadow.png") repeat-y scroll left top  transparent;
height:100%;
width:15px;
position: absolute;
left:-15px;
top:0;
}


#top div .aviacordion .featured img{
position: absolute;
top:0;
left:0;
height:auto;
width:auto;
}

.aviacordion .heading_clone{
position: absolute;
z-index: 4;
bottom:0;
left:0;
background: #000;
}

.aviacordion .center_helper{
height:100%;
display: table;
}

.aviacordion .heading_clone h1{
text-transform: uppercase;
padding:15px;
background: #000;
color:#008080;
font-size: 14px;
font-weight:normal;
display: table-cell; 
vertical-align: middle;
}

/************************************************************************
Piecemaker
*************************************************************************/
.piecemaker {
padding-bottom:70px;
}

.piecemaker object{
position: relative;
left:-50px;
top:-20px;
}

#top .slideshow_big .piecemaker {
padding-bottom:30px;
}

/************************************************************************
Avia Slider
*************************************************************************/

.aviaslider .ctrl_back{
right:30px;
}

.aviaslider .slideshow_caption{
width:870px;
}


/************************************************************************
Fade SLider
*************************************************************************/


.slideshow_featured.fade_slider .slideshow_caption{
width:840px;
}

/************************************************************************
Caption SLider
*************************************************************************/

#top .caption_slider .featured>a, #top .caption_slider .featured img{
position: absolute;
left:0;
top:0;
}

.caption_slider .slideshow_caption{
width:320px;
position: relative;
margin-left:610px;
bottom: auto;
top:auto;
color:#999;
background: transparent;
height:100%;
font-size: 12px;
line-height: 1.7em;
}

.caption_slider  .caption_left .slideshow_caption{
margin-left:0;
}

.caption_slider  .caption_left.caption_left_framed .slideshow_caption{
margin-left:20px;
}

.caption_slider  .caption_right.caption_right_framed .slideshow_caption{
margin-left:590px;
}

#top .caption_slider  .caption_left.caption_left_framed .featured_caption, #top .caption_slider  .caption_right.caption_right_framed .featured_caption{
background: #000;
padding:10px;
color:#fff;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}

#top .caption_slider  .caption_left.caption_left_framed h1, #top .caption_slider  .caption_right.caption_right_framed h1{
background: #000;
padding:10px;
color:#fff;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.caption_slider .featured_caption{
font-size: 12px;
}

.caption_slider .slideshow_caption.active_caption{
display: table !important;
}

#top .caption_slider .slideshow_caption .inner_caption{
background: transparent;
display: table-cell;
vertical-align: middle;
}

#top .caption_slider .slideshow_caption h1{
color:#222;
font-size: 22px;
text-transform: none;
letter-spacing: 0;
}

#top .caption_slider .slideshow_caption strong{
color:#444;
}

#top .caption_slider .slideshow {
background: transparent url(../img/loading.gif) center center no-repeat;
}

#top .caption_slider .slideshow.preloadingDone {
background: transparent
}


div .caption_slider .bottom_shadow{
display:none;
}

.caption_slider .arrowslidecontrolls{
display:none;
}

.caption_slider .slidecontrolls{
display:block;
bottom:40px;
}

#top .caption_slider .rounded_corner {

}

.caption-slideshow-button{
display:block;
margin:14px 0 40px 0;
text-align: center;
background-color:#333;
color: #fff;
text-shadow: -1px -1px 0 #000;
padding:7px;
border-color:#222;
}

.caption-slideshow-button:hover{
background-color: #555;
color:#fff;

}

/************************************************************************
Fullwidth sliders in general located directly in the header
*************************************************************************/
#top #header.slideshow_big_container{
padding-bottom:75px;
margin-bottom:20px;
}

#top .slideshow_big{
margin-bottom:-140px;
}

/************************************************************************
Different Blog/Page Layouts
*************************************************************************/

.template-blog .slideshow_blog, .small_image .mini_slider .slideshow_container{
top:-1px;
}



/*slidehshow styling*/


.rctl{
top:0;
left:0;
}
.rctr{
top:0;
right:0;
background-position: top right;
}
.rcbl{
bottom:0;
left:0;
background-position: bottom left;
}
.rcbr{
bottom:0;
right:0;
background-position: bottom right;
}



/*caption sizes and visibility*/
.medium_image .slideshow_caption{
width:360px;
}

.big_image .slideshow_caption{
width:520px;
}

.small_image .slideshow_caption{
display: none !important;
}