@charset "utf-8";
/* CSS Document */

/* RESET (Yahoo UI Library)*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* End of RESET */


body {background: #fff; margin: 0 auto; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; background: #fff url(/ui/img/front/bg.jpg);}
#x {max-width: 1258px; background: url(/ui/img/front/bg-x.gif) repeat-y center 0; margin: 0 auto; padding: 0 0 32px 0; clear: both; width: 99%;}
#container {margin: 0 auto; width: 982px; text-align: left; background: #fff; padding: 25px 0 25px 0;}
strong {font-weight: bold;}

#offer {display: none; cursor: pointer; float: right; width: 360px; position: relative; z-index: 999; background: #0d435c url(/ui/img/front/bg-keyfratures.jpg) repeat-x; padding: 8px; color: #fff; font-size: 18px;}
#offer h2 {color: #fff; font-size: 22px; margin-bottom: 8px;}
#offer a {color: #fff; text-decoration: none;}
#offer .small {font-size: 11px;}

#masthead {height: 500px; clear: both;}
#masthead #contactHead {float: left; width: 190px; height: 105px; vertical-align: bottom; position: relative; top: 3.5em; font-size: 0.75em; color: #0d435c; font-family: Arial, Helvetica, sans-serif; }
#masthead #contactHead a {color: #363663;}
#masthead #identHead {width: 630px; height: 105px; float: left; text-align: center;}
#masthead #sloganHead {font-size: 1.1em; color: #144259; margin-top: 16px;}
#masthead #langHead {float: right; clear: right;}
#masthead #langHead .langHeadOption {width: 31px; display: inline; margin-right: 8px;}
#masthead #imageHead {clear: both; width: 982px; height: 330px;}
#masthead .mastheadImage {position: absolute; visibility: hidden;}
#masthead .currentImage {visibility: visible;}
#masthead .mastheadImage span {visibility: hidden; position: absolute; right: 0; bottom: 0; padding: 8px; font-size: 1.2em; background-color: #fff; opacity: 0.65; text-align: right; vertical-align: bottom;}

#masthead #navigation  {width: 982px; text-align: center; margin: 0 auto; float: left;	 }
#navigation ul {text-align: center; margin: 0 auto; float: left; background: #134a65 url(/ui/img/front/bg-nav.jpg) repeat-x; width: 982px; height: 36px; margin-bottom: 16px; padding: 0;}
#navigation ul li {text-align: center; list-style: none; display: block; float: left; margin: auto; vertical-align: middle; background: url(/ui/img/front/bg-nav-item.jpg) no-repeat right 0; height: 36px; letter-spacing: 0.019em;}
#navigation ul li a {margin: 0 auto; display: block;  text-align: center; color: #fff; font-size: 90%; text-decoration: none; padding: 8px; text-transform: uppercase;  }
#navigation #currentNavItem {background: url(/ui/img/front/bg-nav-item-selected.png) no-repeat right 0;}
#navigation #currentNavItem.last {background: url(/ui/img/front/bg-nav-item-selected.png) no-repeat 0 0;}
#navigation ul li.last {background: none;}

#navigation ul li:hover {background: url(/ui/img/front/bg-nav-item-selected.png) no-repeat right 0; cursor: pointer;}
#navigation ul li.last:hover {background: url(/ui/img/front/bg-nav-item-selected.png) no-repeat 0 0;}

ul.subNavigation li {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; text-transform: uppercase; padding: 8px 0 0 0; margin: 0 25px 2px 0; cursor: pointer;}
ul.subNavigation > li > a {display: block;}
ul.subNavigation > li a {color: #0d435c; text-decoration: none; padding: 0 8px 8px 8px;}
ul.subNavigation li.current, ul.subNavigation li:hover {background: url(../img/nav/sub-bg.png) repeat-x;}
ul.subNavigation li.current > a, ul.subNavigation li:hover > a {color: #fff;}

ul.subNavigation li ul {padding: 0; margin: 0;}
ul.subNavigation li ul li {margin: 2px 0 0 0; padding: 6px 6px 6px 16px; font-size: 12px;}


#container #content {clear: both;}
#container #content #leftColumn {float: left; width: 248px; margin-bottom: 22px;}
#container #content #centerColumn {float: left; width: 498px; margin-bottom: 22px;}
#container #content #rightColumn {float: right; width: 236px; margin-bottom: 22px;}
#container #content #fullColumn {float: left; width: 734px;}
#container #footer {clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em; color: #333; margin: 16px 0 16px 0; height: 30px;}
#footer #footLeft {width: 45%; float: left; clear: left; height: 80px;}
#footer #footRight {width: 45%; float: right; text-align: right; clear: right;}
#copyright {font-size: 0.85em;}
#short {font-size: 0.8em;}
#credit {font-size: 0.9em;}

#container #content #leftColumn .features {margin: 0 12px 12px 0; background: #0d435c url(/ui/img/front/bg-keyfratures.jpg) repeat-x; border: 3px solid #72a3b9; padding: 8px; color: #fff; }
#container #content #leftColumn .features ul {margin-top: 12px;}
#container #content #leftColumn .features li {margin: 0 0 8px 0; font-size: 0.7em; font-style: italic; list-style: none; text-indent: 0; padding: 0;}
#container #content #leftColumn .features li a {color: #fff; text-decoration: none;}
#container #content #leftColumn .features li a:hover {color: #fff; text-decoration: underline;}

#container #content #leftColumn #features h2 {font-size: 1.2em; margin-bottom: 8px;}

#container #content #centerColumn .section {margin-bottom: 32px; clear: both; float: left; width: 490px;}
#container #content #centerColumn h1 {font-size: 18px; color: #0d435c; margin-bottom: 8px;}
#container #content #centerColumn h2 {font-size: 16px; color: #0d435c; margin-bottom: 8px;}
#container #content #centerColumn h3 {font-size: 14px; color: #0d435c; margin-bottom: 4px;}
#container #content #centerColumn p{padding-right: 12px; font-size: 0.85em; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #0d1d25; margin-bottom: 8px;}
#container #content #centerColumn #pageIntro p {font-size: 1.2em; color: #0d435c; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.2em;}
#container #content #centerColumn .inlineImage {margin: 0 8px 0 0; float: left;}
#container #content #centerColumn .inlineImage .caption {font-size: 0.85em; font-family: Arial, Helvetica, sans-serif; margin-top: 8px;}
#container #content #centerColumn .inlineImage .caption a {text-decoration: none; color: #0d435c;}
#container #centerColumn .subColumn {float: left; width: 244px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.4em;}
#container #centerColumn .emphasis {font-weight: bold; margin-top: 16px;}


#container #content #rightColumn .featuredPage{margin-bottom: 16px;}
#container #content #rightColumn .featuredPage .featuredPageName {color: #0d435c; font-size: 1.2em;}
#container #content #rightColumn .featuredPage .featuredPageImageDescription {color: #0d435c; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;}
#container #content #rightColumn a {text-decoration: none;}

#container #content #fullColumn .section {margin-bottom: 32px; clear: both; float: left;}
#container #content #fullColumn .regWidth {width: 489px; float: left; clear: left;}
#container #content #fullColumn .sectionImage {width: 236px; float: right;}
#container #content #fullColumn h1 {font-size: 18px; color: #0d435c; margin-bottom: 8px;}
#container #content #fullColumn h2 {font-size: 16px; color: #0d435c; margin-bottom: 8px;}
#container #content #fullColumn h3 {font-size: 14px; color: #0d435c; margin-bottom: 8px;}
#container #content #fullColumn p{padding-right: 12px; font-size: 0.85em; line-height: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #0d1d25; margin-bottom: 8px;}
#container #content #fullColumn li a {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; margin-bottom: 8px;}

#container #gallery li {list-style: none; float: left; margin: 0 0 4px 8px;}

ul.links li {list-style: none; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 166px; height: 160px; float: left;}
ul.links li {width: 158px;}
ul.links li .logo {margin: 0 4px 4px 4px;}
ul.links li .link {margin: 0 4px 8px 4px; text-align: center;}
ul.links li a {text-decoration: none; color: #3c87a4;}

blockquote {font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; margin: 1em 0 4px 0; padding: 0; display: inline;}

.floorplan {float: left; width: 455px;}
.sidebar {float: right; width: 243px;}
.sidebar .inlineImage {clear: both; margin-bottom: 8px; float: left;}

table.season {width: 734px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
table.season th {border-bottom: 1px solid #0d435c; font-weight: bold; color: #0d435c; padding-bottom: 8px;}
table.season td {padding: 8px 0 0 0; border-bottom: 1px solid #ccc;}
table.season td span {margin: 4px 0 4px 0; display: inline-block;}
table.season .weekNum {width: 15%;}
table.season .dates {width: 30%;}
table.season .status {width: 20%;}
table.season .price {width: 15%;}
table.season .cta {width: 20%;}
table.season .cta a {background: url(../img/front/bg-cta.png) repeat-x; padding: 4px 12px 4px 12px; color: #fff; font-weight: bold; text-decoration: none; margin: 4px 0 4px 0; display: inline-block;}

#bookingform fieldset {margin-bottom: 16px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; width: 700px;}
#bookingform fieldset.guest {border: 0; border-top: 1px solid #ccc; padding-top: 8px; display: none;}
#bookingform div.field {margin-bottom: 8px; width: 200px; float: left;} 
#bookingform div.long {width: 720px;  float: left; clear: both;}
#bookingform hr {border: 0; float: left; width: 720px; clear: both; color: #fff; background: none;}
#bookingform label {display: block; margin-bottom: 4px;}
#bookingform div.boxes label {display: inline-block; margin: 0 0 4px 0; width: 120px;}
#bookingform div.boxes span {display: block; float: left; width: 250px; }
#bookingform div.long input, #bookingform div.long select {font-size: 2em; width: 535px; padding: 4px;}
#bookingform #guestcount {width: 720px; clear: both;} 
#bookingform #recaptcha {clear: both; float: left;}  

.ui-datepicker .ui-datepicker-title {font-weight: normal; font-size: 0.8em;  font-family: Arial, Helvetica, sans-serif;}
.ui-datepicker td, .ui-datepicker th {font-size: 0.8em;  font-family: Arial, Helvetica, sans-serif;}
#bookingform textarea {width: 150px; height: 60px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
form .submit a {background: url(../img/front/bg-cta.png) repeat-x; padding: 4px 12px 4px 12px; color: #fff; font-weight: bold; text-decoration: none; margin: 4px 0 4px 0; display: inline-block; font-family: Arial, Helvetica, sans-serif; font-size: 12px;; width: 75px;}

form#contact label {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
form#contact #d {display: none;}
form#contact div {margin-bottom: 8px;}
form#contact .recaptcha div {margin-bottom: 0;}
form#contact input {width: 200px; font-size: 0.8em;}
form#contact textarea {width: 350px; height: 80px; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif;}
.address {margin-bottom: 16px;}

#dialog {margin: 0; padding: 0;}

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../img/nyrolModal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
a#closeBut {
	position: absolute;
	display: block;
	top: -28px;
	right: -22px;
	width: 23px;
	height: 24px;
	text-indent: -9999em;
	background: url(../img/nyrolModal/close.gif) no-repeat;
	outline: 0;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(../img/nyrolModal/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(../img/nyrolModal/next.gif) right 20% no-repeat;
}
.errorItem {text-align: left; font-size: 0.75em; border: 1px solid #333; padding: 0.6em 0.6em 0.6em 36px; margin-bottom: 6px; font-family: Arial, Helvetica, sans-serif;}
.warning {background: url(../img/cms/warning.gif) no-repeat; background-position: 2px 2px; padding-left: 36px; border: 1px solid #ccc;}

#map {width: 450px; height: 340px; font-family: Arial, Helvetica, sans-serif;}
#map h2 {margin-bottom: 8px; font-size: 14px;}