@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	border:none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
@font-face {
	font-family: Delicious-Roman;  /* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
	src: url('Delicious-Roman.otf') format('opentype'); 
}
@font-face {
	font-family: Delicious-Italic;
	src: url('Delicious-Italic.otf') format('opentype'); 
}
body {
	background-image: url(../nav/tile.jpg);
	background-repeat: repeat-x;
	background-position:top;
	margin-top:0;
	text-align:center;
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #363636;
	line-height:150%;
}

a:link {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 8pt;
			line-height: 10pt;
			text-decoration: none;
			padding: 3px 0 3px 0;
			color:#02b5ea;
			}
a:visited {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 8pt;
			line-height: 10pt;
			text-decoration: none;
			padding: 3px 0 3px 0;
			color:#02b5ea;
			}
a:hover {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 8pt;
			line-height: 10pt;
			padding: 3px 0 3px 0;
			color:#f7941d;
			}
a:active {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 8pt;
			line-height: 10pt;
			padding: 3px 0 3px 0;
			color:#003d6b;
			}

strong {
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 14pt;
			font-weight: bold;
			text-decoration: none;
			color:#02b5ea;
}
h1 {
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			line-height: 14pt;
			font-weight: bold;
			text-decoration: none;
			color:#666;
}
h2 {
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 14pt;
			font-weight: bold;
			text-decoration: none;
			color:#02b5ea;
}

/* DIVS */
#container {
	position:relative;
	width: 867px;
	margin: 0 auto;
	z-index:0;
}
#header {
	width: 100%;
	height: 247px;
	text-align: center;
	z-index:1;
}
	#header img {
		margin-top: 90px;
	}
#topmenu {
	position:relative;
	width: 866px;
	height: 36px;
	text-align: left;
	float: left;
	margin: 0 auto;
	z-index: 150;
}
	#topmenu img {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		float: left;
		border: none;
		z-index:150;
	}
.tmenu {
	position:relative;
	margin: 0 auto;
	border: none;
	height: 36px;
	float:left;
}
.bmenu {
	position:relative;
	margin: 0 auto;
	border: none;
	height: 37px;
	float:left;
}	
	.bmenu img {
		margin-left: -1px;
	}
#submenu1 {
	display: block;
	width: 200px;
}
#submenu2 {
	display: block;
	width: 240px;
}
#submenu3 {
	display: block;
	width: 220px;
}
#submenu4 {
	display: block;
	width: 119px;
}
#submenu5 {
}
#submenu6 {
	display: block;
	width: 220px;
}
#submenu7 {
	display: block;
	width: 100px;
}
#submenu8 {
	display: block;
	width: 180px;
	position: absolute;
	margin-left: -104px;
	padding-right: 10px;
}
#facebook {
	display: block;
	width: 180px;
	position: absolute;
	margin-left: -104px;
	padding-right: 10px;
}
#content {
	position: relative;
	float: left;
	left: 0;
	width: 488px;
	text-align: justify;
	overflow:hidden;	
	margin: 20px 50px 0 0;
}
#content-wide {
	position: relative;
	float: left;
	left: 0;
	width: 100%;
	text-align: justify;
	margin: 0 0 10px 0;
}
#gallery {
	position: relative;
	float: left;
	left: 0;
	width: 867px;
	text-align: justify;
	overflow:hidden;	
	margin: 0 0 0 0;
}
#gmenu {
	position:absolute;
	margin-top: 10px;
	float: left;
}
.gallery-menu {
	position:relative;
	margin: 0 auto;
	border: none;
	height: 27px;
	float:left;
}
#gallery-thumbs {
	position: relative;
	width: 100%;
	height:auto;
	top: 38px;
	left: 0;
	padding: 25px 15px 65px 23px;
	background-color: #003d6b;
	text-align: center;
	float: left;
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 14pt;
			text-decoration: none;
			color:#ffffff;
}
	.gallery-thumbs-crop {
		width: 125px;
		height: 82px;
		overflow:hidden;
		margin: 4px 4px 4px 4px;
		border: solid 2px;
		border-color: #000;
		display:table-cell;
		vertical-align:middle;
		background-color: #000;
		float: left;
	}
		.gallery-thumbs-crop img {
		}
#pic {
	position: relative;
	width: 867px;
	height: 234px;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
#pic2{
	position: relative;
	width: 867px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	float: left;
}
#pic-main {
	position:absolute;
	width: 655px;
	overflow: hidden;
	left: 0;
	top: 0;
	float: left;
}
#pic-thumbs {
	position: absolute;
	width: 200px;
	height: 234px;
	overflow:hidden;
	top: 0;
	right: 0;
	padding-top: 3px;
	padding-left: 3px;
	background-color: #b1ae8f;
	float: right;
}
	#pic-thumbs img {
		margin: 4px 4px 4px 4px;
		border: solid 2px;
		border-color: #000;
		position: relative;
		float: left;
		}
