
.js_active .slideshow img{
visibility:hidden;
}

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

#top .slideshow{
background: #fff url(../images/skin-minimal/loading.gif) center center no-repeat;
display:block;
position: relative;
padding:0;
margin:0;
overflow: hidden;
}

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

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

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

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






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

}

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

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

.arrowslidecontrolls .ctrl_play{
background: url("../images/shared/arrows.png") no-repeat scroll -140px top  transparent;
margin:0 0 0 -15px;
top:auto;
bottom:15px;
left:50%;
}

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

.slideshow_caption{
position: absolute;
display: block;
bottom: 0;
left:0;
right:0;
z-index: 2;
padding:14px 15px;
font-size: 11px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.slideshow_caption strong, .slideshow_caption h1{
display: block;
padding-bottom: 8px;
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;
}


/************************************************************************
Thumbnails
*************************************************************************/

#top div .thumbnails_container {
background: url("../images/skin-minimal/dashes-hor.png") repeat-x scroll left bottom transparent;
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
text-align: center;
top: -11px;
width: 100%;
}

.thumbnails_container .slideThumb{
display:inline-block;
margin:0 5px;
padding:3px;
border:1px solid #e1e1e1;
background: #fff;
cursor: pointer;
}

.thumbnails_container .slideThumb.active_item{
opacity: 0.7;
}

.empty_image {
background: url("../images/shared/arrows.png") no-repeat scroll -137px center  #333;
display: block;
height: 100%;
width: 100%;
}

.slideThumbTitle{
display:none;
}

/*ie7*/
.MSIE7 .thumbnails_container .slideThumb{
display:inline;
}


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


/************************************************************************
-) Avia Slider
*************************************************************************/

.aviaslider_full{
margin-bottom:30px;
}

.aviaslider_full .slidecontrolls{
display:block;
}


/************************************************************************
KEN BURNS SLIDER
*************************************************************************/
.ken_burns{
margin-bottom:30px;
}

.ken_burns .slideshow li{
position: absolute;
top:0;
left:5000px;
}

div .ken_burns img, div .ken_burns a img{
width:auto;
height:auto;
position: absolute;
}

.ken_burns .slideshow_caption{
position: absolute;
display: block;
bottom: 10px;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
max-width:70%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
right:auto;
}


.ken_burns .slidecontrolls{
display:block;
}

.ken_burns_thumbnails .slidecontrolls{
display:none;
}

canvas{
position: absolute;
z-index: 2;
top:0;
left:0;
width:100%;
height:100%;
}
