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

* {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100.01%;
}

html {
  height:100%;
  margin:0;
  padding:0;
}
 body {
    margin:0;
    padding:0;
    /* JS */
    min-height: 100%;
    height:100%; 
	background: #d6d6d6 url(../images/bg.jpg) center top repeat-x;
    text-align:center;
    color: #000000;
 	font-weight: normal;
	font-family: Arial, Arial Narrow, Helvetica, sans-serif;
	/*Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
}

body, p, div, input, select, a, textarea {
    font-size: 12px;
    font-family: Arial, Arial Narrow, Helvetica, sans-serif;
    color: #000000;
}
a {
    color: #c30e00;
    text-decoration: underline;
}
a:hover {
    color: #c30e00;
    text-decoration: none;
}
a img {border: none;}
#outer {
    margin: 0 auto;
    width: 910px; 
	background: url(../images/grass.jpg) center top no-repeat;
}
#header {height: 616px; margin:0; padding: 0; text-align: left;}
#flashouter {
	position: absolute; 
	top: 214px; 
	margin: 0;
	text-align:center;
	width: 910px;
	padding: 0;
}
#flashouter #flashcontent {width: 880px; margin:0 auto; text-align: left;}

#top {}
#logo {width: 240px; padding-top:55px;padding-left:10px;float:left;/*height:120px;*/ /*border: 1px dotted green;/**/}
#lang {float: left; padding-top:50px; width: 80px;color: #948f8f; font-size: 11px;}
#lang span {color: #948f8f;}
#lang span, #lang a {margin: 0 10px; font-size: 11px; text-decoration:none;}
#top_icons {margin-top: 75px; float:right;}
a.home, a.map, a.letter  {
    width: 22px; 
    height: 22px; 
    display: block; 
    float: left;
    background: url(../images/icn_home.png) left center no-repeat;
    margin: 0 45px 0 5px;
}
a.map {
    background-image: url(../images/icn_map.png);
}
a.letter {
    background-image: url(../images/icn_paper.png);
}
.home a.home, a.home:hover {background-image: url(../images/icn_home_hover.png);}
.map a.map, a.map:hover {background-image: url(../images/icn_map_hover.png);}
.letter a.letter, a.letter:hover {background-image: url(../images/icn_paper_hover.png);}

div#slogan {
	background: url(../images/slogan.png) 20px bottom no-repeat;
	height: 100px;
	/*padding-top: 50px;*/
	position: relative;
	z-index: 100; /*
    border: 1px dotted red; /**/
}

div#multi {
	padding-top: 210px;
	padding-left: 645px; /**/
}
div#mono {
	padding-top: 90px;
	padding-left: 118px; 
}
div#mono a, div#multi a {
	display: block;
	background: url(../images/mono.png) left top no-repeat;
	width: 146px; 
	height: 32px;
	/*position: relative; 
	z-index:5; */
	/*
	border: 1px dotted #660033;*/
}
div#mono a:hover {background-image: url(../images/mono_hover.png); }
div#multi a {
	background: url(../images/multi.png) left top no-repeat;
	width: 120px; 
	height: 30px;
}
div#multi a:hover {background-image: url(../images/multi_hover.png);}

#menu {
	background: url(../images/menu_bg_out.png) left 8px repeat-x;
	height: 102px;
	text-align:center;
}
#menu div {
	background: url(../images/menu_bg_inn.png) left 8px repeat-x;
	height: 102px;
	width: 878px;
	margin: 0 auto;
}
.shadow {height: 88px;background: url(../images/shadow.png) center 20px no-repeat;}

#footer {padding-left: 15px;}
.sub {width: 220px; height: 65px; float:left;background: url(../images/vert_footer.png) left top no-repeat;}
.sub p {margin: 5px 25px; color:#463f3f; font-size:12px; text-align:left;}
/**** other ****/
.clr {clear: both;}
.hide {visibility: hidden; line-height:0; font-size:1px;}
.a_left {text-align: left !important;}
.a_right {text-align: right !important;}
.a_center {text-align: center !important;}