/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
}

html, body, #bg, #bg table, #bg td, #cont {
    height:100%;
    width:100%;
    overflow:hidden;
    font: 12px/1.4 Helvetica, Verdana, Arial, Sans-Serif;
    color: #fff;
}

img, div, a {
	behavior: url(../css/iepngfix.htc);
}

a {
	text-decoration: none;
	color: #646493;
}

#bg { 
    position: fixed; 
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#cont {
	height: 570px;
	width: 930px;
    position:absolute;
    top:50%;left:50%;
    margin: -285px 0 0 -465px;
    z-index:70;
    overflow:auto;
}

#logo, #logo_en { 
	display: block;
    width: 910px; height: 90px;
    margin: 5px;
}

#logo { 
    background: url(../images/logo.png) no-repeat top left;
}

#logo_en { 
    background: url(../images/logo_en.png) no-repeat top left;
}

#logo_link {
	width: 200px; height: 80px;
	display:none;
	text-indent: -9999px;
}

#box1, #box2, #box3, #box4, #box5, #box6 {
	margin: 5px;
	padding: 5px;
	width: 210px;
	height: 210px;
	float: left;
	background: url(../images/txt_bg.png);
}

.empty {
	background: none !important;
}

.link_img {
	position: absolute;
	bottom: 20px;
}

#portrait {
	float: left;
	width: 460px; height: 460px;
}

#map {
	float: left;
	width: 450px; height: 450px;
	top: -10px;
	left: -10px;
	margin: 5px;
}

#thumb1, #thumb2, #thumb3, #thumb4, #thumb5, #thumb6 {
	position: relative;
	top: -10px; left: -10px;
	margin: 5px;
	padding: 5px;
	width: 210px;
	height: 210px;
	float: left;
}

* html #thumb1,* html  #thumb2, * html #thumb3, * html #thumb4, * html #thumb5, * html #thumb6 {
	position:relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 200px; height: 200px;
}

#info1, #info2, #info3, #info4, #info5, #info6 {
	position: absolute;
	width: 210px;
	top: 30px;
	left: 5px;
	padding: 5px;
	margin: 5px;
	height: 46px;
	visibility: hidden;
	background: url(../images/info_bg.png) no-repeat;
	z-index: 100;
}

* html #info1, * html #info2, * html #info3, * html #info4, * html #info5, * html #info6{
	margin: 0px;
}

* html .link_img {
	bottom: 28px;
}

img {
	border:none;
}

#box-welcome {
	margin: 5px;
	padding: 5px;
	width: 670px;
	height: 440px;
	float: left;
	background: url(../images/welcome.png);

}

#navigation {
	height: 440px;
	width: 210px;
	margin: 5px;
	padding: 5px;
	float: left;
}

#navigation ul {
	position: absolute;
	width: 180px;
	bottom: 5px;
	list-style: none;
}

#navigation img {
	border: none;
}

#focus-stealer{
	position: absolute; left: -9999px;
}