#text-intro {
	width: 100%;
	font-family: “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
	font-size: 14pt;
	line-height: 18pt;
	color:#666;
}
#text-head {
	width: 100%;
	font-family: Delicious-Roman, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
	font-size: 22pt;
	line-height: 18pt;
	color: #02b5ea;
	margin: 20px 0 10px 0;
}
#text-copy {
	width: 100%;
	font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 16pt;
	padding-top: 5px;
	color: #58595b;
}
		.text-copy a:link {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
		.text-copy a:visited {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
		.text-copy a:hover {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#f7941d;
			}
		.text-copy a:active {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#003d6b;
			}
		.text-copy em {
			font-style:italic;
		}
.text-copy-g div {
	width: 100%;
	padding: 0;
	margin-left: -5px;
	}
.text-copy-g a:link {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
.text-copy-g a:visited {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
.text-copy-g a:hover {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#f7941d;
			}
.text-copy-g a:active {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#003d6b;
			}
.text-copy-g strong {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 9pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#666;
			}
.text-copy-g em {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size: 9pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#666;
			}
			.text-copy-g img{
				padding: 4px 2px 5px 0;
			}
.demo-show2 {
	width: 100%;
}
.demo-show2 h3 {
			padding: 5px 0 5px 0;
			font-weight: bold;
}
.demo-show2 div {
	width: 100%;
	padding-bottom: 20px;
	}
	
.demo-show3 {
	width: 100%;
}
.demo-show3 h4 {
			padding: 5px 0 5px 0;
			font-weight: bold;
}
.demo-show3 div {
	width: 100%;
	padding-bottom: 20px;
	}


.demo-show4 {
	width: 100%;
}
.demo-show4 h5 {
			padding: 5px 0 5px 0;
			font-weight: bold;
}
.demo-show4 div {
	width: 100%;
	padding-bottom: 20px;
	}

.tab1 {
	width: 100%;
}
.tab1 h3 {
	background-color:#edfaff;
	border-top: 1px solid #29c0ee;
	border-bottom: 1px solid #29c0ee;
		margin-bottom: 5px;
			padding: 2px 5px 2px 5px;
			font-weight: bold;
}
.tab1 div {
	width: 98%;
	padding: 0;
	margin-bottom: 20px;
	padding-left: 5px;
	}
	
.pdficons {
	line-height: 24pt;
}
		.pdficons a:link {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			font-weight:bold;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
		.pdficons a:visited {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-size: 10pt;
			font-weight:bold;
			line-height: 16pt;
			padding-top: 5px;
			text-decoration: none;
			color:#02b5ea;
			}
		.pdficons a:hover {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			font-weight:bold;
			line-height: 16pt;
			padding-top: 5px;
			color:#f7941d;
			}
		.pdficons a:active {	
			font-family: “Helvetica Neue”, Arial, Helvetica, sans-serif;
			font-style:normal;
			font-size: 10pt;
			font-weight:bold;
			line-height: 16pt;
			padding-top: 5px;
			color:#003d6b;
			}

.pdficons img {
	vertical-align: middle;
	padding: 6px 2px 10px 0px;
}

#text-copy-cols {
	width: 100%;
	height: inherit;
	position: relative;
	}
#text-copy-col1 {
	width: 244px;
	float: left;
}
#text-copy-col2 {
	width: 244px;
	float: left;
}
#text-copy-col3 {
	width: 120px;
	float: left;
	text-align: right;
	padding: 15px 5px 0 0;
}
#text-copy-col4 {
	width: 320px;
	float: left;
	padding: 15px 0 0 0;
}
#text-rlinks{
	width: 450px;
	height: fixed;
	position:static;
	padding: 25px 0 0 0;
	margin:auto 0;
	text-align:left;
	float:left;
	top: 25px;
	
	}
	#text-rlinks img {
	vertical-align: middle;
	padding: -3px 2px 10px 0px;
}
.text-sub {
			font-family: Delicious-Italic, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
			font-size: 16pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#02b5ea;
			text-decoration: none;
}
		.text-sub a:link {	
			font-family: Delicious-Italic, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
			font-size: 14pt;
			line-height: 16pt;
			padding-top: 5px;
			font-style:italic;
			text-decoration: none;
			color:#02b5ea;
			}
		.text-sub a:visited {	
			font-family: Delicious-Italic, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
			font-size: 14pt;
			line-height: 16pt;
			padding-top: 5px;
			font-style:italic;
			text-decoration: none;
			color:#02b5ea;
			}
		.text-sub a:hover {	
			font-family: Delicious-Roman, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
			font-style:normal;
			font-size: 14pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#f7941d;
			}
		.text-sub a:active {	
			font-family: Delicious-Roman, “Gill Sans”, “Trebuchet MS”, Calibri, sans-serif;
			font-style:normal;
			font-size: 14pt;
			line-height: 16pt;
			padding-top: 5px;
			color:#003d6b;
			}

