html {
	overflow: hidden;
	height:100%;
}
body {
	margin:0;
	border:0;
	padding:0;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	max-height:100%;
	background-color:#32374A;
	background:url(../images/layout/flower_bg.jpg);
	color: #666;
	font-family: verdana, sans-serif;
	font-size:7pt;
	overflow: auto; 
	scrollbar-3dlight-color : #FFFFFF;scrollbar-arrow-color : #32374A;scrollbar-base-color : #32374A;scrollbar-darkshadow-color :#32374A;scrollbar-face-color : #EDEDED;scrollbar-highlight-color :#32374A;scrollbar-shadow-color :#32374A;scrollbar-track-color :#EDEDED;
}

#middle {
	position: absolute;
	width: 100%;
	height: 460px;
	left: 0;
	top: 50%;
	margin-top: -230px;
	overflow:hidden;
	background-color:#FFF;
}

#header {
	position:relative;
	top: 0;
	width:100%;
	height:50px;
	margin:0; padding:0; border:0;
	overflow:hidden;
	background-color:#32374A;
	text-align: center;
	z-index: 4;
}

#header ul {
	position:relative;
	top: 10px;
	width: 960px;
	clear:both;
	text-align:left;
	margin:auto;
	padding:0;
	list-style-type:none;
	background:transparent;
	cursor: default;
}

#header ul li {display:inline;padding-right: 8px;}

#header ul li a, #header ul li a:visited {
	font-size:1.1em;
	text-decoration:none;
	color:#FFF;	
}

#header ul li a img {width: 24px;height: 24px;border:0; margin:0; padding: 4px; vertical-align: middle;}
#header ul li a:hover {color:#ccc;}

#header ul li a.mainMenu img, #header ul li a.mainMenu:link img {background: url(../images/layout/menu.gif) 4px 4px no-repeat;}
#header ul li a.mainMenu:hover {color:#ccc;}
#header ul li a.mainMenu:hover img, #header ul li a.mainMenu:focus img {background: url(../images/layout/menu_over.gif) 4px 4px no-repeat;}

.selected {color: #ED710D;}

#container {
	position:relative;
	height: 360px;
	background: url(../images/layout/main_bg.jpg) left bottom no-repeat;
}

#container_intro {
	position:relative;
	height: 360px;
	background-color: #32374A;
}

#content {
	position:absolute;
	top: 7px;
	left: 35%;
	margin-right: 7px;
	width: 65%;
	height: 346px;
	z-index: 2;
	overflow: auto;
	text-align:left;
}

h3, #content a {font-size: 1.2em;color: #666;margin: 0;padding-left: 25px;font-weight: bold;text-decoration: none;}

h3, #content a.submenuSelected {background: url(../images/layout/bullet.gif) 12px 4px no-repeat;}
#content a.submenuSelected {color: #ED710D;}
#content a:hover {color: #CCC;}

#content a.imageList {float: left;text-align: center;margin: 4px;}
#content a.imageList img {border: 2px solid #FFF;}
#content a.imageList:hover img {border: 2px solid #ED710D;}
#imagePlaceholder {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow:auto; z-index: 999; visibility:hidden;background: url(../images/layout/img_placeholder_bg.gif) center no-repeat;}
#imagePlaceholder img {position:absolute;border:4px solid #FFF;visibility:hidden;}

#content p {font-size: 1.2em;padding-left: 25px;padding-right:20px;}
#content p.listing {background: url(../images/layout/bullet.gif) 12px 4px no-repeat;}

hr {margin-left: 20px;color:#C0C0C0;background-color:#C0C0C0;height:1px;border:0;}

#content ul, #content ul li {list-style-type: none;}

#footer {
	position:relative;
	width:100%;
	height:50px;
	margin:0; padding:0; border:0;
	overflow:hidden;
	text-align:center;
	background-color:#32374A;
	color: #FFF;
	z-index: 4;
}

#footer p {margin:0;padding:0;border:0;padding-top: 10px;}

h1 {font-size:4em; margin:0; padding:0;}

#intro {
	position:absolute;
	list-style-type:none;
	padding-top: 50px;
	z-index:10;
}

#intro li {
	width: 63px;
	height: 45px;
	background: url(../images/layout/lang_bg.gif) top left no-repeat;	
	text-align: center;
	vertical-align: middle;
	padding-top: 1px;
}

#intro li a, #intro li a:visited{
	text-decoration:none;	
	font-size: 2em;
	font-weight: bold;
	color: #32374A;
	line-height: 40px;
	padding:0;
}

#introCurtain {
	position:absolute;
	left:0px;top:0px;
	margin:0;padding:0;border:0;
	width: 100%;
	height: 470px;
	z-index: 1;
	overflow: hidden;
	text-align:center;
}