@charset "utf-8";
/* ------------------------------------------------------
	block element centering style.
------------------------------------------------------ */

* { margin: 0; padding: 0; }

html {
	display: table;
	width: 100%;
	height: 100%;
}

.clear {
	clear: both
}

body{
	margin: 0 auto;
	padding: 0;
	font-weight: normal;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	color: #eeeeee;
	background-color: #000000;
	background-image: url(../img/bg_top.jpg);
	background-attachment: scroll;
	background-position: center !important;
	background-repeat: no-repeat;
	display: table-cell;
	vertical-align: middle
}

.rollover {
	border: none;
}

#topbox {
	width: 830px;
	height: 430px;
    top: 50%;
    left: 50%;
    margin-left: -415px;
	margin-top: -215px;
    position: absolute;
	text-align: center;
}

#movbox {
	width: 800px;
	height: 430px;
    top: 50%;
    left: 50%;
    margin-left: -400px;
	margin-top: -215px;
    position: absolute;
	text-align: center;
	background-image: url(../img/top_mov_bg.png);
}

.flabox {
	margin: 4px auto 0 auto;
	padding: 0;
	width: 720px;
	height: 415px;
	background-color: #000000;
}

.text_enter {
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
	font-size: 14px
}

a.textlink {
	color: #eeeeee;
	text-decoration: none;
	border-width: 0px;
	border-bottom-width: 1px;
    border-style: dotted;
	border-bottom-color: #eeeeee
}

a:link.enter {
	color: #eeeeee;
	text-decoration: none;
	border-width: 0px;
	border-bottom-width: 1px;
    border-style: dotted;
	border-bottom-color: #eeeeee
}

a:visited.enter {
	color: #eeeeee;
	text-decoration: none;
	border-width: 0px;
	border-bottom-width: 1px;
    border-style: dotted;
	border-bottom-color: #eeeeee
}

a:hover.enter {
	color: #66cc00;
	text-decoration: none;
	border-width: 0px;
	border-bottom-width: 1px;
    border-style: dotted;
	border-bottom-color: #66cc00
}

a:active.enter {
	color: #66cc00;
	text-decoration: none;
	border-width: 0px;
	border-bottom-width: 1px;
    border-style: dotted;
	border-bottom-color: #66cc00
}

h1.imgbox {
	margin: 0 auto;
	padding: 0; 
	width: 800px;
	height: 430px;
	text-indent: -9999px;
	background-image: url(../img/top_btn_logo.png);
	background-position: center;
	background-repeat: no-repeat;
}

h1.imgbox a {
	display: block;
	width: 800px;
	height: 430px;
	text-decoration: none;
	border: none 0px;
}

h1.imgbox a:hover {
	margin: 0 auto;
	padding: 0; 
	width: 800px;
	height: 430px;
	text-indent: -9999px;
	background-image: url(../img/top_btn_logo_over.png);
	background-position: center;
	background-repeat: no-repeat;
}


/* for IE6 */
* html body {
	text-align: center;
	height: 100%;
}

* html #centerbox {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

* html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

/* for IE7 */
*:first-child+html body {
	text-align: center;
	height: 100%;
}

*:first-child+html #centerbox {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

*:first-child+html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}