html,body {
  margin: 0;
  padding: 0;
  background: url(img/background.jpg) #D2BDBD;
}
#background{
  width: 100%;

  background: url(img/main_bordert.jpg) center repeat-y;
}


#document{
  width: 100%;
  background: url(img/background_header.jpg) top center no-repeat;

}
#header{
width: 1000px;
height: 58px;
padding-top: 92px;
}
#main{
  width: 1000px;
  background: url(img/ygol.jpg) top right no-repeat #FFFFFF;
  background: url(img/background_main_footer.jpg) center bottom no-repeat #FFFFFF;

}
#main,#header{
  position: relative;
  left: 50%;
  margin-left: -501px;

}


#section_left{
  width: 178px;
  float: left;


}
#section_right{
  width: 822px;
  float: left;

}





#section_left .title_menu{
width: 81px;
height: 21px;
background: url(img/menu.jpg) top left;
margin-left: 43px;
margin-top: 20px;
margin-bottom: 14px;
}
#section_left a{
  display: block;
  width: 157px;
  height: 22px;
  border: 1px solid #cfcfcf;
  font-family: Tahoma;
  font-weight: bold;
  color: #996666;
  text-decoration: none;
  background: url(img/section_left_button.jpg) top repeat-x #efefef;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
  margin-left: 12px;
  margin-right: 8px;
}
#section_left a:hover{
  color: #d73f39;
  text-decoration: underline;
  background: url(img/section_left_button.jpg) bottom repeat-x #eedddc;
}
#section_left .banner{
 width: 157px;
 margin-left: 0;
 margin-top: 18px;
 margin-bottom: 18px;
  text-align: center
}
#section_left .banner2{
 width: 150px;
 margin-left: 0;
 margin-top: 18px;
 margin-bottom: 18px;
  text-align: center
}
#section_left .banner2 a, #section_left .banner2 a:hover{
  display: inline;
  text-indent: 0;
  background: none;
  text-align: center
}
#section_left .banner a, #section_left .banner a:hover{
  display: inline;
  text-indent: 0;
  background: none;
  text-align: center
}


#section_right .top ul{
  width: 183px;
  font-family: Tahoma;
  font-size: 12px;
  font-weight: bold;
  color: #8C7E6F;
  margin: 0;
  padding: 0;
  list-style-position: inside;
  list-style: none;
  float: left;
  margin-left: 18px;
  //margin-left: 0;
  margin-top: 20px;

  margin-bottom: 20px;

}
#section_right .top ul li{
  text-align: left;
  padding-left: 18px;
  //padding-left: 38px;
  -padding-left: 28px;


}
#section_right .top ul li a{
  color: #8c7e6f;
  text-decoration: none;
  text-align: left;
  float: left;
  font-weight: bold;
    display: block;
    float: none;
}
#section_right .top ul li a:hover{
  color: #D73F39;
  text-decoration: underline
}



#section_right .thumbs img{
 border:none;
 width: 150px;
 height: 200px;
}
#section_right .thumbs a{
 border: 1px solid #cfcfcf;
 display: block;
 width: 150px;
 height: 200px;
 padding-left:2px;
 margin:2px;
 text-align: center;
 float: left;

}
#section_right .thumbs a:hover{
 border: 1px solid #D73F39;
}
#section_right .banner{
  width: 822px;
  height: 100px;
  text-align: center;
  margin-top: 15px;

}
#footer{
  background: url(img/background_footer.jpg) center top no-repeat;
  width: 100%;
  height: 468px;
  position: position;
  margin-top: -365px;
  z-index: 0;
}

#footer a{
  display: block;
  width: 400px;
  height: 30px;
  position: absolute;
  left: 50%;
  margin-left: -200px;
  margin-top: 430px;
  color: #8C7E6F;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  text-decoration: none;
}
#footer a:hover{
  color: #D73F39;
  text-decoration: underline;
}


.clear{
  clear: both;
}

.ygol3{
  background: url(img/ygol3.jpg) top center no-repeat;
  width: 98px;
  height: 134px;
  position: absolute;
  margin-top: -73px;
  margin-left: 962px;
}
.ygol2{
  background: url(img/ygol2.jpg) top center no-repeat;
  width: 107px;
  height: 125px;
  position: absolute;
  margin-top: -114px;
  margin-left: -70px;
  z-index: 10;
}
.ygol1{
  background: url(img/ygol.jpg) no-repeat;
  width: 7px;
  height: 5px;

  position: absolute;
  margin-left: 950px;
    z-index: 50;
    margin-top: -20px;
}

.bookmark{
  display: block;
  width: 175px;
  height: 41px;

  margin-left: 812px;
}