/*functional styling*/
.videogallery-con{
	position:relative;
	overflow:hidden;
}
.videogallery{
	position:relative;
	overflow:hidden;
	opacity:1;
}
.videogallery .navMain{
	position:absolute;
	overflow:hidden;
	top:0px;
}
.videogallery .navCon{
}
.videogallery .navigationThumb{
	
	position : absolute;
	cursor : pointer;
}
.videogallery .navigationThumb-content{
	padding:5px;
}

.videogallery .sliderMain{
position:relative;
overflow:hidden;
}	
.videogallery .controls{
position: absolute;
z-index: 99;
top :0px;
}
/*estethic styling*/




/******** Right Menu **************/
/*----  thumbs ----*/
.videogallery.skin_default .navigationThumb{
color : #FFF;
background-color :#000;
left : 0px;
border-bottom:1px solid #000;
border-right:1px solid #000;

background: #212121;
background: -moz-linear-gradient(top, #212121 0%, #212121 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212121), color-stop(100%,#212121));
background: -webkit-linear-gradient(top, #212121 0%,#212121 100%);
background: -o-linear-gradient(top, #212121 0%,#212121 100%);
background: -ms-linear-gradient(top, #212121 0%,#212121 100%);
background: linear-gradient(top, #212121 0%,#212121 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#212121',GradientType=0 );
}



.videogallery.skin_default .navigationThumb-content{
	font-size:11px;
	line-height:15px;
	color:#ddd;
}
.videogallery.skin_default .the-title{
	margin-top:3px;
	margin-bottom:5px;
	display:block;
	font-size:16px;
	line-height:120%;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color:#fff;
}

.videogallery.skin_default .imgblock
{
	float:left;
	border: 2px solid #fff;
	margin: 6px 8px 6px 6px;
	width:50px;
	height:50px;
}




.gallery-precon .shadow{
background:transparent url('./img/shadow.png') no-repeat center 0%;
width:925px;
height:50px;
margin:0 auto;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.html5-button-con{
	margin-top:10px;
}
.html5-button{
background: #f9c667;
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: -o-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: -ms-linear-gradient(top, #f9c667 0%,#f79621 100%);
background: linear-gradient(top, #f9c667 0%,#f79621 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 );

	color: #ffffff;
	cursor: pointer;
	font-size: 14px;
	font-weight:normal;
	padding: 10px 20px;
	display: inline-block;
	
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	border-radius: 3px;
	margin:1px 7px;
	box-shadow:0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset, 0 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.html5-button:hover	{
opacity:0.8;
}




.preloader{
	width: 50px;
	height: 50px;
	margin-left:-25px;
	margin-top:-25px;
	position: absolute;
	z-index:150;
	top: 50%;
	left: 50%;
	border-radius:10px;
	background:#fff url(./img/preloader.gif) center no-repeat;
}