/* CSS Document */
BODY
{
	margin:0px;
	background-color:#f60;
	background-image:url(../img/body-bg.png);
	background-repeat:repeat;
}

.wrapper-middle
{
	position:relative;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	/*background-image:url(../img/body-bg.png);*/	
	/*overflow:auto;*/
}

.header
{
	position:relative;
}

.logo
{
	position:absolute;
	z-index:1000;
	left:100px;
	width:150px;
	height:150px;
	background-image:url(../img/logo.png);		
}

.search
{
	position:absolute;
	z-index:1000;
	top:50px;
	right:100px;
	width:150px;
	height:30px;
}

.introduction2
{
	position:absolute;
	z-index:5;
	bottom:185px;
	left:215px;
	width:135px;
	height:250px;
	color:#333;
	font-size:11px;
	letter-spacing:2px;
	line-height:14px;
	text-align:justify;
	background-image:url(../img/introduction-bg.png);
}
.introduction
{
	position:absolute;
	z-index:5;
	bottom:50px;
	right:120px;
	width:400px;
	height:90px;
	color:#333;
	font-size:11px;
	background-image:url(../img/introduction-bg.png);
}

.map
{
	position:absolute;
	z-index:5;
	bottom:5px;
	left:5px;
	width:495px;
	height:150px;
	background-image:url(../img/map.png);		
}

.flags
{
	position:relative;
	height:150px;
	width:495px;
}

.flag01
{
	position:absolute;
	left:270px;
	bottom:20px;
}
.flag02
{
	position:absolute;
	left:65px;
	bottom:90px;
}
.flag03
{
	position:absolute;
	left:120px;
	bottom:105px;
}
.flag04
{
	position:absolute;
	left:210px;
	bottom:20px;
}
.flag05
{
	position:absolute;
	left:170px;
	bottom:36px;
}
.flag06
{
	position:absolute;
	left:140px;
	bottom:70px;
}
.flag07
{
	position:absolute;
	left:10px;
	bottom:80px;
}
.flag08
{
	position:absolute;
	left:100px;
	bottom:55px;
}
.flag09
{
	position:absolute;
	left:25px;
	bottom:100px;
}
.flag10
{
	position:absolute;
	left:130px;
	bottom:45px;
}
.flag11
{
	position:absolute;
	left:200px;
	bottom:80px;
}
.flag12
{
	position:absolute;
	left:410px;
	bottom:125px;
}
.flag13
{
	position:absolute;
	left:380px;
	bottom:75px;
}
.flag14
{
	position:absolute;
	left:120px;
	bottom:30px;
}
.flag15
{
	position:absolute;
	left:390px;
	bottom:105px;
}
.flag16
{
	position:absolute;
	left:120px;
	bottom:15px;
}
.content
{
	position:relative;
	z-index:0;
	width:1024px;
	height:600px;
	bottom:30px;
	background-image:url(../img/content-bg.png);
	margin-left:auto;
	margin-right:auto;
}
.coloring
{
	position:absolute;
	z-index:1;
	top:110px;
	left:205px;
	width:700px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
}
.content-wrapper
{
	position:relative;
	width:600px;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	bottom:30px;
}

.icon
{
	position:absolute;
	z-index:100;
	left:150px;
	top:140px;
	text-align:center;
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

.directory-list
{
	position:absolute;
	left:25px;
	top:125px;
	text-align:center;
	width:580px;
	height:350px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
}

.banner
{
	z-index:20;
	background-image:url(../img/introduction-bg.png);
	position:absolute;
	top:50px;
	right:30px;
	width:120px;
	height:280px;
}

.banner-panel
{
	z-index:10;
	position:absolute;
	top:115px;
	right:115px;
	width:175px;
	height:395px;
	background-image:url(../img/banner-panel.png);
}

.menu
{
	position:absolute;
	z-index:25;
	text-align:center;
	width:500px;
	left:275px;
	bottom:40px;
	margin-left:auto;
	margin-right:auto;
}

.footer
{
	position:absolute;
	bottom:0px;
	width:1024px;
	height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-color:#fff;
}

.footer-bg
{
	position:absolute;
	bottom:20px;
	height:25px;
	background-image:url(../img/footer-bg.jpg);	
}

.powered-by
{
	position:absolute;
	right:5px;
	bottom:60px;
	width:80px;
	height:80px;
	/*background-image:url(../img/powered-by.png);*/
}

.img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	-moz-opacity: 0.95;
	-o-opacity: 0.95;
	-webkit-opacity: 0.95;
}

.img:hover
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.6;
	-o-opacity: 0.6;
	-webkit-opacity: 0.6;
}