
.js_active .slideshow img{
visibility:hidden;
}

.slideshow_container{
position: relative;
clear: both;
}

.single .slideshow_container, .template-blog .slideshow_container{
margin-bottom:20px;
}

#top .slideshow{
background: #f8f8f8 url(../images/skin-minimal/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;
}

#top .slideshow iframe, #top .slideshow object, #top .slideshow embed,#top  .slideshow video, #top .slideshow img, #top .slideshow a img{
display:block;
padding:0;
margin:0 auto;
position: relative;
border: none;
text-decoration: none;
z-index: 1;
height:100%;
width:100%;
}


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

.container.slideshow_big{
padding:23px 23px 0 23px;
}

/************************************************************************
-) Thumbnail Container
*************************************************************************/

.thumbnail_wrap_vert {
position: absolute;
right: 0;
top: 0;
height: 340px;
overflow: hidden;
}

.thumbnail_wrap_vert .thumbnails_container{
position: relative;
top:0;
left:0;
}

.thumbnail_wrap_vert .thumbnails_container .slideThumb{
margin-bottom: 20px;
position: relative;
cursor: pointer;
background: #000;
overflow: hidden;
}



.thumbnail_wrap_vert .slideThumbTitle{
position: absolute;
z-index: 20;
background: rgba(0,0,0,0.5);
bottom: 0;
color:#fff;
padding:3px 6px;
}

.thumbnail_wrap_vert .thumb_button{
text-indent: -99999px;
outline: none;
background-image: url("../images/skin-minimal/slideshow-arrow-up.png");
background-color: rgba(0,0,0,0.5);
background-position: center center;
background-repeat: no-repeat;
height:25px;
width:100%;
top:0;
color:#fff;
line-height: 20px;
text-align: center;
z-index: 100;
position: absolute;
}

.thumbnail_wrap_vert .thumb_button.thumb_next{
top:auto;
bottom:0;
background-image: url("../images/skin-minimal/slideshow-arrow-down.png");
background-color: rgba(0,0,0,0.5);
background-position: center center;
background-repeat: no-repeat;
}

.style_border{
display:none;
}

.activeslideThumb .style_border{
background: #000;
display:block;
position: absolute;
top:0;
left:5px;
height:5px;
width:100%;
}

.activeslideThumb .sbtr{ height:100%; width:5px; top:5px; right:0; left:auto;}
.activeslideThumb .sbbr{ width:100%; height:5px; bottom:0; right:5px; left:auto; top:auto;}
.activeslideThumb .sbbl{ height:100%; width:5px; bottom:5px; left:0; top:auto;}


/************************************************************************
-) Slidecontrolls
*************************************************************************/

.slidecontrolls {
bottom: 10px;
position: absolute;
right: 10px;
z-index: 30;
display:none;
}

.slidecontrolls a{
height:19px;
width:19px;
display:inline-block;
text-indent: -9999px;
cursor: pointer;
background: url("../images/shared/slidecontrolls.png") no-repeat scroll left top transparent;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: url("../images/shared/slidecontrolls.png") no-repeat scroll left bottom transparent;
}

.arrowslidecontrolls a {
background: url("../images/shared/arrows.png") no-repeat scroll left top transparent;
display: block;
height: 30px;
right: 60px;
position: absolute;
bottom: 0px;
width: 30px;
z-index: 3;
outline: none;
text-indent: -9999px;
}

.arrowslidecontrolls .ctrl_fwd{
background: url("../images/shared/arrows.png") no-repeat scroll -30px top transparent;
right: 0px;
left:auto;
}

.arrowslidecontrolls .ctrl_play{
background: url("../images/shared/arrows.png") no-repeat scroll -60px top  transparent;
right: 30px;
}

.arrowslidecontrolls .ctrl_play.ctrl_active{
background: url("../images/shared/arrows.png") no-repeat scroll -90px top  transparent;
}


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


#top div .aviacordion .slideshow{
background: #f8f8f8;
}

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


#top div .aviacordion .featured{
display: none;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
margin:0;
padding:0;
background: #f8f8f8 url(../images/skin-minimal/loading.gif) center center no-repeat;
}
.aviacordion .shadow{
background: url("../images/skin-minimal/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:#fff;
font-size: 12px;
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:45px;
}

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


.aviaslider .arrowslidecontrolls{
display:none;
}

/************************************************************************
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(../images/skin-minimal/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:-25px;
right:0;
}

#top .caption_slider .rounded_corner {
background-image: url("../images/skin-minimal/rounded_corners.png");
}

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

}




/************************************************************************
HTML 5 Video Player
*************************************************************************/

div .pptimeleft{
text-align:center;
font-size: 11px;
}

div .ppfsenter{
display:none !important;
width:0px;
}

.comboslide .slideshow_overlay{
display: block;
width:100%;
height:100%;
background: url("../images/shared/video.png") no-repeat scroll center center transparent;
z-index: 3;
position: absolute;
opacity: 0.5;
cursor: pointer;
top:0;
left:0;
}

.videoSlideContainerEmbed video, .videoSlideContainer video{
left:0 !important;
top:0 !important;
}


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

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




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

.big_image .slideshow_caption{
width:520px;
}

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