body{ background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 76%; margin: 0; padding: 0; }

/* HYPERLINKS */
a{ color: #835A4C; }
a img{ border: none; }
#search a { color: #003399; }
#footer a { color: #835A4C; }

	/* HYPERLINKS > sub-navigation */
	#subnav01 a, #subnav02 a { color: #000000; }
	#subnav01 a.active, .navroot { font-weight: bold; }
	#subnav02 li a { padding-left: 10px;}
	#subnav02 li a.active { background: url(/common/images/list-arrow-right.gif) left center no-repeat; font-weight: bold; }

/* HYPERLINKS > tabs */
.link { color: #6F4739; text-transform: uppercase; font-weight: bold; font-style: italic; text-decoration: none; text-align: left;}
	#sub-content .link { text-transform: none; color: #6F4739; letter-spacing: -1px; background: #DDDDB1 url(/common/images/banner-link-back-tan.gif) repeat-x bottom; font-size:1.15em; font-weight: bold; font-style: normal; text-decoration: none; display: block; padding: 5px;}
	#col-R .link { display: block; color: #FFFFFF; padding: 6px 20px 6px 8px; background: url(/common/images/link-arrow.gif) right center no-repeat; }
	.event .link { display: block; }

p {margin:0 0 1em 0; line-height: 1.5em;}
em { color: #00349A; font-style: normal; }
abbr, acronym { border:0; cursor: help; font-style: normal; }

/* FORMS  */
form, fieldset { padding: 0; margin: 0; border: none; }
	form#booking { width: 395px; }
	form div { clear: both; padding: 0; margin: 0; }
	div.linkbutton { text-align: right; width: 235px; background: #B81A4D url(/common/images/link-back.gif) bottom repeat-x; padding: 0; margin-left: 160px; }
input, textarea, select, option { font-family: Arial, Helvetica, sans-serif; font-size: 100%; float: left; }
label, form div.cr p { line-height: 2em; color: #835A4C; margin: 0; display: block; width: 150px; text-align: right; float: left; font-weight: bold; }
input.text, textarea.text { background-color: #EDEDD4; float: left; width: 225px; clear: right; padding: 4px; margin: 5px 0 5px 10px; border: 1px solid #835A4C; }
input.submit { cursor: pointer; cursor: hand; border: 0; padding: 5px 25px 5px 15px; background: #B81A4D url(/common/images/btn-red.gif) bottom right no-repeat; float: none; color: #FFFFFF;}

	/* FORMS > radio buttons & check boxes */
	form div.cr { padding: 5px 0; }
	form div.cr input { margin-left: 5px; }
	form div.cr label { text-align: left; margin-left: 156px; width: auto; float: none; font-weight: normal; }

	/* FORMS > search */
	#search form { margin-top: 5px; }
	#search input { display: inline; float: left; font-size: 100%; margin: 0; clear: none; background-color: #FFFFFF; }
	#search .searchfield { width: 161px; border: 1px solid #003399; height:18px; padding: 2px 4px 0 4px; clear: none;}
	#search label{ display: none; }

	/* FORMS > newsletter */
	body#newsletter { margin: 10px; padding: 0; }
	#newsletter form { width: 250px; }
	#newsletter label { float: none; text-align: left; }
	#newsletter input.text { width: 96%; float: none; margin: 5px 0; }
	#newsletter div.linkbutton { margin-left: 0; width: 100%; }


/* TABLES */
caption, th { text-align: left; font-weight: normal; }
caption { margin: 0; padding: 4px; color: #FFFFFF; background-color: #835A4C; font-size: 120%; }
th { font-weight: bold; vertical-align: bottom; background-color: #DDDDB1;}
	th.expand { width: 100%; }
td { background-color: #EDEDD4; }


/* LISTS */
ul, li { margin: 1; padding: 0; list-style: disc; line-height: 1.5em;}
dl, dt, dd { margin: 0; padding: 0; }



/* HEADERS */
h1 { margin:0; padding:0; font-weight: normal; font-size: 2.2em; letter-spacing: -1px; color: #835A4C;}
h2 { font-size: 250%; color: #835A4C; font-size: 1.5em; font-weight: normal; margin: 1em 0 0.3em 0; padding: 0;}
	h2.link {margin: 0; }
	
.h1-style01, .h2-style01 {margin:0;padding:0;font-size:1.3em;color:#835A4C;font-weight: bold; letter-spacing: -1px;}
.h1-style01 { margin-bottom: 0.2em; }
.h2-style01 {color:#000;text-align:right; }
.h2-style02 {margin:10px;padding:0;font-size:2em;color:#835A4C;font-weight:normal; letter-spacing: -1px; }
.h2-style03 {margin:20px 0 0 0;padding:0;font-size:1.3em;color:#835A4C; font-weight: bold; letter-spacing: -1px;}
.h2-style04 {margin:0;padding:0;font-size:1.6em;font-weight:normal;color:#835A4C}
.h2-style05 {margin:0;padding:0;font-size:1em;color:#DDDDB1;font-weight:bold;letter-spacing: 0px; }

h2.h2-style02 em { color: #000000; font-style: normal; }
h2.h2-style03 a { color: #000000; text-decoration: underline; }
h2.h2-style03 a:hover { text-decoration: underline; }

	/* HEADERS > newsletter */
	#newsletter h1 { text-transform: uppercase; font-weight: normal; font-size: 200%; letter-spacing: -0.05em; margin: 0.3em 0; padding:0; }

/* LAYOUT */
#container { width: 99%; min-width: 770px; }
#logo{ float: left; width: 317px; height: 74px; }

	/* LAYOUT > search */
	#search{ float: right; width: 20em; height: 4.5em; }
	#search p{ font-size: 0.85em; color: #003399; margin: 2px 0; display:block; }
	#search .divider{ margin: 0 10px; }
	
	.call {margin:0;padding:0;font-size:1.6em;font-weight:normal;color:#003399;}


	/* LAYOUT > main-navigation */
	#mainnav{background-color:#835A4C;height:31px;margin:0;padding:0 5px;list-style:none;}
	#mainnav li{height:31px;float:left;display:block;background-repeat:no-repeat;background-position:center;}
	#mainnav a{height:31px;display:block;background-repeat:no-repeat;background-position:top center;width:100% !important; }
	#mainnav span{display:none;}

	#mainnav01, #mainnav01 a{width:11%;background-image: url(/common/images/navigation/T1/mainnav01.gif);}
	#mainnav01active, #mainnav01active a{width:11%;background-image:url(/common/images/navigation/T1/mainnav01-active.gif);}
	#mainnav01 a:hover{background-image:url(/common/images/navigation/T1/mainnav01-hover.gif) ;}
	#mainnav02, #mainnav02 a{width:8%;background-image: url(/common/images/navigation/T1/mainnav02.gif);}
	#mainnav02active, #mainnav02active a{width:8%;background-image:url(/common/images/navigation/T1/mainnav02-active.gif);}
	#mainnav02 a:hover{background-image:url(/common/images/navigation/T1/mainnav02-hover.gif);}
	#mainnav03, #mainnav03 a{width:14%;background-image: url(/common/images/navigation/T1/mainnav03.gif);}
	#mainnav03active, #mainnav03active a{width:14%;background-image: url(/common/images/navigation/T1/mainnav03-active.gif);}
	#mainnav03 a:hover{background-image:url(/common/images/navigation/T1/mainnav03-hover.gif);}
	#mainnav04, #mainnav04 a{width:15%;background-image: url(/common/images/navigation/T1/mainnav04.gif);}
	#mainnav04active, #mainnav04active a{width:15%;background-image: url(/common/images/navigation/T1/mainnav04-active.gif);}
	#mainnav04 a:hover{background-image:url(/common/images/navigation/T1/mainnav04-hover.gif);}
	#mainnav05, #mainnav05 a{width:14%;background-image: url(/common/images/navigation/T1/mainnav05.gif);}
	#mainnav05active, #mainnav05active a{width:14%;background-image: url(/common/images/navigation/T1/mainnav05-active.gif);}
	#mainnav05 a:hover{background-image:url(/common/images/navigation/T1/mainnav05-hover.gif);}
	#mainnav06, #mainnav06 a{width:11%;background-image: url(/common/images/navigation/T1/mainnav06.gif);}
	#mainnav06active, #mainnav06active a{width:11%;background-image: url(/common/images/navigation/T1/mainnav06-active.gif);}
	#mainnav06 a:hover{background-image:url(/common/images/navigation/T1/mainnav06-hover.gif);}
	#mainnav07, #mainnav07 a{width:16%;background-image: url(/common/images/navigation/T1/mainnav07.gif);}
	#mainnav07active, #mainnav07active a{width:16%;background-image: url(/common/images/navigation/T1/mainnav07-active.gif);}
	#mainnav07 a:hover{background-image:url(/common/images/navigation/T1/mainnav07-hover.gif);}
	#mainnav08, #mainnav08 a{width:10%;background-image: url(/common/images/navigation/T1/mainnav08.gif);}
	#mainnav08active, #mainnav08active a{width:10%;background-image: url(/common/images/navigation/T1/mainnav08-active.gif);}
	#mainnav08 a:hover{background-image:url(/common/images/navigation/T1/mainnav08-hover.gif);}
	
	/* LAYOUT > sub-navigation */
	#headline01 { float: left; width: 49%; line-height: 1.9em; margin-top: 0.3em; }
	#headline02 { float: right; width: 49%; margin-right: 1%; line-height: 1.9em; }
	
	#subnav01 { margin: 0; line-height: 1.8em; background-color: #DDDDB1; padding: 0 20px; }
	ul#subnav01 { padding-bottom: 1px; padding-top: 0.4em; padding-bottom: 0.4em; }
	#subnav01 li { display: inline; padding: 0 7px; }
	
	#subnav02 { width: 25%; float: left; color: #835A4C; }
	ul#subnav02, ul#subnav03, ul#subnav04 { margin: 0; padding: 0; }
	#subnav02 li { padding: 6px 0 6px 17px; list-style: none; margin-top: 2px; background-color: #EDEDD4; }
	#subnav03 li, #subnav04 li { padding: 3px 0 3px 20px; list-style: none; }
	#subnav04 li { padding-top: 5px; padding-bottom: 1px; }
	
	/* LAYOUT > content */
	#page{ margin-left: 5px; }
	#content{ margin-left: 5px; }
		#home #content{ margin: 2px 0 6px 1%; }
	
	#main-content{ width: 75%; float: left; margin-top: 4px; }
	#sub-content{ width: 24%; float: right; margin-top: 5px; }
	
	#col-main { width: 47%; float: left; margin: 0 0 0 1%; padding: 10px; }
	#page #col-main { width: 50%;  }
	#photo #col-main { width: 45%; }
	#photo{ margin-left: 5px; }
	#page #col-main-big { width: 60%;  float: left; margin: 0 0 0 1%; padding: 10px; }
	#page #col-main-big-reserve { width: 50%;  float: left; margin: 0 0 0 1%; margin-left: 4%; padding: 10px; }

	#col-R { width: 24%; float: right; margin-top: 3px; text-align: right; }
	#col-R img { border-top: 2px solid #FFFFFF; }
	#page #col-R { width: 75%; }
	#col-R-reserve { width: 24%; float: left; margin-top: 3px; text-align: left; margin-right: 10%;}
	
	.image { overflow: hidden; text-align: right; }
	#home .image { background-color: none; position: relative; }

	.highlight01 .image, .highlight03 .image { border: 1px solid #DDDDB1; margin-bottom: 2px; width: 99%; text-align: center;}
	.highlight03 .image { font-size: 2.5em; font-weight: bold; color: #FFFFFF; background-color: #DDDDB1; padding: 2px 0; }
	.highlight03 object { min-height: 26px; }
	
	/* LAYOUT > footer */
	#footer{ border-top: 1px solid #DDDDB1; font-size: 0.85em; color: #835A4C; padding: 10px 10px 10px 20px; }
	#footer01, #footer03{ width: 25%; float: left; }
	#footer02{ text-align: center; width: 50%; float: left; }
	#footer03{ width: 25%; float: right; }
	#footer02 a{ margin: 0 10px; }
	#footer03 a{ text-decoration: none; font-size: 0.8em; }
	.footer-img{ float: right; padding-left:10px; width: 45px; text-align: center; }
	.photospace{ height: 420px; }
	
	/* LAYOUT > banner */
	#destinations .sub-banner { background: #9D1A4D
	url(/common/images/link-back.gif) top repeat-x; border: 0; width: 100%;
	position: relative; overflow: hidden; }


/* HOME PAGES */
.layout { background: #FFFFFF; position: relative; height: 218px; }

	/* HOME PAGES > events */
	.event { color: #FFCC00; width: 50%; position: absolute; top: 0; z-index: 100; height: 218px; overflow: hidden; background: #DDDDB1 url(/common/images/banner-link-back-tan.gif) bottom repeat-x; text-align: left; }
	.event div { color: #000000; background-color: #FFFFFF; height: 190px; overflow: auto; margin: 0 0 5px 0; }
		.event div p { margin: 10px; padding-bottom: 10px; }
		.event a { padding: 0 10px; line-height: 1.5em; }
			.event a:hover { text-decoration: underline; }
	
	/* HOME PAGES > banner */
	#home { margin-left: 5px; }
	#home .banner { border: 1px solid #DDDDB1; height: 218px; width: 100%; position: relative; overflow: hidden; }
		#home .banner .spacer, #home .sub-banner .spacer{ background-color: #DDDDB1 !important; }
			#home .banner .image { height: 218px; width: 50%; position: absolute; top: 0; right: 0; }
			#home .banner .image img { height: 218px; }
			#home .banner .image object { width: 100%; height: 100%; }
	
	/* HOME PAGES > sub-banner */
	#home .sub-banner { border: 1px solid #DDDDB1; border-bottom: 0; height: 16em; width: 49%; margin-top: 6px; background: #B81A4D url(/common/images/btn-red.gif); }
		.sub-banner .layout { height: 16em; }
		.sub-banner .event { height: 16em; width: 65%; }
		.sub-banner .event div{ height: 13.8em; }
	#home .sub-banner .image img { height: 16em; }
		
		#home .sub-banner2 { border: 1px solid #DDDDB1; border-bottom: 0; height: 16em; width: 49%; margin-top: 6px; background: #B81A4D url(/common/images/btn-red.gif); }
		.sub-banner2 .layout { height: 16em; }
		.sub-banner2 .event { height: 16em; width: 100%; }
		.sub-banner2 .event div{ height: 13.8em; }
	#home .sub-banner2 .image img { height: 16em; }

/* DESTINATIONS > sub-banner */
	#destinations { margin-left: 5px; }
	#destinations .sub-banner { border: 1px; solid #DDDDB1; border-bottom: 0; height: 16em; width: 100%; margin-top: 6px; background: #B81A4D url(/common/images/btn-red.gif); }
		.sub-banner .layout { height: 16em; }
		.sub-banner .event { height: 16em; width: 65%; }
		.sub-banner .event div{ height: 13.8em; }
	#destinations .sub-banner .image img { height: 15em; }
	#destinations .image { background-color: none; position: relative; }
	#destinations .col-R { width: 30%; float: right; margin-top: 3px; text-align: right; }
	#destinations .col-main { width: 60%; }
		
	/* HOME PAGES > col R */
	.highlight02{ margin: 0 0 0 4px; padding: 0 0 10px 0; text-align: left; }
	.highlight03{ text-align: left; margin-top: 10px; }
		.highlight03 p { line-height: 1.2em; margin: 0; padding: 0 5px; background: #835A4C url(/common/images/banner-link-back-brown.gif) bottom repeat-x;}

/* MISC CLASSES */
.floatL { float: left; }
.floatR { float: right; }
.alignL { text-align: left; }
.alignR { text-align: right; }
.bold { font-weight: bold; }
.small { font-size: 0.85em; color: #835A4C; padding: 0 5px;}

.spacer { margin:0;padding:0;clear:both;width:auto;font-size:1px;line-height:1px;height:1px; }
.hide, .hide-screen { position: absolute; left: 0; top: -500000px; width: 1px; height: 1px; overflow: hidden; }

#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8, #photo9, #photo10, #photo11, #photo12  { position:absolute; visibility:hidden; left:283px; top:275px; width:300px; z-index:100 }

/* PHOTO GALLERY */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px #835a4c;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ededd4;
padding: 5px;
left: -1000px;
border: 1px dashed #835a4c;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}