/* RESET
--------------------------------------------------------*/
*														{ margin: 0; padding: 0; }
html													{ overflow-y: scroll; }

input[type=button]										{ padding: 5px; }


#gallery-arrow-left,
#gallery-arrow-right									{ position: absolute; background: url(/template/gallery-arrows.png); width: 25px; height: 47px; top: 130px; }
#gallery-arrow-left a,
#gallery-arrow-right a									{ display: inline-block; width: 25px; height: 47px; text-indent: -9999px; }
#gallery-arrow-left										{ left: -25px; }
#gallery-arrow-right									{ right: -25px; background-position: 25px 0px; }

#gallery 												{  }
#gallery #thumbnails									{ float: right; margin-top: -10px; text-align: right; }

#gallery .thumb											{ display: inline-block; border: 1px solid #000; margin-left: 5px; margin-top: 12px;  }
#gallery .thumb.current									{ background: url(/template/gallery-thumb-bg.png); width: 47px; height: 50px; margin-top: 0px; border: none; padding: 13px 3px 0px 3px; }


#sidebar-booking										{ background: #e5d8a9; padding: 10px; margin-bottom: 20px; }
#sidebar-booking h3										{ font-size: 14px; color: #a68d63; font-weight: normal; margin: 5px 0 5px 0; }
#sidebar-booking input[type=text],
#sidebar-booking textarea								{ font-size: 10px; color: #666; padding: 3px; width: 185px; margin-bottom: 5px; }
#sidebar-booking select									{ font-size: 10px; color: #666; }
#sidebar-booking table td								{ font-size: 10px; vertical-align: top; }


#meeting-request-form td								{ padding: 3px; }



/* LINKAGE
--------------------------------------------------------*/
#Links p a:link, #Links p a:visited						{ color: #7b6849; text-decoration: none; }
#Links p a:hover										{ color: #7b6849; text-decoration: underline; }

#Links p.Gallery a:link, #Links p.Gallery a:visited		{ color: #e4d5a3; text-decoration: none; }
#Links p.Gallery a:hover								{ color: #e4d5a3; text-decoration: underline; }

/* LAYOUT
--------------------------------------------------------*/
body													{ background: url('/template/body-bg.png') no-repeat center top; }

#Container												{ width: 980px; margin: 0 auto; }
	#Header												{ width: 940px; height: 115px; margin: 0 20px; }
		#Logo											{ float: left; width: 325px; height: 105px; text-indent: -9999px; }
		#Logo a, #Logo a.Current, #Logo a.Current:hover	{ display: block; width: 325px; height: 105px; background: url('/template/logo.png'); }
		#Logo a:hover									{ background-position: 0 -105px; }
	#Banner												{  }
		#BannerGallery									{ position: relative; width: 922px; height: 290px; margin: 0 20px; background: #ddd url(/template/loading.gif) center center no-repeat; padding: 10px; }
		#BannerGalleryInner 							{ position: relative; }
		#BannerGalleryInner img 						{ position: absolute; top: 0px; left: 0px; }

	#Content											{ padding-top: 10px; }
		.Column											{ float: left; margin: 10px 0 0 20px; }
		.Column.Quarter									{ width: 220px; }
		.Column.Content									{ width: 530px; }
		.Column.Main									{ width: 700px; /* was 710 */ }
		.Column.Full									{ width: 940px; }
	#Footer												{  }
		#FootTextWrapper								{ width: 955px; margin: 0 auto 10px auto; background: url(/template/foottext-wrap.png) repeat-y; }
		#FootText										{ min-height:210px; height:auto !important; height:210px; background: url(/template/foottext-bg.png) no-repeat; }
		#FootNav										{ text-align: center; color: #acacac; font-size: 11px; margin-bottom: 10px; text-transform: uppercase; }
		#FootNav a										{ margin: 0px 4px 0px 4px; color: #acacac; }					

		#FootHome										{ padding: 10px 30px 5px 30px; }
		#FootHome .logos img							{ margin-right: 10px; }

/* NAVIGATION
--------------------------------------------------------*/
#Links													{ float: right; color: #7b6849; font-size: 10px; text-transform: uppercase; background: url(/template/topnav-bg.png); }
#Links p 												{ float: left; margin: 0; padding: 5px 10px; }
#Links p.Gallery 										{  }

#Nav													{ float: left; width: 615px; height: 30px; margin: 45px 0 0 0; list-style: none; }
#Nav li													{ float: left; list-style: none; }
#Nav li a												{ display: block; height: 30px; background: url('/template/nav.png'); text-indent: -9999px; }

#Nav li#NavResort a										{ width: 80px; background-position: 0 0; }
#Nav li#NavSpa a										{ width: 62px; background-position: -80px 0; }
#Nav li#NavSeagrille a									{ width: 114px; background-position: -142px 0; }
#Nav li#NavPub a										{ width: 64px; background-position: -256px 0; }
#Nav li#NavMarina a										{ width: 97px; background-position: -320px 0; }
#Nav li#NavSearch a										{ width: 25px; margin-left: 173px; background-position: -590px 0; }

#Nav li#NavResort a.Current,
#Nav li#NavResort a:hover								{ background-position: 0 -30px; }
#Nav li#NavSpa a.Current,
#Nav li#NavSpa a:hover									{ background-position: -80px -30px; }
#Nav li#NavSeagrille a.Current,
#Nav li#NavSeagrille a:hover							{ background-position: -142px -30px; }
#Nav li#NavPub a.Current,
#Nav li#NavPub a:hover									{ background-position: -256px -30px; }
#Nav li#NavMarina a.Current,
#Nav li#NavMarina a:hover								{ background-position: -320px -30px; }
#Nav li#NavSearch a.Current,
#Nav li#NavSearch a:hover								{ background-position: -590px -30px; }

#sidenav												{ padding: 10px 0px 10px 25px; }
#sidenav a												{ display: block; margin-bottom: 10px; font-size: 14pt; font-weight: bold; color: #636363; }
#sidenav a:hover,
#sidenav a.current										{ color: #a08558; text-decoration: none; }


/* BLOG ARTICLES
--------------------------------------------------------*/
.articles_article										{ width: 100%; margin-bottom: 20px; clear: left; }

/* MISCELLANY
--------------------------------------------------------*/
.clearfix:after 										{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix												{display: inline-block;}
html[xmlns] .clearfix 									{display: block;}
* html .clearfix 										{height: 1%;}