@charset "UTF-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background: url(../_img/background.gif) 0px 0px repeat-x #0290a2;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}

#splash {
	position: absolute;
	display: none;
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin: -100px 0 0 -150px;
	width: 300px;
	height: 189px;
	background: url(../_img/splash.png) 0px 0px no-repeat;	
}

#container {
	position: relative;
	display: block;
	overflow: hidden;
	width: 980px;	
	left: 50%;
	margin: 40px 0 0 -490px;
}

#logo {
	position: relative;
	display: block;
	overflow: hidden;
	width: 980px;	
	height: 131px;
	background: url(../_img/logo_mei.png) 0px 0px no-repeat;
	margin-top: 22px;
	left: 50%;
	margin-left: -490px;
}

#logo p {
	position: relative;
	display: block;
	overflow: hidden;
	float: right;
	margin: 55px 0 0 0;
	color: #0e717c;
	font-size: 14px;
	line-height: 1.1em;
}

#tangram {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 92px;
	height: 59px;
	left: 50%;
	margin: 10px 0 0 -260px;
	background: url(../_img/tangram.png) 0px 0px no-repeat;
	z-index: 100;
}

#woods {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 620px;
	height: 430px;
	left: 50%;
	top: 100%;
	margin: -55px 0 0 -490px;
	background: url(../_img/woods.png) 0px 0px no-repeat;
	z-index: 50;
}

#left_column {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 262px;	
}

#left_column span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 262px;
	height: 15px;
}

#left_column ul {
	position: relative;
	display: block;
	overflow: hidden;
	width: 232px;
	margin: 0px;
	padding: 0 15px 0 15px;
	background-color: #0e717c;
}

#left_column li {
	width: 227px;
	margin-left: 5px;
	font-size: 12px;
	line-height: 1.3em;
	text-align: justify;
	color: #fff;
}

#left_column li strong, #right_a_column strong, #right_b_column strong {
	font-size: 14px;
}

#left_column .top {
	background: url(../_img/box_left_top.png) 0px 0px no-repeat;
}

#left_column .bottom {
	background: url(../_img/box_left_bottom.png) 0px 0px no-repeat;
}

#right_b_column {
	position: relative;
	display: block;
	overflow: hidden;
	float: right;
	width: 300px;
	margin: 0 0 0 15px;
}

#right_b_column p {
	position: relative;
	display: block;
	overflow: hidden;
	width: 284px;
	padding-left: 15px;
	margin: 0px;
	border-left: 1px solid #fff;
}

#right_a_column {
	position: relative;
	display: block;
	overflow: hidden;
	float: right;
	width: 285px;
}

#right_a_column, #right_b_column {
	font-size: 12px;
	line-height: 1.3em;
	text-align: justify;
	color: #fff;
}

#right_box {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 300px;
	margin: 25px 0 25px 0;	
}

#right_box span {
	position: relative;
	display: block;
	overflow: hidden;
	width: 300px;
	height: 15px;
}

#right_box em {
	position: relative;
	display: block;
	overflow: hidden;
	width: 270px;
	padding: 0 15px 0 15px;
	background-color: #0e717c;
}

#right_box .top {
	background: url(../_img/box_right_top.png) 0px 0px no-repeat;
}

#right_box .bottom {
	background: url(../_img/box_right_bottom.png) 0px 0px no-repeat;
}

#footer {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 15px 0 15px 0;
	color: #1d1d1b;
	font-size: 12px;
	background-color: #eeecc6;
	margin-bottom: 50px;
	z-index: 100;
}

#footer a {
	text-decoration: none;
	color: #1d1d1b;
}

#footer a:hover {
	text-decoration: underline;
	color: #0e717c;
}