/*---------------------------------------------------------
	Page layout
-----------------------------------------------------------*/
body {
	background-color: #FFFFCC;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666633;
	background-image: url(../images/back_index.gif);
	background-repeat: repeat-x;
	text-align: left;
}
/*
#page {
	background-image: url(../images/beach-chairs.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 500px;
	width: 100%;	
}
*/
#header {
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 173px;
	width: 428px;
}

#menu1 {
	background-color: #FFEBAB;
	position: absolute;
	height: 220px;
	width: 112px;
	left: 0px;
	top: 173px;
	text-align: right;
	/*padding: 3px;*/
}

#menu2 {
	background-color: #B7DBAF;
	position: absolute;
	height: 350px;
	width: 96px;
	left: 112px;
	top: 173px;
	text-align: left;
	/*padding: 3px;*/
}

#menu1 a, #menu2 a {
	text-decoration: none;
	color: #666633;
}

.photos {
	background-color: #E0F4B9;
	margin-left: 208px;
	margin-top: 173px;
	position: absolute;
}

.photos img {
	margin: 5px;
	border: thin solid #666633;
}

.textcontainer {
	position: absolute;
	left: 360px;
	top: 180px;
	right: 200px;
	margin-left: 10px;
}

.textcontainer a {
	color: #666633;
}
/*
#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background-image: url(../images/back_footer.gif);
	background-repeat: repeat-x;
}
*/

form {
	margin: 0px;
	padding: 0px;
}

/*---------------------------------------------------------
	Frontpage styles
-----------------------------------------------------------*/

.frontpagecontainer {
	position: absolute;
	left: 215px;
	top: 180px;
	right: 200px;
}
.frontpagebox {
	float: left;
	/*width: 180px;
	height: 130px;*/
	margin: 3px;
	background: #E0F4B9;
	width: 144px;
	height: 94px;
}
.frontpageboxdouble {
	float: left;
	/*width: 180px;
	height: 130px;*/
	margin: 3px;
	background: #E0F4B9;
	width: 291px;
	height: 94px;
}
.frontpagebox img {
	border: thin solid #666633;
	width: 142px;
	height: 90px;
}
.frontpagebox p {
	padding: 10px;
}
.frontpagebox a {
	color: #666633;
	text-decoration: none;
}

/*---------------------------------------------------------
	Unit list styles
-----------------------------------------------------------*/

#unittable {
	margin-top: 173px;
	margin-left: 208px;
	margin-bottom: 10px;
	position: absolute;
	width: 60%;
}
#unittable td {
	font-size: 0.8em;
	padding: 3px;
	vertical-align: top;
}
#unittable td.photo { background-color: #E0F4B9; }
#unittable td.photo img { border: thin solid #666633; }


/*---------------------------------------------------------
	Unit display styles
-----------------------------------------------------------*/

.unitcontainer {
	position: absolute;
	left: 208px;
	top: 153px;
	right: 185px;
	background: #E0F4B9;
}

.unitcontainer a {
	color: #666633;
}

.addunit {
	position: absolute;
	right: 0px;
	top: -10px;
	width: 100px;
	height: 40px;
	padding: 3px;
	text-align: center;
}
.addunit img {
	border: none;
}
.hidetext {
	display: none;
}

.unittext {
	clear: both;
	padding: 10px;
	/*border-bottom: thin dotted #666633;
	border-right: thin dotted #666633;*/
}

.bigphoto {
	float: right;
	background-color: #E0F4B9;
	padding: 5px;
	margin: 0 0 10px 10px;
}
.bigphoto img { 
	border: thin solid #666633;
	width: 240px;
	height: 180px; 
}
/*---------------------------------------------------------
 	unitphotos style, for viewing photos
 ---------------------------------------------------------*/

.unitphotos { 
	clear: right;
	/*position: absolute;
	top: 22px;
	left: 0px;*/
	margin: -13 10px 0 -40px; 
	background-color: #E0F4B9;
}

.unitphotos ul
{
	cursor: default;
	list-style: none;
	background-color: #E0F4B9;
	clear: right;
}
.unitphotos ul a { cursor: default; }
.unitphotos ul a .preview { display: none; }
.unitphotos ul a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}
.unitphotos ul img {
	border: thin solid #666633;
	color: inherit;
	vertical-align: top;
	width: 71px;
	height: 47px;
}
.unitphotos ul li {
	background-color: #E0F4B9;
	display: inline;
	float: left;
	padding: 8px;
	position: relative;
}

.unitphotos ul .preview {
	background-color: #E0F4B9;
	padding: 5px;
	border: thin solid #666633;
	width: 320px;
	height: 240px;
}

/* IE fixes */
.unitphotos ul a { position: relative; }
.unitphotos ul a:hover {
	display: block;
	font-size: 100%;
	z-index: 1;
}
.unitphotos ul a:hover .preview {
	top: 60px;
	left: -134px;
}
.unitphotos ul li {	position: static; }

/*---------------------------------------------------------
	Search & Shoppingcart styles
-----------------------------------------------------------*/

#sidebox {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 175px;
	padding: 3px;
	font-size: 0.9em;
}

#searchbox {
	background: #B7DBAF;
	/*background: #04339B;*/
	margin-bottom: 35px;
	/*border: thin solid #666633;*/
	padding-left: 12px;
	padding-right: 10px;
}
#searchbox table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#searchbox table td.heading {
	background: #B7DBAF;
	color: #666633;
	font-weight: bold;
}
#searchbox .button {
	background: #D6EAD2;
	font-size: 0.9em;
}

#shoppingcart {
	position: absolute;
	top: 169px;
	background-color: #FFEBAB;
	background-image: url(../images/plumeria.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 5px;
	padding-bottom: 45px;
	/*border: thin solid #666633;*/
}
#shoppingcart .button {
	background: #FFF8E0;
	margin-left: 20px;
	font-size: 0.9em;
}
.shoppingcartheader {
	color: #7F571F;
	font-weight: bold;
	text-align: center;
}

/*---------------------------------------------------------
	Reservation styles
-----------------------------------------------------------*/

li.unitalternative {
	list-style-image: url(../images/house.gif);
}

#reservation {
	background-color: #FFEBAB;
	background-image: url(../images/plumeria.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	margin-top: 173px;
	margin-left: 208px;
	margin-right: 200px;
	width: 60%;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-bottom: 45px;
}
#reservation .button {
	background: #FFF8E0;
	font-size: 0.9em;
}
.reservationheader {
	background: #FFE48A;
	color: #7F571F;
	font-weight: bold;
	text-align: center;
}

.reservationaction {
	background-color: #F4FBE5;
	border-top: thin solid #FCFFF7;
	border-right: thin solid #E9F0DD;
	border-bottom: thin solid #E9F0DD;
	border-left: thin solid #FCFFF7;
}
.reservationaction a {
	text-decoration: none;
	color: #000000;
}

/*---------------------------------------------------------
	Text styles
-----------------------------------------------------------*/

.pageheading {
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
}
.pageheading {
	position: absolute;
	margin-left: 355;
	margin-top: 140;
}

.heading, .unitheading {
	padding: 2px;
	background: #666633;
	/*background: #90C884;*/
	/*background: #B7DBAF;*/
	color: #FFFFCC;
	font-weight: bold;
}
.heading a { 
	color: #FFFFCC;
	/*color: #666633;*/
	text-decoration: none; 
}
.heading a:hover { text-decoration: underline; }