body {
	margin: 0;
	padding: 0;
	font: 15px Georgia;
	color: #1B3C4F;
	height: 100%;
	background: #F8F6EA url(../images/bg-body-tile.jpg) top left repeat-y;
}

html {
	height: 100%
}

#wrap {
	position: relative;
	min-height: 100%;
}

* html #wrap {
	height: 100%
}

#clearfooter {
	clear: both;
	height: 6em;
	overflow: hidden;
}

p {
	line-height: 20px;
	margin: 0;
	padding: 15px 10px 0 10px;
	overflow: hidden
}

#content {
	float: left;
	padding-bottom: 55px
}

.header {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	height: 180px;
	font-size: 12px;
	background: #6BAC96 url(../images/bg-header-tilea.gif) top center repeat-x;
}

.header-left {
	position: absolute;
	top: 0;
	left: 0;
	margin:0;
	padding: 0;
	text-indent: -200em;
	width: 760px;
	height: 180px;
	background: url(../images/header.jpg) top left no-repeat;	
}

.header-right {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 10px 0 0;
	padding: 0;
	width: 281px;
	height: 180px;
}


#left-col {
	float: left;
	width: 172px;
/*	padding-top: 20px;*/
	
}

#right-col {
	margin-left: 182px;
	padding-top: 20px;
}

.image-left {
	float: left;
	display: block;
	margin: 9px 10px 9px 8px;
	overflow: hidden;
	
}

.image-center {
	display: block;
	margin: 9px 10px 9px 8px;
	overflow: hidden;
	
}

.image-right {
	float: right;
	display: block;
	margin: 9px 8px 9px 10px;
	overflow: hidden;
}

.image-left-border {
	float: left;
	display: block;
	margin: 0px 10px 9px 8px;
	border: 3px solid #477C69;
	overflow: hidden;
	
}

.image-center-border {
	display: block;
	margin: 9px 10px 9px 8px;
	border: 3px solid #477C69;
	overflow: hidden;
	
}

.image-right-border {
	float: right;
	display: block;
	margin: 0px 8px 9px 10px;
	border: 3px solid #477C69;
	overflow: hidden;
}

.image-border {
	border: 3px solid #477C69;	
}

HR {
   border: none 0;
	border-top: 1px dashed #4880B1; /*the border*/
	width: 97%;
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	padding: 0;
	margin: 10px 10px;
	clear: both;
   }

h1.welcome {
	margin: 0;
	padding: 0;
	height: 28px;
	font-size: 16px;
   text-indent: -2000em;
	background: url(../images/h1-welcome.gif) top left no-repeat;
}

h1.rooms {
	margin: 0;
	padding: 0;
	height: 28px;
	font-size: 16px;
   text-indent: -2000em;
	background: url(../images/h1-rooms.gif) top left no-repeat;
}

h1.rates {
	margin: 0;
	padding: 0;
	height: 28px;
	font-size: 16px;
   text-indent: -2000em;
	background: url(../images/h1-rates.gif) top left no-repeat;
}

h1.contact {
	margin: 0;
	padding: 0;
	height: 28px;
	font-size: 16px;
   text-indent: -2000em;
	background: url(../images/h1-contact.gif) top left no-repeat;
}

h1.guestbook {
	margin: 0;
	padding: 0;
	height: 28px;
	font-size: 16px;
   text-indent: -2000em;
	background: url(../images/h1-guestbook.gif) top left no-repeat;
}

/***********FOOTER CSS***********/

#footer {
	clear: both;
	position: relative;
	margin: -45px auto 0 auto;
	padding: 0;
	width: 100%;
	height: 55px;
	font-size: 12px;
	text-align: center;
	background-color: #477C69
}

#footer a:link, #footer a:visited, #content-middle a:link, #content-middle a:visited {
	font-weight: normal;
	color: #E7E0D3;
	text-decoration: none
}

#footer a:hover, #footer a:active, #content-middle a:hover, #content-middle a:active {
	padding: 0 3px 0 3px;
	font-weight: normal;
	color: #787169;
	background-color: #E7E0D3;
	text-decoration: none
}

#footer a {
	padding: 0 3px 0 3px;
	margin: 0 auto;
	font-weight: normal;
}

p.footer-links {
   margin: 0;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #E7E0D3;
	text-transform: uppercase;
}

p.credit {
   margin: 0;
	padding: 0 ;
	font-size: 11px;
	color: #E7E0D3;
}