/* CSS for vertical hover banner */

#gallery {
    width:568px;
    height:360px;
    float:none;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    top:0px;
}

#gallery li {
	width:647px;
	height:360px;
	float:left;
	position:absolute;
}

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

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

#gallery div.caption{
    display: block;
    background-color: #000;
    color:#ffffff;
    padding: 12px 0 0 0px;
    position:absolute;
    bottom:15px;
    left:12px;
    overflow: hidden;
    width:624px;
    height:66px;
    float:left;
    border-top: 1px solid #5f665d;
}

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{
	clear:both;
	display:block;
	float:left;
    font-size:13px;
    color:#ea8a00;
	font-weight:bold;
    position:relative;
    padding:0px 0 0 28px;
	text-decoration:underline;
}

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