#mainContents {
  margin: 0 20px 20px 20px;
  text-align : left;
  display : table;
}

#bigpic {
  height: 0px;
  width : 850px;
  align : center;
  position : absolute;
}

#bigpic img {
  position : absolute;
}

#bigpic .comment {
  top : 40px;
  left : 200px;
}

#bigpic .image {
  top : -20px;
  left : 35px;
}


#picboard {
  clear: both;
  width: 850px;
  height: 531px;
  text-align : left;
  background: url(../img/picture/picboard.jpg) no-repeat center left;
}
#pics {
  width: 820px;
  height: 500px;
  padding-top : 20px;
  padding-left : 20px;
  position : absolute;
}
* html #pics {
  padding-left : 10px;
}

#pics ul li {
  float: left;
  list-style-type: none;
  margin: 5px;
}

#pics ul li,
#pics ul li a {
  display: block;
  width: 191px;
  height: 155px;
}

#pics ul li.pic1,
#pics ul li.pic1 a:link,
#pics ul li.pic1 a:visited,
#pics ul li.pic1 a:active {
  background: url(../img/picture/picture_pics_1.jpg) no-repeat;
}
#pics ul li.pic1 a:hover {
  background: url(../img/picture/picture_pics_1_o.jpg) no-repeat;
}

#pics ul li.pic2,
#pics ul li.pic2 a:link,
#pics ul li.pic2 a:visited,
#pics ul li.pic2 a:active {
  background: url(../img/picture/picture_pics_2.jpg) no-repeat;
}
#pics ul li.pic2 a:hover {
  background: url(../img/picture/picture_pics_2_o.jpg) no-repeat;
}

#pics ul li.pic3,
#pics ul li.pic3 a:link,
#pics ul li.pic3 a:visited,
#pics ul li.pic3 a:active {
  background: url(../img/picture/picture_pics_3.jpg) no-repeat;
}
#pics ul li.pic3 a:hover {
  background: url(../img/picture/picture_pics_3_o.jpg) no-repeat;
}

#pics ul li.pic4,
#pics ul li.pic4 a:link,
#pics ul li.pic4 a:visited,
#pics ul li.pic4 a:active {
  background: url(../img/picture/picture_pics_4.jpg) no-repeat;
}
#pics ul li.pic4 a:hover {
  background: url(../img/picture/picture_pics_4_o.jpg) no-repeat;
}

#pics ul li.pic5,
#pics ul li.pic5 a:link,
#pics ul li.pic5 a:visited,
#pics ul li.pic5 a:active {
  background: url(../img/picture/picture_pics_5.jpg) no-repeat;
}
#pics ul li.pic5 a:hover {
  background: url(../img/picture/picture_pics_5_o.jpg) no-repeat;
}

#pics ul li.pic6,
#pics ul li.pic6 a:link,
#pics ul li.pic6 a:visited,
#pics ul li.pic6 a:active {
  background: url(../img/picture/picture_pics_6.jpg) no-repeat;
}
#pics ul li.pic6 a:hover {
  background: url(../img/picture/picture_pics_6_o.jpg) no-repeat;
}

#pics ul li.pic7,
#pics ul li.pic7 a:link,
#pics ul li.pic7 a:visited,
#pics ul li.pic7 a:active {
  background: url(../img/picture/picture_pics_7.jpg) no-repeat;
}
#pics ul li.pic7 a:hover {
  background: url(../img/picture/picture_pics_7_o.jpg) no-repeat;
}

#pics ul li.pic8,
#pics ul li.pic8 a:link,
#pics ul li.pic8 a:visited,
#pics ul li.pic8 a:active {
  background: url(../img/picture/picture_pics_8.jpg) no-repeat;
}
#pics ul li.pic8 a:hover {
  background: url(../img/picture/picture_pics_8_o.jpg) no-repeat;
}

#pics ul li.pic9,
#pics ul li.pic9 a:link,
#pics ul li.pic9 a:visited,
#pics ul li.pic9 a:active {
  background: url(../img/picture/picture_pics_9.jpg) no-repeat;
}
#pics ul li.pic9 a:hover {
  background: url(../img/picture/picture_pics_9_o.jpg) no-repeat;
}

#pics ul li span {
  display: none;
}
#pics ul li.pic_n,
#pics ul li.pic_n a:link,
#pics ul li.pic_n a:visited,
#pics ul li.pic_n a:active {

}