/* CSS Reset */

@import url(http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic|Droid+Sans:regular,bold);

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust:none;}
img{ vertical-align:top;}


a{ color:#545454; text-decoration:none;}
a:hover{color:#0044bb; text-decoration:underline; }

.copy-form {	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:5px;
	line-height:24px;
	width:250px;
		font-weight: normal;
}

html{overflow-y: scroll; }
body{ font-size:14px; font-family: 'Helvetica', Arial, 'Open Sans',sans-serif;}

/**{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

.wrapper {width:100%; max-width:1056px; margin:0 auto; position:relative; }

.clear-fix {width:100%; clear:both;}
.clear-fix:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

.style1 {	color: #999999;
	font-size: 11px;
	line-height: 12px;
	 width:700px; 
	 padding-top: 10px;
	 margin:0 auto; text-align:center;
}
.style2 {font-size: 11px;
line-height: 11px;
}

#header{width:100%; height:100px; background:#000; border-bottom:1px solid #b3b3b5; }

	#logo{ display:block; width:330px; height:78px; background:url(../images/logo1.jpg) no-repeat 0 0; float:left; overflow:hidden; text-indent:9999px; margin-top:12px;}
	
	.nav{ list-style:none;  float:right; margin-top:49px;}
		.nav li{ list-style:none; display:block; float:left; border-right:1px solid #fff; padding:0 7px; height:12px; }
		.nav li:last-child {border:0;}
			.nav li a{ font-size:13px; line-height:13px; color:#fff; font-weight:normal; display:block; margin-top:-1px;}
			.nav li.on a,
			.nav li a:hover{ color:#34b2fc; text-decoration:underline;}
			
	
	
.warning {text-align:center; font-style:italic; font-size:12px; line-height:32px; margin-top:13px;}	
	.warning  strong { font-weight:bold; font-style:italic; }
	
#video-cont {width:600px; height:400px; border:20px solid #000; margin: 16px auto 0px auto; -webkit-border-radius: 14px; border-radius: 14px; -webkit-box-shadow:  0px 0px 8px 3px #9e9e9e;  box-shadow:  0px 0px 8px 3px #9e9e9e;}
				
				
#footer{ font-size:13px; padding-top:70px; text-align:center;}


	.footer-nav-cont {float:right;position:relative;left:-50%; }
	.footer-nav{ list-style:none; margin:0 auto; text-align:center; padding-bottom: 12px; display:block;position:relative;left:50%;}
		.footer-nav li{ list-style:none; display:block; border-right:2px solid #ccc; display:inline; padding:0 9px; float:left;}
		.footer-nav li:last-child {border:0;}
			.footer-nav li a{font-family: Arial; font-size:11px; line-height:11px; color:#545454; display:block; }

			.footer-btm{font-family: Arial; font-size:11px; line-height:11px; color:#545454; display:block; }

			.footer-nav li.on a,
			.footer-nav li a:hover{ color:#0044bb; text-decoration:underline;}
			.footer-nav li.on a { font-weight:bold;}
	#footer p {padding-bottom:2px;}
	#footer p a {color:#0044bb; text-decoration:underline;  font-weight:bold;}
	
#content{ width:770px; margin:0 auto; padding-bottom:60px; overflow:hidden;}

h1 { font-size: 27px; font-weight:bold; color:#333333;line-height:30px; margin-bottom:15px;letter-spacing: -0.0001em; margin-top:15px; }
	
	
p{ font-size:14px; line-height: 18px; color:#666666; font-family:Arial, Helvetica, sans-serif;}



/*------------------------
		Main Body
------------------------*/
#content_wrapper {width:700px; overflow:hidden; margin:0 auto}
.top_img, .slogan, .try_it {text-align:center; padding: 10px 0;}
#placeholder_wrapper { width:642px; height:391px; background:url(../images/video_placeholder1.jpg) no-repeat; margin:0 auto; text-align:center; padding: 10px 0;}

#placeholder1_wrapper { width:621px; height:440px; background:url(../images/placeholder2.jpg) no-repeat; margin:0 auto; text-align:center; padding: 12px 0;}
#placeholder_wrapper .placeholder { width:612px; height:370px; overflow:hidden; padding:3px 15px !important}
ol li{ list-style-position:inside; padding:8px 0 8px; width:340px;}



#video2 {
	position:relative;
	width:774px;
	height:462px;
	margin:-52px auto 0px auto;
	padding-top:20px;
	background:url(../images/video_placeholder.jpg) no-repeat top left;
}

#videoplayer {
	position:absolute;
	width:612;
	height:370px;
	top: 15px;
	left: 15px;
}

.cont_img{ width:612px; margin:0px auto 30px;}

#video {
	position:relative;
	width:774px;
	height:462px;
	margin:-52px auto 0px auto;
	padding-top:20px;
	background:url(../images/video_placeholder.jpg) no-repeat top left;
}


/* Media Queries*/

@media only screen 
and (min-width : 769px) 
and (max-width : 1024px) {
			
		
}

@media only screen 
and (max-width : 768px) {
	
		
		
}


@media only screen 
and (max-width : 480px) {
	
	
}