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

#mainContents .title {
  margin-left: 20px;
}

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

#bigpic img {
  position : absolute;
}

#bigpic .comment {
  top : 40px;
  left : 220px;
}
#bigpic .image {
  top : 60px;
  left : 220px;
  display:none;
}


#riosback {
  clear: both;
  width: 900px;
  height: 800px;
  text-align : left;
  background: url(../img/pride/riosback.jpg) no-repeat center left;
}
#pics {
  height: 700px;
  width : 900px;
  padding-top : 20px;
  padding-left : 20px;
  text-align : center;
  position : absolute;
}
* html #pics {
  padding-left : 10px;
}

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

#pics ul li,
#pics ul li a {
  display: block;
  width: 240px;
  height: 180px;
  font-size : 1.1em;
}


#pics ul li.pic1,
#pics ul li.pic1 a:link,
#pics ul li.pic1 a:visited,
#pics ul li.pic1 a:active {
  left : 10px;
  background: url(../img/pride/pride01.jpg) no-repeat bottom center;
}
#pics ul li.pic1 a:hover {
  background: url(../img/pride/pride01_o.jpg) no-repeat bottom center;
}
#pics ul li.pic2,
#pics ul li.pic2 a:link,
#pics ul li.pic2 a:visited,
#pics ul li.pic2 a:active {
  left : 550px;
  top  : 480px;
  background: url(../img/pride/pride02.jpg) no-repeat bottom center;
}
#pics ul li.pic2 a:hover {
  background: url(../img/pride/pride02_o.jpg) no-repeat bottom center;
}
#pics ul li.pic3,
#pics ul li.pic3 a:link,
#pics ul li.pic3 a:visited,
#pics ul li.pic3 a:active {
  left : 70px;
  top  : 210px;
  background: url(../img/pride/pride03.jpg) no-repeat bottom center;
}
#pics ul li.pic3 a:hover {
  background: url(../img/pride/pride03_o.jpg) no-repeat bottom center;
}

#pics ul li.pic4,
#pics ul li.pic4 a:link,
#pics ul li.pic4 a:visited,
#pics ul li.pic4 a:active {
  left : 40px;
  top  : 400px;
  background: url(../img/pride/pride04.jpg) no-repeat bottom center;
}
#pics ul li.pic4 a:hover {
  background: url(../img/pride/pride04_o.jpg) no-repeat bottom center;
}
#pics ul li.pic5,
#pics ul li.pic5 a:link,
#pics ul li.pic5 a:visited,
#pics ul li.pic5 a:active {
  left : 260px;
  top  : 100px;
  background: url(../img/pride/pride05.jpg) no-repeat bottom center;
}
#pics ul li.pic5 a:hover {
  background: url(../img/pride/pride05_o.jpg) no-repeat bottom center;
}

#pics ul li.pic6,
#pics ul li.pic6 a:link,
#pics ul li.pic6 a:visited,
#pics ul li.pic6 a:active {
  left : 300px;
  top  : 300px;
  background: url(../img/pride/pride06.jpg) no-repeat bottom center;
}
#pics ul li.pic6 a:hover {
  background: url(../img/pride/pride06_o.jpg) no-repeat bottom center;
}

#pics ul li.pic7,
#pics ul li.pic7 a:link,
#pics ul li.pic7 a:visited,
#pics ul li.pic7 a:active {
  left : 600px;
  top  : 10px;
  background: url(../img/pride/pride07.jpg) no-repeat bottom center;
}
#pics ul li.pic7 a:hover {
  background: url(../img/pride/pride07_o.jpg) no-repeat bottom center;
}

#pics ul li.pic8,
#pics ul li.pic8 a:link,
#pics ul li.pic8 a:visited,
#pics ul li.pic8 a:active {
  left : 480px;
  top  : 160px;
  background: url(../img/pride/pride08.jpg) no-repeat bottom center;
}
#pics ul li.pic8 a:hover {
  background: url(../img/pride/pride08_o.jpg) no-repeat bottom center;
}

#pics ul li.pic9,
#pics ul li.pic9 a:link,
#pics ul li.pic9 a:visited,
#pics ul li.pic9 a:active {
  left : 280px;
  top  : 520px;
  background: url(../img/pride/pride09.jpg) no-repeat bottom center;
}
#pics ul li.pic9 a:hover {
  background: url(../img/pride/pride09_o.jpg) no-repeat bottom center;
}
#pics ul li.pic10,
#pics ul li.pic10 a:link,
#pics ul li.pic10 a:visited,
#pics ul li.pic10 a:active {
  left : 655px;
  top  : 320px;
  background: url(../img/pride/pride10.jpg) no-repeat bottom center;
}
#pics ul li.pic10 a:hover {
  background: url(../img/pride/pride10_o.jpg) no-repeat bottom center;
}

#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 {

}