/* `Hero
----------------------------------------------------------------------------------------------------*/

.hero {
	height:322px;
	margin:0 -20px;
	padding:0;
  position:relative;
	width:588px;
}

/* Image --------------------------*/

.hero-image {
    height: 310px;
    margin: 0;
    overflow: hidden;
    padding:4px;
	border:solid #ccc 2px;
    top: 0;
    width: 576px;
    z-index: 15;
}
.hero-images{
	position:relative;
}
.hero-images ul{
	margin:0;
	padding:4;
}
.hero-images ul li {
	position: absolute;
	padding:0;
	top:0;
	display:none;
	background:none;
	list-style: none;
}
	
/* Description --------------------------*/

.hero-description{
background: url("images/hero-description-bg.jpg") repeat scroll 0 bottom transparent;
    border: 1px solid #FFFFFF;
    color: #333333;
    display: block;
    height: 244px;
    margin: 0;
    overflow: hidden;
    padding: 70px 19px 15px;
    text-align: center;
    width: 313px;
    z-index: 3;
}
.hero-description h1{
	color: #514331;
	font-size: 28px;
	padding-bottom:10px;
	margin-bottom: 10px;
	font-weight:normal;
	background: url("images/hero-h1-line.png") no-repeat scroll 0 bottom transparent;

}
.hero-description h2{
	color: #514331;	
	font-weight:normal;
	   margin-bottom: 45px;
}
.hero-description p {
	margin-bottom: 10px;
}		
	.hero-description a.hero-link:link,
	.hero-description a.hero-link:visited {
	background: url("images/reservation-btn.png") no-repeat scroll 0 bottom transparent;
	color: #E7DFC4;
    display: inline-block;
    font-family: times New Roman;
    font-size: 18px;
    font-weight: normal;
 height: 43px;
    padding: 5px 0 0;
    text-decoration: none;
    text-shadow: 0 -1px 0 #000000;
    width: 205px;
				
	}
	
	.hero-description a.hero-link:hover,
	.hero-description a.hero-link:active {
	background: url("images/reservation-btn-hover.png") no-repeat scroll 0 bottom transparent;
	}
.hero-descriptions {
	  left: 0;
    position: relative;
    top: 5%;
    z-index: 17;
}
.hero-descriptions ul{
	margin:0;
	padding:0;
}
.hero-descriptions ul li {
	position: absolute;
	top:0;
    display:none;
    background:none;
}	
	
/* Overlay --------------------------*/

.hero-overlay {
	background: url("images/hero-overlay.png") no-repeat scroll 0 0;
	display: block;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 960px;
	z-index: 2;
}
.hero-divider{
	display:none;
}

/* Title --------------------------*/
	.hero-title {
	}
	
	.hero-title a:link,
	.hero-title a:visited {
		color: #ccc;
		text-decoration: none;
	}
	
	.hero-title a:hover,
	.hero-title a:active {
		color: #000;
	}

/* Controls --------------------------*/

	.hero-controls {display:none;
	}
	
	.hero-controls ul {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	
	.hero-controls ul li {
		background: none;
		float: left;
		list-style: none;
		margin: 0 5px;
		padding: 0;
	}
	
	.hero-controls ul li a:link,
	.hero-controls ul li a:visited {
		color: #999;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}
	
	.hero-controls ul li a:hover,
	.hero-controls ul li a:active {
		color: #000;
	}
	
	.hero-controls ul li.hero-prev a,
	.hero-controls ul li.hero-next a{
		display: block;
		height: 20px;
		text-indent: -9999px;
		width: 20px;
	}
	.hero-controls ul li.hero-prev a{
background: url("images/prev-btn.png") no-repeat scroll 0 0;
		 height: 58px;
    position: absolute;
    left: -22px;
    width: 57px;	}
	
	.hero-controls ul li.hero-next a{
		background: url("images/next-btn.png") no-repeat scroll 0 0;
		 height: 58px;
    position: absolute;
    right: 8px;
    width: 57px;
	}
	.addInformation {
		 font-style: italic;
		 color:#564733;	
	}