/* CSS Document */

*{
	padding:0; 
	margin:0;
}

body{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	overflow:hidden;
	background:#faf5eb
}

a{
	outline: none; 
	behavior:expression(this.onFocus=this.blur()); 
	color:#000000;
	text-decoration:none;
}

img{
	border:none;
}

#container{
	position:relative;
}

#bg{
	position:absolute;
	left:0;
	top:0;
}

.float{
	overflow:hidden;
}

.float img{
	display:none;
	min-width:1280px;
}

ul{
	list-style:none;
}

#menu{
	position:fixed;
	width:280px;
	top:0;
	left:61%;
	z-index:999;
}

#menu li{
	text-indent:-9999px;
}

#menu li a{
	display:block;
}

.style1 #m1{
	height:190px;
	background:url(../index/menu.png) no-repeat -298px 0px;
	max-height:190px;
}

.style1 #m2{
	height:190px;
	background:url(../index/menu.png) no-repeat -298px -190px;
	max-height:190px;
}

.style1 #m3{
	height:84px;
	background:url(../index/menu.png) no-repeat -298px -380px;
	max-height:84px; 
}

.style1 #m4{
	height:180px;
	background:url(../index/menu.png) no-repeat -298px -464px;
	max-height:180px;
}

.style1 #m5{
	height:400px;
	background:url(../index/menu.png) no-repeat -298px -644px;
	max-height:400px;
}

.style1 #m1:hover, .style1 #m1.current{
	background:url(../index/menu.png) no-repeat left 0px;
}

.style1 #m2:hover, .style1 #m2.current{
	background:url(../index/menu.png) no-repeat left -190px;
}

.style1 #m3:hover, .style1 #m3.current{
	background:url(../index/menu.png) no-repeat left -380px;
}

.style1 #m4:hover, .style1 #m4.current{
	background:url(../index/menu.png) no-repeat left -464px;
}

.style1 #m5:hover, .style1 #m5.current{
	background:url(../index/menu.png) no-repeat left -644px;
}

/* ---------------------------------------------------------------------------------------------------------  */

.style2 #m1{
	height:100px;
	background:url(../index/menu2.png) no-repeat -273px -30px;
	max-height:100px;
}

.style2 #m2{
	height:100px;
	background:url(../index/menu2.png) no-repeat -315px -200px;
	max-height:100px;
}

.style2 #m3{
	height:84px;
	background:url(../index/menu2.png) no-repeat -315px -300px;
	max-height:84px;
}

.style2 #m4{
	height:150px;
	background:url(../index/menu2.png) no-repeat -315px -385px;
	max-height:150px;
}

.style2 #m5{
	height:400px;
	background:url(../index/menu2.png) no-repeat -315px -535px;
	max-height:400px;
}

.style2 #m1:hover, .style2 #m1.current{
	background:url(../index/menu2.png) no-repeat 44px -30px;
}

.style2 #m2:hover, .style2 #m2.current{
	background:url(../index/menu2.png) no-repeat 2px -200px;
}

.style2 #m3:hover, .style2 #m3.current{
	background:url(../index/menu2.png) no-repeat 2px -300px;
}

.style2 #m4:hover, .style2 #m4.current{
	background:url(../index/menu2.png) no-repeat 2px -385px;
}

.style2 #m5:hover, .style2 #m5.current{
	background:url(../index/menu2.png) no-repeat 2px -535px;
}

/* -------------------------------------------------------------------------------------------------------- */
h2{
	display:none;
}

#logo{
	position:fixed;
	z-index:10000;
}

#logo a{
	padding:40px 0 0 40px;
	width:120px;
	height:1200px;
	display:block;
	position:relative;
}

#logo a span{
	display:block;
}

#logo .title{
	height:208px;
}

#logo a .text{
	width:86px;
	height:36px;
	position:absolute;
	z-index:1;
	padding:50px 0 10px 10px;
}

#logo a .hidden{
	display:none;
	width:86px;
	height:36px;
	position:absolute;
	z-index:2;
	background-color:#FFFFFF;
	padding:50px 0 10px 10px;
}

#logo a .text .img{
	width:36px;
	height:33px;
	background:url(../index/intro_enter.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
}

#logo a .hidden .img{
	width:36px;
	height:33px;
	background:url(../index/intro_enter.png) no-repeat left bottom;
	text-indent:-9999px;
	display:block;
}

#content{
	position:absolute;
	z-index: 2;
	display:none;
}

#content .rel{
	position:relative;
	float:left;
	min-width:960px;
}

.place{
	position:absolute;
	top:40px;
	right:40px;
	width:183px;
	height:294px;
}

.info1{
	background:url(../index/info.png) no-repeat 20px top;
}

.info2{
	background:url(../index/info.png) no-repeat -213px top;
}

.info3{
	background:url(../index/info.png) no-repeat right top;
}

.info4{
	background:url(../index/info.png) no-repeat 20px -340px;
}

.info5{
	background:url(../index/info.png) no-repeat right -340px;
}

.place h3, .place h6, .place p{
	text-indent:-9999px;
}

.info1 a, .info2 a, .info3 a, .info4 a, .info5 a{
	position:absolute;
	display:block;
	top:-5px;
	left:0;
	width:25px;
	height:150px;
}

.info1 a{
	width:200px;
	height:224px;
}

.info2 .a1{
	width:224px;
	height:50px;
}

.info2 .a2{
	top: 50px;
	width:224px;
	height:200px;
}

.info3 .a1{
	width:197px;
	height:60px;
}

.info3 .a2{
	top:60px;
	width:197px;
	height:300px;
}

.info4 .a1{
	width:200px;
	height:75px;
}

.info4 .a2{
	top:75px;
	width:200px;
	height:200px;
}

.info5 a{
	width:200px;
	height:263px;
}

.info1 a .link, .info2 a .link, .info3 a .link, .info4 a .link, .info5 a .link{
	display:block;
	width:35px;
}

.info1 a:hover .link, .info2 a:hover .link, .info3 a:hover .link, .info4 a:hover .link, .info5 a:hover .link{
	border-right:2px solid #FFFFFF;
}

.info1 a .link{
	height:103px;
	margin:6px 0 0 87px;
}

.info2 .a1 .link{
	height:41px;
	margin:4px 0 0 65px;
}

.info2 .a2 .link{
	height:46px;
	margin:4px 0 0 65px;
}

.info3 .a1 .link{
	height:45px;
	margin:4px 0 0 92px;
}

.info3 .a2 .link{
	height:43px;
	margin:0 0 0 92px;
}

.info4 .a1 .link{
	height:61px;
	margin:7px 0 0 88px;
}

.info4 .a2 .link{
	height:62px;
	margin:2px 0 0 88px;
}

.info5 a .link{
	height:90px;
	margin:7px 0 0 90px;
}


.QOverlay {
	background-color: #CDC5B5;
	z-index: 9999;
}

.QLoader {
	background-color: #FFFFFF;
	height: 1px;
}