
/* CSS Document */

@font-face{
	font-family: comfortaa;
	src: url('../font/Comfortaa-Bold.eot');
	src: url('../font/Comfortaa-Bold.ttf') format('truetype'),
		 url('../font/Comfortaa-Bold.eot?#iefix') format('embedded-opentype'); /* IE9 */
} 

body{
	margin:0px;
	padding:0px;
	font-family:comfortaa;
	font-size:14px;
}

.page{
	width:1024px;
	height:720px;
	background:url(../images/background1.jpg) center no-repeat;
	margin:0 auto;
}

.video_page{
	width:1024px;
	height:720px;
	background:url(../images/background2.jpg) center no-repeat;
	margin:0 auto;
}

.logo{
	text-align:center;
	padding-top:50px;
	margin-bottom:5px;
}

.popupdiv{
	width:171px;
	height:264px;
	position: relative;
	left:50%;
	top:100px;
	z-index:2;
	margin-left:-85px;
}

.popupdiv td{
	padding:5px;
}

.error{
	color:#993333;
	min-height:40px;
	text-align:center;
	font-size:16px;
}

.replay{
	display:none;
	top:-30px;
	position:relative;
	left:50%;
	margin-left:-20px;	
	width:100px;
}

.replay:hover{
	cursor:pointer;
}
	
.footer{
	color:#000000;
	font-size:16px;
	top:20px;
	position:relative;
	z-index:7;
	left:50%;
	margin-left:-80px;
	width:200px;
}

a{
	color:#000000;
	text-align:center;
	font-size:16px;
	text-decoration:none;
}

a:hover{	
	color:#333;
}

.thinkdiv{
	display:none;
	position:relative;
	top:135px;
	left:50%;
	z-index:5;
	margin-left:-85px;
	width:300px;
}

.playdiv{
	position:relative;
	width:117px;
	top:130px;
	left:50%;
	z-index:6;
	margin-left:-50px;
}

.playdiv:hover{
	cursor:pointer;
}

.invisible_container{
	min-height:435px;
	min-width:500px;
	
}

.invisible_container2{
	min-height:60px;
	min-width:60px;
}