/*  	-----------------------------------------------------------------------------
		INTERFACE LAYOUT
		----------------------------------------------------------------------------- 	*/
		

			BODY	{
				background: #ffffff url(../images/background_image.jpg);
				background-position: top center;
				background-attachment: fixed;
			}
			
			#container {
				position: absolute;
				left: 50%;
				top: 64px;
				width: 900px;
				margin-left: -450px;
				margin-bottom: 100px;
			}
			
			#container #content {
				background: #D2C9A8 url(../images/background_content.jpg);
				padding: 0;
			}
			
			.thumb_holder { float:left; margin:0 22px 19px 0; }
			a.thumb_thumb img { display:block; border:1px solid #cec7b3; background:white; padding:5px; }
			a.thumb_thumb:hover img { border:1px solid #b0977f; }

/*  	-----------------------------------------------------------------------------
		MENU NAVIGATION
		----------------------------------------------------------------------------- 	*/	


			#menu {
				text-align: right;
				display:block;
				width: 900px;
				min-height: 27px;
				background: url(../images/background_menu.jpg);
				margin:0;
				padding:0;
				font-size:1px;
			}
			
			#menu ul {
				list-style: none;
				display:inline;
				position:relative;
				right:15px;
				margin:0;
				padding:0;
			}
			
			#menu ul li {
				display: inline;
				font-size: 10pt;
				font-family: 'Trebuchet MS', Arial;
				line-height:26px;
				right:30px;
				margin:0;
				padding:0;
			}
			
			#menu ul li a {
				font-size: 10pt;
				font-family: 'Trebuchet MS', Arial;
				line-height:20px;
				color: #FFFFFF;
				text-decoration:none;
				margin: 0 0 0 20px;
				padding: 0 0 7px 0;
				position:relative;
			}
			
			#menu ul li a:hover {
				color: #AB6E18;
			}

			#menu ul li a.here {
				background-repeat: repeat-x;
				background: url(../images/menu_hl.gif) bottom left;
			}			


/*  	-----------------------------------------------------------------------------
		BODY COPY
		----------------------------------------------------------------------------- 	*/

/* --- general RIGHT aligned items --- */

			#container #content div.drighter {
				display:block;
				position:relative;
				width:100%;
				margin:0;
				padding:0;
				background-position: top right;
				background-repeat: no-repeat;
				background: url(../images/background_darker.jpg);
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
			}
			
			
			#container #content div.drighter img {
				border: 0 none;
				left: 0;
				top:0;
				margin:0;
				padding:0;
			}
			
			#container #content div.drighter h2 {
				position:absolute; 
				top:30px;
				left: 435px;
				width: 465px;
				height: 48px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
			}
			
			#container #content div.drighter p {
				position:absolute;
				top: 88px;
				left: 435px;
				right: 0;
				color: #655636;
				padding: 0 20px 0 20px;
				margin: 0;
				text-align: justify;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}
			
			ol {
				color: #655636;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;			
			}
			
			.video {
				float:right;
				text-align:left;
				padding-top:20px;
				margin:0px 0px 0px 0px;
				background: url(../images/background_lighter.jpg);
				width: 435px;
				height:320px;
			}
			
			.video_text {
				float:left;
				text-align:right;
				background: url(../images/background_lighter.jpg);
				padding-top:20px;
				width: 465px;
				height:320px;
				color: #655636;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}
			
				
			
/* --- customized for TOP RIGHT item --- */
			
			#container #content #top_right {
				background: url(../images/background_top_right.jpg);
				background-position: top right;
				background-repeat: no-repeat;
			}
			
			#container #content #top_right p {
				top: 78px;
			}
			



/* --- general JUSTIFIED aligned items --- */			
			#container #content div.dcenter {
				display:block;
				position:relative;
				width:100%;
				margin:0;
				padding:0;
				text-align:left;
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
			}
			
			#container #content div.dcenter h2 {
				position:absolute; 
				top:40px;
				left: 0px;
				width: 900px;
				height: 36px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
				text-align:left;
			}
			
			#container #content div.dcenter p {
				position:absolute;
				top: 40px;
				left: 0;
				right: 0;
				color: #655636;
				padding: 0 20px 0 20px;
				margin: 0;
				text-align: justify;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}


			
/* --- general LEFT aligned items --- */			
			#container #content div.dlefter {
				display:block;
				position:relative;
				width:100%;
				margin:0;
				padding:0;
				background-position: top left;
				background-repeat: no-repeat;
				background: url(../images/background_lighter.jpg);
				text-align:right;
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
			}
			
			#container #content div.dlefter img {
				border: 0 none;
				right: 0;
				top:0;
				margin:0;
				padding:0;
			}
			
			#container #content div.dlefter h2 {
				position:absolute; 
				top:40px;
				left: 0px;
				width: 435px;
				height: 48px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
				text-align:left;
			}
			
			#container #content div.dlefter p {
				position:absolute;
				top: 98px;
				left: 0;
				width: 395px;
				color: #655636;
				padding: 0 20px 0 20px;
				margin: 0;
				text-align: justify;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}
			

