@charset "UTF-8";
/* CSS Document */
html {
		height: 100%;
		overflow: hidden;
}
body {
		height: 100%;
		width: 100%;
		margin: 0 auto;
		padding: 1%;
		text-align:left;
		font-family:"Trebuchet MS";
		font-size:12px;
		color:#58595b;
		background-color: #fff;
}
div#vid {
		text-align: center;
		position:relative;
		padding:24px 0px;
		min-width:432px;
		max-width:800px;
		z-index:0;
		background-image: url('../images/introDnew.png');
}
.videoWrapper {
     position: relative;
     padding-bottom: 43.38%; /* 800:347 Aspect Ratio */
     height: 0;
     width: 100%; /* You can set this width to whatever suits your needs */
	 max-width:800px;
     margin: 0 auto;

}
.videoWrapper video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:1;
	/*background-image: url('../images/introDnew.png');*/

}
.imgmap {
	margin: 0 auto;
	width: auto;
	/*position:absolute;
	z-index:10;
	left: 0px;
	top: 39px;*/
	}
.left {
		width:388px;
		border:none;
		position: relative;
		top: 0;
		left: 5%;
		float:left;
		margin-left:33px;
}
.right {
		width:366px;
		border:none;
		position: relative;
		top:0;
		right:5%;
		float:right;
		margin-left:33px;
		margin-right:33px;
}
div {
		width:100%;
		margin:auto;
}
p {
		line-height:18px;
		font-size:16px;
		color:#d2232a;
}
p.index {
		font-size:16px;
		color:#d2232a;
		}
p.sixteen {
		font-size:16px;
		}
.hint {
	color:#58595b;
	font-size:12px;
}

h1 {
		font-size:24px;
		color:#58595b;
		width:798px;
		margin:auto;
}
object {
		border:none;
		outline:none;
		}
.clearflt {
		clear:both;
}