/* CSS for vertical hover banner */

#gallery {
    width:940px;
    height:250px;
    position:relative;
    overflow:hidden;
    top:0px;
	float: left;
	margin: 0 15px 25px 15px;'
}

#gallery li {
	width:940px;
	height:250px;
	float:left;
	position:absolute;
}

#gallery li img {
    float: left;
    border:none;
}

#gallery li.show {
    z-index:10;
}

#gallery div.caption{
    display: block;
    background-color: #3970C9;
    color:#ffffff;
    padding: -12px 0 0 0px;
    position:absolute;
    bottom:15px;
    left:10px;
    overflow: hidden;
    width:624px;
    height:50px;
    float:left;
    border: 2px solid #575E54;
}

div.contents{  
  height:100px;
  margin-left:5px;
  padding:-20px 10px;
}

div.contents p{
  float: left;
  width:557px;
  font-size:14px;
  color:#fff;
  font-weight:bold;
  text-align:left;
  padding:10px 0 0 27px;
}

#gallery div a.rmore{
  float: left;
  width:557px;
  font-size:24px;
  color:#fff;
  font-weight:bold;
  text-align:left;
  padding:10px 0 0 27px;
}

#gallery a.rmore:hover{
  text-decoration:none;
}