#top .js_active .slideshow img{
visibility:hidden;
}
 
#top .slideshow_container{
position: relative;
margin-bottom:20px; 
} 
 
#top  .slideshow{
background: #fff url(../image/velvet/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;
}

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

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

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

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

}

#top  .comboslide .slideshow_video{
display:none;
}

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

#top  .videoSlideContainer img{
cursor: pointer;
}






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

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

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

#top  .slidecontrolls a:hover, #top  .slidecontrolls .active_item{
/*background: url("../image/velvet/slidecontrolls.png") no-repeat scroll left bottom transparent;*/
distplay:none;
}

.arrowslidecontrolls{

}

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

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

#top .arrowslidecontrolls .ctrl_play{
background: url("../main/arrows.png") no-repeat scroll -140px top  transparent;
margin:0 0 0 -15px;
top:auto;

bottom:15px;
left:50%; 

}    


#top .arrowslidecontrolls .ctrl_play.ctrl_active{
background: url("../main/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  .thumbnails_container {
background: url("../image/velvet/dashes-hor.png") repeat-x scroll left bottom transparent;
margin-bottom: 20px;
padding-bottom: 15px;
position: relative;
text-align: center;
top: -11px;
width: 100%;
}

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

#top  .thumbnails_container .slideThumb.active_item{
opacity: 1;
}

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

#top  .slideThumbTitle{
display:none;
}

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


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

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

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

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

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


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

#top  .aviaslider_full{
margin-bottom:30px;
}

#top  .aviaslider_full .slidecontrolls{
display:none;
}
 

/************************************************************************
KEN BURNS SLIDER
*************************************************************************/
#top  .ken_burns{
margin-bottom:0px;
}

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

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

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

#top  .ken_burns .slidecontrolls{
display:none;
}

#top  .ken_burns_thumbnails .slidecontrolls{
display:none;
}

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