@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	border:0; /* remove borders */
	background:#fff; /*color background - only works in IE */
	font-size:80%; /*set default font size */
	font-family:"trebuchet ms", tahoma, verdana, arial, sans-serif; /* set default font */
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	height:100%; /* fix height to 100% for IE */
	margin:0; /* remove margins */
	max-height:100%; /* fix height for other browsers */
	padding:0; /*remove padding */
	overflow:hidden; /*get rid of scroll bars in IE *//* */
}
h1 {
	font-size: 95%;
	margin-bottom: 10px;
}
p {
	font-size: 90%;
	margin-bottom: 10px;
}
body {
	background: #fff;
	height: 100%;
	font: 100% arial, helvetica, sans-serif;
	max-height:100%; /* fix height for other browsers */
	overflow:hidden; /*get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	text-align: center;
	font-size: 100%;
}
#container {
	display: block;
	margin: 0 auto;
	width: 600px;
}
#social {
	display: block;
	width: 150px;
	height: 400px;
	position: relative;
	margin-right: -150px;
	text-align: left;
	float: right;
	margin-top: 118px;
}
#nav {
	display: block;
	width: 100px;
	height: 400px;
	position: relative;
	margin-left: -100px;
	text-align: right;
	float: left;
	margin-top: 118px;
}
#nav a {
	color: #000000;
	display: block;
	float: left;
	text-decoration: none;
	width: 100px;
	height: 20px;
}
#content {
	display: block;
	float: right;
	height: 375px;
	margin-right: 100px;
	overflow: auto;
	margin-top: 115px;
	text-align: left;
	width: 380px;
	position: relative;
}
#video {
	display: block;
	float: right;
	height: 500px;
	margin-right: 100px;
	overflow: auto;
	margin-top: 115px;
	text-align: left;
	width: 380px;
	position: relative;
}
#content img {
	border: 0;
}
#stage1 {
	background: url(../images/cover_BG.jpg);
	display: block;
	margin-top: 30px;
	width: 600px;
	height: 600px;
	z-index: 999;
}
#stage2 {
	background: url(../images/cover_STAGE.jpg);
	display: block;
	margin-top: 30px;
	width: 600px;
	height: 600px;
	z-index: 999;
}
#stage3 {
	background: url(../images/cover_STAGE.jpg);
	display: block;
	margin-top: 30px;
	width: 600px;
	height: 650px;
	z-index: 999;
}
#title {
	display: block;
	width: 418px;
	padding-top: 275px;
	padding-left: 100px;
	position: relative;
	z-index: 1000;
	
}