/* --- hyperlinks --- */	

			span.org {
				color: #AD690F;
			}
			
			a.org {
				color: #AD690F;
				text-decoration:none;
			}
			
			a.org:hover {
				text-decoration:underline;
			}


/* --- RESERVATION REQUEST footer --- */

			#container #content div.footer {
				display:block;
				position:relative;
				width:100%;
				margin:0;
				padding:0;
				background-position: bottom left;
				background-repeat: no-repeat;
				background-image: url(../images/footer_content.jpg);
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
				height:160px;
			}

			#container #content div.footer h2 {
				position:absolute; 
				top:40px;
				left: 0px;
				width: 900px;
				height: 36px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
				text-align:left;
			}
			
			#container #content div.footer p {
				position:absolute;
				top: 98px;
				left: 0;
				right: 0;
				color: #655636;
				padding: 0 20px 0 20px;
				margin: 0;
				text-align: justify;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}
			


/* --- REGULAR footer --- */

			#container #content div.footer2 {
				display:block;
				position:relative;
				width:100%;
				margin:0;
				padding:40px 0 40px 0;
				background-position: bottom left;
				background-repeat: no-repeat;
				background-image: url(../images/footer_content.jpg);
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
			}

			#container #content div.footer2 h2 {
				left: 0px;
				width: 900px;
				height: 36px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
				text-align:left;
			}
			
			#container #content div.footer2 p {
				left: 0;
				right: 0;
				color: #655636;
				padding: 20px 20px 0 20px;
				margin: 0;
				text-align: justify;
				font-family: 'Trebuchet MS', arial;
				font-size: 9pt;
				line-height: 11pt;
			}
			
			#container #content div.footer2 div.titl {
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				width: 900px;
				height: 36px;
			}
			
			#container form {
				font-size: 1px;
				padding:0;
				margin:0;
			}

/* --- PHOTO GALLERY --- */

			a.pg img {
				border: 1px solid #eee;
				padding:10px;
				background: white;
				margin:0 30px 20px 0px;
			}
			
			a.pg:hover img {
				border: 1px solid #aaa;
			}

			#container #content div.footer3 {
				display:block;
				position:relative;
				width:100%;
				height:2000px;
				margin:0;
				padding:40px 0 40px 0;
				background-position: bottom left;
				background-repeat: no-repeat;
				background-image: url(../images/footer_content.jpg);
				font-size:1px;		/* just for IE because it was leaving a gap between SEPS */
			}

			#container #content div.footer3 h2 {
				left: 0px;
				width: 900px;
				height: 36px;
				display:block;
				text-indent: -9999px;
				overflow: hidden;
				margin:0;
				padding:0;
				font-size: 8pt;
				text-align:left;
			}
			
			#container #content div.footer3 div.titl {
				display: block;
				text-indent: -9999px;
				overflow: hidden;
				width: 900px;
				height: 36px;
			}
			
			div.picframe {
				border: 1px solid #aaaaaa;
				padding:10px;
				background: white;
				text-align:center;
				width:150px;
				height:180px;
				display:inline;
				margin: 15px 23px 15px 27px;
				float:left;
			}
			div.picframe:hover { 
				border: 1px solid #884444;
			}
			div.picframe img {
				border:0;
				margin:0;
				padding:0;
			}
			div.picframe p {
				text-align:center;
				font-family: 'Trebuchet MS', arial;
				font-size: 8pt;
				color: #777;
				line-height:12px;
				display:block;
				margin:5px 0 0 0;
				padding:0;
			}




/* --- COPYRIGHT footer --- */

			#container #copyright {
				text-align:center;
				font-size: 7pt;
				color: #C2B793;
				margin:5px auto 25px auto;
				font-family: arial;
				clear:both;
			}
			
			#container #copyright a {
				color: white;
				text-decoration:none;
			}
			
			#container #copyright a:hover {
				text-decoration:underline;
			}
			

/*  	-----------------------------------------------------------------------------
		HEADING
		----------------------------------------------------------------------------- 	*/

H1	{
	width:900px;
	height:110px;
	background: url(../images/garonga_header.jpg);
	display:block;
	text-indent: -999px;
	overflow: hidden;
	margin:0;
	padding:0;
}

.block_text {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.H2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #FFFFFF;
}

.blurb_text {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
}

.footer_text {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: normal;
	color: #afb1a8;
}

.H3 {
	font-family: "Times";
	font-size: 20px;
	font-weight: normal;
	color: #ffffff;
}
.link {color: #afb1a8}.table_text {
	font-family: "Trebuchet MS";
	font-size: 10px;
}