/* @group webfonts */

html, body, div, section, article, object, table, header, h3, h2, h1, a
{
	margin: 0;
	padding: 0;
	display: block;
	color: #fff;
}

html, body {
	width: 100%;
	height: 100%;
	background: #000;
}
	
#header_container
{
	width: 100%;
	height: 425px;
	background: #cd5427;
	
}

#ttf_logo
{
	position: absolute;
	margin-top: 35px;
	left: 50%;
	margin-left: -380px;
	width: 357px;
	height: 278px;
	z-index: 10;
}

#hill_bg
{
	display: inline-block;
	position: absolute;
	margin-top: 0;
	width: 100%;
	height: 425px;
	overflow: hidden;
	z-index: 5;
}

#hill_bg img{
	display: inline-block;
	position: absolute;
	max-width: 1210px;
	height: auto;
	left: 50%;
	margin-left: -605px;
	align-content: center;
}

#glow_bg
{
	display: inline-block;
	position: absolute;
	margin-top: 0;
	width: 100%;
	height: 425px;
	overflow: hidden;
	opacity: 0;
	z-index: 3;
}

#glow_bg img{
	display: inline-block;
	position: absolute;
	max-width: 930px;
	height: auto;
	left: 50%;
	margin-left: -252px;
	align-content: center;
}

#sun_bg
{
	display: inline-block;
	position: fixed;
	margin-top: 0;
	width: 100%;
	height: 425px;
	overflow: hidden;
	z-index: 2;
}

#sun_bg img{
	display: inline-block;
	position: absolute;
	max-width: 1210px;
	height: auto;
	left: 50%;
	margin-left: -550px;
	align-content: center;
}

#avatar_container
{
	position: absolute;
	width: 413px;
	height: 318px;
	left: 50%;
	margin-left: -40px;
	margin-top: 28px;
	z-index: 4;
}

#avatar_l2
{
	position: absolute;
	margin-left: 0px;
	margin-top: 49px;
	width: 107px;
	height: 269px;
}

#avatar_l1
{
	position: absolute;
	margin-left: 105px;
	margin-top: 10px;
	width: 95px;
	height: 287px;
}

#avatar_0
{
	position: absolute;
	margin-left: 180px;
	margin-top: 0px;
	width: 140x;
	height: 2px;
}


#avatar_r1
{
	position: absolute;
	margin-left: 317px;
	margin-top: 28px;
	width: 98px;
	height: 289px;
}

#avatar_l2_mask, #avatar_l2_bg, #avatar_l1_mask, #avatar_l1_bg, #avatar_0_mask, #avatar_0_bg, #avatar_r1_mask, #avatar_r1_bg
{
	position: absolute;
	margin: 0;
}

#avatar_0_mask img
{
	opacity: 0.5;	
}

#lang_selection
{
	position: fixed;
	width: 63px;
	height: 63px;
	margin-top: -38px;
	left: 50%;
	margin-left: 310px;
	z-index: 12;
}

#lang_nl, #lang_en, #lang_sep
{
	position: relative;
	margin-top: -22px;
	margin-left: 14px;
	width: auto;
	float: left;
	clear: none;
	z-index: 14;
}

#lang_en
{
	position: relative;
	margin-top: -22px;
	margin-left: 36px;
	width: auto;
	float: left;
	clear: none;
	z-index: 14;
}

#lang_sep
{
	position: relative;
	margin-top: -20px;
	margin-left: 29px;
	width: auto;
	float: left;
	clear: none;
	z-index: 14;
}
#lang_bg
{
	position: relative;
	width: 63px;
	height: 63px;
	background: #000000;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 13;
}

#content_container
{
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	height: 1175px;
	background: #000000;
	z-index: 9;
	margin-top: 0px;
}


#hill_trans
{
	display: block;
	position: absolute;
	margin-top: -50px;
	width: 100%;
	height: 56px;
	overflow: hidden;
	z-index: 5;
}

#hill_trans img{
	display: inline-block;
	position: absolute;
	max-width: 1210px;
	height: auto;
	left: 50%;
	margin-left: -605px;
	align-content: center;
}

#company_explain_txt
{
	position: relative;
	float: left;
	clear: both;
	width: 640px;
	height: 180px;
	left: 50%;
	margin-left: -278px;
	margin-top: 78px;
}

#company_payoff_txt
{
	position: relative;
	float: left;
	clear: both;
	width: 662px;
	height: 18px;
	left: 50%;
	margin-left: -278px;
	margin-top: 16px;
}

#contact_txt
{
	position: relative;
	float: left;
	clear: both;
	width: 662px;
	height: 15px;
	left: 50%;
	margin-left: -278px;
	margin-top: 0px;
}


#about_title
{
	position: relative;
	float: left;
	clear: both;
	width: 662px;
	height: 40px;
	left: 50%;
	margin-left: -278px;
	margin-top: 62px;
}

.persona_container
{
	position: relative;
	width: 662px;
	height: 127px;
	float: left;
	clear: both;
	left: 50%;
	margin-left: -278px;
	margin-top: 32px;
}

.persona_icon
{
	position: relative;
	float: left;
	clear: both;
	width:127px;
	height: 127px;
	margin-left: 0px;
	margin-top: 0px;
}

.persona_title
{
	position: relative;
	float: left;
	clear: none;
	width: 500px;
	height: 15px;
	margin-left: 30px;
	margin-top: 20px;
}

.persona_text
{
	position: relative;
	float: left;
	clear: none;
	width: 480px;
	height: 15px;
	margin-left: 30px;
	margin-top: 10px;
}


#persona_0_icon_fg, #persona_1_icon_fg, #persona_2_icon_fg, #persona_3_icon_fg
{
	position: absolute;
	width: 127px;
	height: 127px;
	margin: 0;
}

.persona_icon_bg
{
	position: absolute;
	width: 127px;
	height: 127px;
	margin: 0;
	background: url("../images/icon_persona_bg.png");
}

#avatar_error
{
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 140px;
	margin-top: 270px;
	width: 140x;
	height: 2px;
	z-index: 80;
}

#trigger1, #trigger2, #trigger3, #trigger4
{
	display: block;
	position: absolute;
	width: 150px;
	height: 20px;
	z-index: 33;
	right: 0;
}


#trigger1
{
	top: 400px;
}

#trigger2
{
	top: 550px;
}

#trigger3
{
	top: 700px;
}

#trigger4
{
	top: 850px;
}