/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	background: url(../images/bg-home.jpg) top center no-repeat;
 	}


/* css for header ----------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	padding: 0 126px 0 126px;
	width: 900px;
	height: 108px;
	}
	#logo {
		width: 570px;
		float: left;
		font-size: 0;
		line-height: 0;
		}
		

/* css for main navigation -------------------------------------------------------------------------------------- */
#main-nav {
	position: relative;
	padding: 10px 126px 0 126px;
	width: 900px;
	height: 24px;
	background: url(../images/nav-bar-home.jpg) top center no-repeat;
	color: #dba67c;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	}
#main-nav a, #main-nav a:visited, #main-nav a:active {
	color: #dba67c;
	}
#main-nav a:hover, #main-nav a.on, #main-nav a.on:visited, #main-nav a.on:active {
	color: #fce0b8;
	}


/* css for photo section ---------------------------------------------------------------------------------------- */
#photo-overlay {
	position: absolute;
	top: 142px;
	left: 126px;
	width: 900px;
	height: 424px;
	font-size: 0;
	line-height: 0;
	z-index: 999;
	}
#photo {
	position: relative;
	padding: 0 126px 0 126px;
	width: 900px;
	height: 424px;
	font-size: 0;
	line-height: 0;
	}


/* css for main content ----------------------------------------------------------------------------------------- */
#content {
	position: relative;
	padding: 0 126px 0 126px;
	width: 900px;
	height: 179px;
	font-size: 12px;
	line-height: 17px;
	background: url(../images/bg-home-bottom.jpg) top center no-repeat;
	}
	#content-left {
		position: relative;
		padding: 22px 30px 0 37px;
		width: 333px;
		float: left;
		font-size: 11px;
		line-height: 16px;
		}
	#content-center {
		position: relative;
		padding: 8px 14px 0 18px;
		width: 218px;
		float: left;
		color: #0c394a;
		}
	#content-right {
		position: relative;
		padding: 8px 14px 0 18px;
		width: 218px;
		float: left;
		color: #0c394a;
		}


/* css for reservations ----------------------------------------------------------------------------------------- */
	#reservations {
		padding: 30px 0 0 18px;
		width: 312px;
		float: left;
		/*font-size: 11px;*/
		color: #c6ebf6;
		}
		#reservations a {
			color: #c6ebf6;
			}
		#reservations a:hover {
			color: #c6ebf6;
			text-decoration: underline;
			}
	#reservations ul {
		clear: both;
		height: 25px;
		}
	#reservations .res-title {
		padding: 0 20px 5px 0;
		height: 20px;
		font-weight: bold;
		float: right;
		letter-spacing: 1px;
		color: #9aaeb3;
		}
	#reservations .res-arrival {
		width: 140px;
		height: 20px;
		}
	#reservations .res-arrival input {
		width: 87px;
		height: 16px;
		border: 1px solid #514f4e;
		}
	#reservations .res-calendar {
		width: 40px;
		height: 25px;
		}
	#reservations .res-nights {
		width: 78px;
		height: 20px;
		}
	#reservations .res-nights input {
		width: 26px;
		height: 16px;
		border: 1px solid #514f4e;
		}
	#reservations .res-adults {
		width: 94px;
		height: 20px;
		}
	#reservations .res-children {
		width: 122px;
		height: 20px;
		}
	#reservations .res-four-under {
		width: 108px;
		height: 20px;
		}
	#reservations .res-search {
		width: 74px;
		height: 20px;
		}
	#reservations .res-select {
		width: 40px;
		}
	#reservations .res-btn {
		padding: 0px;
		margin: 0;
		width: 62px;
		height: 20px;
		border: 0;
		cursor: pointer;
		background: url(../images/btn-search.gif) no-repeat;
		font-size: 10px;
		font-weight: bold;
		color: #d5eef6;
		}