#sidebar {
	position: relative;
	float: right;
	right: 0;
	width: 305px;
	margin: 20px 0 0 0;
	overflow:hidden;
}
#reserv {
	width: 100%;
}
#downloadpdf {
	width: 100%;
	margin-bottom: 20px;
}
.downloadpdf-menu-sub {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px 0 0 32px;
	text-align: left;
	line-height: 8px;
}
		.downloadpdf-menu-sub img {
			vertical-align:middle;
		}
#dl-pdf-list {
	text-align: left;
	padding: 10px 0 0 33px;
}
	#dl-pdf-list img { vertical-align: middle; margin-top: -2px; padding: 0 3px 5px 0;}
	#dl-pdf-list a:link { font-size: 10pt; }
	#dl-pdf-list a:visited { font-size: 10pt; }
	#dl-pdf-list a:hover { font-size: 10pt; }
	#dl-pdf-list a:active { font-size: 10pt; }
#weather {
	width: 100%;
	margin: 20px 0 0 0;
	font-size: 8pt;
	color:#CCC;
	text-align:right;
	z-index: 180;
}
#weather-credit{
	text-align:right;
	padding: 60px 30px 0 0;
	}
#weather-feed {
	width: 270px;
	height: 80px;
	margin: -27px 0 0 0;
	overflow:hidden;
	text-align:left;
	font-size: 10pt;
	color: #58595b;
	float:right;
}
	#weather-feed img{
		position:absolute;
		margin: 0 -500px 0 0;
		}
#roomfloor {
	width: 100%;
	margin: 0 0 20px 0;
	font-size: 8pt;
	text-align:right;
	z-index: 180;
}
#roomfloor-plan {
	width: 295px;
	height: 150px;
	margin: 0 0 0 0;
	overflow:hidden;
	text-align:right;
	font-size: 10pt;
	float:right;
}
	#roomfloor-plan img {
	}

#newsletter {
	width: 100%;
	margin: 20px 0 20px 0;
	font-size: 8pt;
	color:#CCC;
	text-align:right;
}
#newsletter-left {
	position: absolute;
	margin: 5px 0 0 38px;
	width: 20px;
	line-height: 26.5pt;
	font-size: 9pt;
	color: #58595b;
	float:left;
	z-index: 160;
}
#newsletter-right {
	position:absolute;
	width: 222px;
	margin: 5px 0 0 70px;
	line-height: 16pt;
	font-size: 9pt;
	color: #58595b;
	float:right;
	z-index: 150;
}
	#newsletter-right input {
		position:absolute;
		text-align: left;
		width: 200px;
		margin: 8px 0 0 10px;
		border: 0;
		background: none;
		font-size: 9pt;
		color: #58595b;
	}
	#newsletter-right .input-bg {
		background: url(../nav/form-sm-bg.jpg) bottom left no-repeat transparent;
		width: 100%;
		height: 34px;
		float: right;
		position: relative;
	}
	#newsletter-right .active {
		background: url(../nav/form-sm-bg.jpg) top left no-repeat transparent;
	}
	label {
	text-align:left;
	text-indent: 10px;
}
		#subscribe {
		position:relative;
		width: 100%;
		padding-left: 75px;
		}
#social {
	width: 100%;
	margin: 15px 0 0 0;
	font-size: 8pt;
	color:#CCC;
	text-align:right;
}
#social-cnt {
	width: 270px;
	height: 80px;
	overflow:hidden;
	margin: 10px 0 0 0;
	text-align:left;
	font-size: 10pt;
	color: #58595b;
	float:right;
}
	#social-cnt img {
		padding: 5px;
	}
#bot-contain {
	position: relative;
	clear:both;
	width: 867px;
	text-align:center;
	padding-top:20px;
	padding-right: 20px;
	z-index: 200;
	}
#botmenu {
	background-color: #03ccdc;
	width: 867px;
	height: 37px;
	padding-right: 20px;
	z-index: 200;
} 
#footer {
	width: 100%;
	font-size: 8pt;
	color: #999;
	line-height: 16pt;
	padding-top: 25px;
	margin-top: 25px;
	margin-bottom: -200px;
	z-index: 200;
}


/* FEED */
.labelfield{ /*CSS for label field in general*/
color: #58595b;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color: #58595b;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #58595b;
text-decoration: none;
font-weight: bold;
}


#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}
		#example3 div img {
		position:absolute;
		margin: 15px 0 0 190px;
	}

code{ /*CSS for insructions*/
color: red;
}
::selection {
	background: #8cfae1; /* Safari */
	}
::-moz-selection {
	background: #8cfae1; /* Firefox */
}