* {
	padding: 0 auto;
	margin:0 auto;
	font-size: 12px;
}

a img {
	border: 0 none; /* Get rid of all linked image borders */
}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url("images/bg_img.jpg");
	background-repeat: repeat-x;
	background-color: black;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*background: url("images/background.jpg");*/
	width: 865px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#video_area {
	padding: 15px 0;
	margin: -2px 0px 0px 0px;
	width: 865px;
	background: url("images/background.jpg");
}
.text_box{
	width: 746px;
	background: url("images/text_bg.jpg");
	padding: 10px 20px;
	border: solid black;
	min-height: 40px;
	margin: 25px auto;
}
.video_box {
 	margin: 15px auto;
	width: 860px;
	min-height: 325px;
}
.video {
	width: 332px;
	height: 217px;
	margin: 10px auto;
	border: solid black;
}
.play_btn {
	margin: 18px 25px;
}
.play_box {
	width: 375px;
	height: 325px;
	margin: 0 0 0 37px;
	float: left; 
	background: url("images/video_bg.png") no-repeat;
}
.button {
	width: 810px;
	margin: 10px auto;
}
#bottom_div {
	margin: 30px 0px 15px 0px;
 	background: url("images/bottom.png") no-repeat;
 	min-height: 50px;
}
br {
	clear: both;
}