#wrap {
  margin: auto;
  width: 962px;  
  margin-top: 30px;
}

#wrapBorder {
  border: 1px #918f90 solid;
  position: relative;  
  padding: 0 18px;
}

#wrapIn {
  height: 595px;
  background: url(../images/index_bg.gif) repeat-x scroll left top;
  position: relative;
}

#logo {
  position: absolute;
  left: 650px;
  top: -11px;
  width: 227px;
  height: 118px;
  background: url(../images/index_logo.gif) no-repeat scroll left top;
}

#logo strong {
  display: none;
}

#list {
  width: 128px;
  height: 89px;
  background: url(../images/index_list.gif) no-repeat scroll left top;
  position: absolute;
  left: 0px;
  top: 487px;
}

#listOut {
  width: 434px;
  height: 264px;
  background: url(../images/index_listOut.gif) no-repeat scroll left top;
  position: absolute;
  left: -236px;
  top: 420px;  
}

#indexText {
  width: 655px;
  height: 28px;
  position: absolute;
  left: 300px;
  top: 500px;
  background: url(../images/index_text.gif) no-repeat scroll left top;
}

.lg_en #indexText {
  width: 655px;
  height: 28px;
  position: absolute;
  left: 370px;
  top: 500px;
  background: url(../images/index_textEn.gif) no-repeat scroll left top;
}

#flagList {
  position: absolute;
  top: 55px;
  left: 50px;
  line-height: 18px;
  color: #fff;
}

#flagList img {
  vertical-align: middle;
}


.slideImg, .slideImg2, .slideImg3 {
  position: absolute;
  left: 142px; top: 210px;
}

.slideImg2 {
  left: 364px;
} 
.slideImg3 {
  left: 586px;
} 



.nav_index {
  position: absolute;
  top: 107px; 
  left: 10px;
  margin: 0; padding: 0
}

.nav_index li{
  display: inline;  
  margin: 0; padding: 0;  
}

.nav_index li a{
  display: block;
  float: left;
  color: #4d4d4d;  
  width: 118px;
  height: 31px;
  line-height: 31px;
}

.nav_index li a:hover, .nav_index li .active{
  background: url(../images/navHover.gif) no-repeat scroll left top;
  text-decoration: none;
}






/* shadows */
#leftShade {
  width: 5px;
  height: 559px;
  position: absolute;
  left: -5px;
  top: 18px;
  background: url(../images/index_leftShade.gif) repeat-y scroll left top;
}
#rightShade {
  width: 10px;
  height: 559px;
  position: absolute;
  right: -10px;
  top: 18px;
  background: url(../images/index_rightShade.gif) repeat-y scroll left top;
}

#leftTopCorner {
  width: 15px;
  height: 15px;
  position: absolute;
  left: -5px;
  top: 13px;
  background: url(../images/index_leftTopCorner.gif) no-repeat scroll left top;
}

#leftBottomCorner {
  width: 20px;
  height: 15px;
  position: absolute;
  left: -5px;
  top: 572px;
  background: url(../images/index_leftBottomCorner.gif) no-repeat scroll left top;
}

#rightTopCorner {
  width: 20px;
  height: 15px;
  position: absolute;
  right: -10px;
  top: 13px;
  background: url(../images/index_rightTopCorner.gif) no-repeat scroll left top;  
}

#rightBottomCorner {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -10px;
  top: 567px;
  background: url(../images/index_rightBottomCorner.gif) no-repeat scroll left top;  
}
/* shadows END */