/* CSS Document */

*{margin:0px; padding:0px;}
body{
	background:#000000 url(../img/bg/body-background.jpg) no-repeat center top;
}


.clr{clear:both;}

.wrap{
	position:relative;
	width:780px;
	margin:0 auto;
}



/*******************************/
#header{
	position:relative;
	padding:10px;
}
	#header img{border:none; padding:10px;}
/*****************************/	
#menu{
	position:relative;
	height:40px;
	padding-top:2px;
	margin-bottom:20px;
	background:url(../img/bg/bg-menu.png) repeat-x left top;
}
	#menu ul{
		position:relative;
		list-style:none;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		
	}
	#menu ul li{ padding:0px; display:inline; font-weight:bold;}
	#menu ul li a{
		position:relative;
	
		height:35px; line-height:35px;
		padding:10px 10px 10px 10px;
		margin:0px;
		color:#FFFFFF; text-decoration:none;
		 }
	#menu ul li a:hover, #menu ul li.active a{ color:#000000; background-color:#fff;opacity:0.7;filter:alpha(opacity=70);}
	#menu ul li{}	
/*********************************************************************/

#body{ text-align:center;}
#explore{}
#videos{}

	/****************************************/
	#slider{}
		#slider ul {}
		#slider, #slider li{ 
			height:240px;
			overflow:hidden; 
			}

		.menu-slide{
			position:relative;
			background-color:#333333;
			padding:5px;
			height:20px;
		}
			.menu-slide a{display:inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#999999;; text-decoration:none;}
			.menu-slide a:hover{text-decoration:underline;}
			#prevBtn{position:absolute; top:7px; right:60px;}
			#nextBtn{ position:absolute; top:7px; right:10px;}

	/******** Explore *******************/
	.sticky{
		position:relative;
		background:url(../img/bg/bg-explore.png) repeat left top;
		padding:10px;
	
	}
		.sticky img{
			position:relative;
			float:left;
			display:inline;
			padding:5px; padding-right:10px;
		}
		.sticky h1, .video-detail h1{
			font-family:"Times New Roman", Times, serif;
			font-size:22px;
			color:#FFFFFF;
		}
		.sticky h2, .video-detail h2{
			font-family:"Times New Roman", Times, serif;
			font-size:22px;
			text-decoration: underline;
			color:#000;
		}
		.sticky h3, .video-detail h3{
			font-family:"Times New Roman", Times, serif;
			font-size:14px;
			font-style:italic;
			color:#FFFFFF;
			margin-left:28px;
		}
		.sticky p, .video-detail p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-style:italic;
			line-height:18px;
			color:#FFFFFF;
			padding-bottom:10px;
			
		}
		.sticky p.infowindow{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-style:italic;
			line-height:12px;
			color:#000;
					
		}
		.sticky a.play{
			padding:5px;
			background:url(../img/icon/play-video-thumb.jpg) #333333 no-repeat left center;
			padding-left:25px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold;
			color:#FFFFFF;
			
		}
		

	.sticky2{
		position:relative;
		background:url(../img/bg/bg-explore.png) repeat left top;
		padding:10px;
	
	}

		.sticky2 h1, .video-detail h1{
			font-family:"Times New Roman", Times, serif;
			font-size:22px;
			color:#FFFFFF;
		}
		.sticky2 h2, .video-detail h2{
			font-family:"Times New Roman", Times, serif;
			font-size:22px;
			text-decoration: underline;
			color:#000;
		}
		.sticky2 h3, .video-detail h3{
			font-family:"Times New Roman", Times, serif;
			font-size:14px;
			font-style:italic;
			color:#FFFFFF;
			margin-left:28px;
		}
		.sticky2 p.infowindow{
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			font-style:italic;
			line-height:12px;
			color:#000;
					
		}

		
	.video-detail{
		position:relative;
		padding:10px;
	}
		.video-detail .left{
			float:left; width:60%; border-right:#FFFFFF dotted 1px;
			padding:10px;
			margin-top:10px;
			}
		.video-detail .right{
			float:left; width:25%;
			padding:10px;
			margin-top:10px;
			}
		.video-detail .right h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:100;
			font-style:italic;
			color:#FFFFFF;
		}
		.video-detail .right ul{
			position:relative;
			display:block;
			margin:0px; padding:0px;
			padding:10px;
		}
		.video-detail .right ul li{ display:inline; padding:0px 3px 0px 3px;}
		.video-detail .right ul li a{}
		.video-detail .right ul li a img{ border:none;}
		.video-detail .right a.email{
			position:relative;
			margin-left:10px;
			padding:5px; padding-left:35px;
			background:url(../img/icon/email.jpg) no-repeat left center;
			color:#FFFFFF;
			font-style:italic;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}
		
	.video-gallery{
		position:relative;
		
	}
	.video-gallery h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#FFFFFF;
		padding-top:10px; padding-bottom:10px;
		border-top:#403E3B solid 1px;
	}

	.video-thumb{
		position:relative;
		display:inline;
		float:left;
		width:258px;
		margin-right:2px; margin-bottom:2px;
		background-color:#333333;
	}
	.video-thumb img{
		border:none;
		float:left;
		margin:5px;
		padding:2px; background-color:#FFFFFF;
	}
	.video-thumb h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px; font-weight:bold;
		margin:5px 0px 5px 0px;
	}
		.video-thumb h2 a{color:#FFFFFF; text-decoration:none;}
		.video-thumb h2 a:hover{color:#CCCCCC;}
	
	.video-thumb p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		padding-bottom:5px;
	}
	.video-thumb a.play{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
		padding-left:24px;
		background:url(../img/icon/play-video-thumb.jpg) no-repeat left center;
	}
	.video-thumb a.play:hover{text-decoration:none;}
	/***************************/
	#videos{}
	#videos .title{
		position:relative;
		padding:5px; margin:5px;
		background-color:#FFFFFF;
	}
	#videos .title img.youtube{ display:inline; border:none; float:left;}
	#videos .title a.subscribe{ display:inline; border:none; float:left; padding-left:10px; padding-top:10px; }
	#videos .title a.subscribe img{border:none;}
	#videos .title img.logo{ float:right;}
	
	#videos .videoBox{
		position:relative;
		float:left;
		width:45%;
		text-align:center;
		margin:5px;
		display:inline;
		background:url(../img/bg/bg-explore.png) repeat left top;
		padding:5px;
		text-align:left;
	}
	#videos .videoBox h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#FFFFFF;
		text-align:left;
	}
	#videos .videoBox p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:left;
		color:#FFFFFF;
		font-style:italic;
		line-height:15px;
		padding-bottom:10px;
	}
	/****************************************************/
	#contact{}
	#contact .left{
		position:relative;
		float:left;
		width:45%;
		padding:10px;
		border-right:#FFFFFF dotted 1px;
	}
	#contact .left h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		color:#FFFFFF;
		padding-bottom:10px;
	}
	#contact .left p{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-style:italic;
		padding-bottom:10px;
		color:#FFFFFF;
		width:70%;
	}
	#contact .left form{}
	#contact .left label{
		position:relative;
		display:block;
		padding-bottom:5px; padding-top:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
	}
	#contact .left input.txt-field{ 
		border:#CCCCCC solid 1px; padding:2px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; width:200px;}
	#contact .left input.txt-button{
		position:relative;
		display:block;
		margin-top:10px;
		background-color:#333333;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		border:#333333 solid 1px;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
	
	
	#contact .right{
		position:relative;
		float:left;
		padding:10px;
		width:40%;
	}
	#contact .right h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-style:italic;
		font-weight:100;
		color:#FFFFFF;
		padding-bottom:10px;
	}
	#contact .right img{padding:4px;}
	
	/****************************************************/
	#map{
		position:relative;
		width:700px;
		height:600px;
		margin-left: auto;
 		margin-right: auto;
 		margin-top: auto;


	}

	
	
/*********************************************************************/	
	
/*********************************************************************/
#footer{
	position:relative;
	border-top:#403E3B solid 1px;
	padding-top:5px;
	margin-top:20px;

}
	#footer p{
		position:relative;
		float:left;
		width:40%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
	}
	#footer a{
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#FFFFFF;
	}
	#footer form{
		position:relative;
		float:right;
		padding:5px;
	}
	#footer input.text-field{
		padding:2px;
		border:#333333 solid 1px;
	}
	#footer input.button{
		border:#FFC900 solid 1px;
		background-color:#FFC900;
		color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
	}