﻿*{
	margin:0;
	padding:0;
	border:0;
	outline: 0;
	font-family: Tahoma, Verdana;
	font-size:12px;
	font-style: inherit;
	vertical-align: baseline;
	color:#202020;
}

:focus {
	outline: 0;
}

/*end - css reset*/


.left{
	float:left;
}

.right{
	float:right;
}

.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.hide{
	display:none;
}

.inline{
	display:inline;
}

.block{
	display:block;
}

.martop20 {
	margin-top:20px;
}



/*video player*/

.martop20 {
	margin-top:10px;
}

.vid-title{
	width:152px;
	float:left;
	font-size:14px;
	color:#5D5D60;
	font-weight:bold;
	word-wrap: break-word;
	margin-top:5px;
	text-shadow: rgba(0,0,0,.8) 0 1px 0;
	}

#video_container {
	float:left;
	margin: 0 auto;
	/*width:757px;*/
	overflow:hidden;
	margin-top:10px;
}

#video_wrapper {
	float:left;
	width:417px;
	background:url('../images/image-static.jpg') no-repeat;

}
.leftpad10{
padding-left:10px;
	}

#video {
	float:left;
	width:419px;
}

#video_thumb {
	float:left;
	width:332px;
	height:315px;
	overflow:auto;
	margin-left:5px;
	padding-left:3px;
}

.video_thumb_container {
	float:left;
	width:278px;
	height:95px;
	background:url('../images/thumb-container.jpg') no-repeat; 
	padding:10px 10px 0 10px;
	margin-left:6px;
}

.video_thumb_container:hover {
	background:url('../images/thumb-container2.jpg') no-repeat;
}

.video_thumb_container img {
	float:left;
	margin-right:10px;
} 

.video_thumb_container p {
	margin-top:3px;
}

.row {
	float:left;
	width:760px;
}

.yellow-border {
	border-top:solid 5px #666666;
}

#menu1 {
	text-align:center;
	float:left;
}

#menu1 ul{
	margin:0;
	padding: 0;
	list-style: none;
}

#menu1 li{
	display: inline;
	margin:0;
	padding:0;
}



#menu1 a{
	padding:10px 10px 0 10px;
	float: right;
	display: block;
	font: bold 10px "Tahoma";
	color: #77787b;
	text-decoration: none;
	height:45px;
	padding-top:10px;
	background:url('../images/art.jpg') repeat-x;
	margin-left:2px;
}

#menu1 a:hover{
	padding:10px 10px 0 10px;
	color: #111;
	background:url('../images/art.jpg') repeat-x;
	background-position:bottom;
}

#menu1 .currentmenu a{
	padding:10px 10px 0 10px;
	background:url('../images/art.jpg') no-repeat top;
	color: #111;
}
#menu1 .currentmenu a:hover{
	padding:10px 10px 0 10px;
	color: #111;
	background:url('../images/art.jpg') repeat-x;
	background-position:bottom;
}

.loader { 
	  font-size:10px;
	  color:#fff;
	  text-align:center;
	  position:absolute;
	  top:45%;
	  left:40%;
	}
#preloader {
	background:#000;
  /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  position:absolute; 
  width:482px; 
  height:315px; 
}

#preloader2{
  background:#fff;
  position:absolute; 
  width:332px;
  height:315px; 
}


#png {
	float:left;
	z-index:100;
	background:transparent;
	width:190px;
	height:64px;
	padding-left:100px;	
	margin-top:-64px;
}

#png p {
	font-size:11px;
}

#png:hover {
	background:url('../images/play.png') no-repeat 0 0;
	z-index:100;
	cursor:pointer;
}

.current_playing {
	background:url('../images/play.png') no-repeat 0 0!important;
	z-index:100;
	cursor:pointer;
	width:190px;
	height:64px;
	padding-left:100px;	
	margin-top:-64px;
}

