@charset "utf-8";
/* CSS Document */
* {padding: 0; margin: 0;}
html {padding: 0; margin: 0;}
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; padding-left: 25px}
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;}
img {border: none;}
body {height: 100%; background: #e1d6b7 url(/images/background.png) top; color: black; font: normal 12px/20px Arial, Helvetica, sans-serif}
a, a:visited {text-decoration: none; color: #28428e; outline:none}
a:hover {text-decoration: underline; color: #28428e; outline:none}
p {color: #000034; font: 14px/22px Arial, Helvetica, sans-serif; }
h1 {font: 138.5% Verdana, Geneva, Arial, Helvetica, sans-serif;color: #1b5fab}
h2 {font:123.1% Verdana, Geneva, Arial, Helvetica, sans-serif;color: #1b5fab}
h3 {font:108% Verdana, Geneva, Arial, Helvetica, sans-serif}
h1,h2 {padding:0 0 1em 0;} h3 {padding:0 0 5px 0;}
h1,h2,h3,h4,h5,h6,strong {  font-weight:bold;}
abbr,acronym {  border-bottom:1px dotted #000;cursor:help;} 
em {font-style:italic;}
blockquote,ul,ol,dl {margin:1em;}
ol,ul,dl {margin-left:2em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
dl dd {margin-left:1em;}
th,td {border:1px solid #000;  padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:1em;}
.clear {clear: both}
.clearer{height:0px;  overflow:hidden;margin-top:-1px;clear:both;width: 100%;}

/* ELEMENTS */
#wrapper {width: 100%; background: url(/images/bg-header-right.png) no-repeat right top; margin: 0 auto; overflow: hidden; }
#content {width: 970px; min-height:100%; height: auto; margin: 0 auto; text-align: left;  background: transparent url(/images/bg-content.gif) bottom no-repeat scroll;}
* html #content {height:100%}
*:first-child+html #content {width: 970px;} 
* html #content {width: 970px;}
p.footer {color: #3c4988;padding: 10px 50px 0 10px; text-align: left; font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu {margin:10px auto 0 auto; width:970px;height: 130px}
#menu .left {float: left; width: 350px; margin-left: 20px}
#menu .right { float: right; width: 550px; text-align: right; margin-right: 20px}
* html #menu .right {margin-right: 20px}
#menu .right img { padding: 0 1px }
#menu a.linkblue,#menu a.linkblue:visited { color: #2e5daa; font:bold 14px/14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase;padding: 0 8px}
#menu a.linkblue:hover { text-decoration: underline }
#menu a img { vertical-align: middle;  } 
.imgbutton { vertical-align: middle; padding:0 0 0 2px }
* html .imgbutton {vertical-align: baseline; padding: 4px 0}
#horizontal-menu { margin-top: 8px; width: 970px;text-align: center;overflow:hidden; position:relative;float:left;}
* html #horizontal-menu { padding-left: 10px; margin-top: 8px; width: 970px;}
#flashcontent { margin: 0 0 0 -10px; position: relative }

#horizontal-menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#horizontal-menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
/*#horizontal-menu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#ddd;
   color:#000;
   text-decoration:none;
   line-height:1.3em;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}*/


a.buttoz, a.buttoz:visited {background: transparent url(/images/button-g-right.gif) no-repeat scroll top right; display: block;  float: left;   color: #2e5daa; font:bold 14px/14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase;
    height: 34px;    margin-right: 4px;    padding-right: 12px; /* sliding doors padding */    text-decoration: none;}
a.buttoz:hover { text-decoration: none }
a.buttoz span { background: transparent url(/images/button-g-left.gif) no-repeat;  display: block;  line-height: 24px;  padding: 5px 0 5px 10px;} 
a.buttoz:active {background-position: bottom right;  outline: none; /* hide dotted outline in Firefox */}
a.buttoz:active span {background-position: bottom left;padding: 6px 0 4px 10px; /* push text down 1px */} 

a.buttoy, a.buttoy:visited {background: transparent url(/images/button-y-right.gif) no-repeat scroll top right; display: block;  float: left;   color: #2e5daa; font:bold 14px/14px Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase;
    height: 34px;    margin-right: 6px;    padding-right: 12px; /* sliding doors padding */    text-decoration: none;}
a.buttoy:hover { text-decoration: none }
a.buttoy span { background: transparent url(/images/button-y-left.gif) no-repeat;  display: block;  line-height: 24px;  padding: 5px 0 5px 10px;} 
a.buttoy:active {background-position: bottom right;  outline: none; /* hide dotted outline in Firefox */}
a.buttoy:active span {background-position: bottom left;padding: 6px 0 4px 10px; /* push text down 1px */} 

#contentcenter {width: 980px;}
#contentcenter-left {width: 500px; margin: 0 0 0 15px; float: left;}
#contentcenter-left .top {width: 487px; height: 15px; background: url(/images/l-square-up.png) no-repeat;}
#contentcenter-left .center {width: 457px; background-color: #f4f3e9; padding: 0 15px}
#contentcenter-left .center p { margin: 0; color: black;text-align: justify;}
#contentcenter-left .bottom {width: 487px; height: 11px; background: url(/images/l-square-down.png) no-repeat; font: 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 35px}

#contentcenter-left .top-w {width: 487px; height: 15px; background: url(/images/l-square-up-w.png) no-repeat;}
#contentcenter-left .center-w {width: 457px; background-color: #fff; padding: 0 15px}
#contentcenter-left .center-w p { margin: 0; color: black;text-align: justify;}
#contentcenter-left .bottom-w {width: 487px; height: 11px; background: url(/images/l-square-down-w.png) no-repeat; font: 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 35px}

#contentcenter-right {width: 435px; padding: 0; float: left; margin-left: 12px}
#contentcenter-right .top {width: 418px; height: 105px; background: url(/images/r-square-up.png) no-repeat; margin-left: 6px; margin-top: 14px}
#contentcenter-right .center {width: 388px; background-color: #f4f3e9; padding: 0 15px; margin-left: 6px}
#contentcenter-right .center p {padding: 0 0 0px 0; color: #143b6a;text-align: justify; font-size: 13px}
#contentcenter-right .center img {float: left; padding: 0 15px 0 0}
#contentcenter-right .center h1 {text-align: center}
#contentcenter-right .bottom {width: 418px; height: 14px; background: url(/images/r-square-down.png) no-repeat; font: 11px/11px Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 15px; margin-left: 6px}
#content-location .top { text-align: center; width: 990px; background: #f4f3e9 url(/images/l-square-up-990.png) no-repeat }
#content-location .center { text-align: center; width: 960px; background-color: #f4f3e9}
#content-location .bottom { text-align: center; width: 990px; background:#f4f3e9 url(/images/l-square-down-990.png) no-repeat }
.special-offer-reservation-holderz { display: block; float: right; text-align: right;}

.secpad { padding: 25px 0 0 0}
.mussel {margin-left: 330px}
.img-events { float:left; padding:2px }
* html .img-events { padding: 2px 0 }

.imagerotator span { z-index: 99; width: 428px;height: 328px;display: block;position: absolute;top: -9px;left: -9px;background: url(/images/bg-image-rotator.png) no-repeat;}
.photo { margin: 20px 0 0 10px; position: relative; width: 428px; height: 328px;}
.photo img { background: #fff; border: solid 1px #ccc; padding: 4px;}
.photo a { text-decoration: none;}

h3.ui-accordion-header {font-size:16px; padding:2px 0 2px 26px}

/* FORMS */
#contentcenter-left label { width: 60px;float: left;text-align: right;margin-right: 10px;display: block; font-size: 13px; color: #143b6a;}
#contentcenter-left input,#contentcenter-left textarea {width: 300px;padding: 3px;border: 1px solid #92baeb; background-color: #fff;font: 15px Arial, Helvetica, sans-serif;color: #143b6a;} 
#contentcenter-left textarea { width: 300px; height: 120px;}
#contentcenter-left p.form { padding: 1px 0 }
#contentcenter-left p.form label { width: 120px; }
 
#contentcenter-left select { background-color: #fff;color: #143b6a;}
#contentcenter-left input.submitbutton { width: 100px; margin-left: 70px; background-color: #1B5FAB; color: #fff; margin-top: 7px}

.left-guestbook {float: left; width: 200px;}
.right-guestbook { float: right; width:200px; text-align: right;}
.right-guestbook span { color: #d0d0d0; padding-right: 3px }
.guestbook-entry-content { margin: 4px 0 20px 0 }

#general_reservation_form p {height: 30px; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif }
#general_reservation_form label { width: 170px }
#general_reservation_form select { margin: 0 3px;border: 1px solid #92baeb;}
#general_reservation_form button { height: 20px;border: 1px solid #92baeb; width: 22px; font-size: 12px; vertical-align: middle; margin-bottom: 4px }
* html #general_reservation_form button { vertical-align: baseline }
#general_reservation_form option { padding: 0px 5px }
#general_reservation_form input.submitbutton { margin-left: 132px}
#blue-p { background-color: #fff;padding: 10px; display: block; margin: 10px 0 0 0;}
#blue-p p {font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0 0 14px 0; width: 440px }
#blue-pp { padding: 10px; display: block; margin-bottom: 10px;   }
#blue-pp p {font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0 0 14px 0; width: 440px }
.general-reservation-possible-room-combinations { background-color: #F3F3F3; padding: 0 10px }
.general-reservation-possible-room-combinations h2 { margin-top:30px; text-align:center; }
.general-reservation-room-combination table { background-color: #fff}
.general-reservation-room-combination td,.general-reservation-room-combination th { border: none;  }
.general-reservation-room-combination td { padding: 8px 4px 8px 10px;background-color: #fff }
.general-reservation-room-combination th { background: #4176ac url(/images/bg-price.gif) repeat-x ;color: #656565; font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif; border: none}
.white-bg select { background: #e1d6b7 }
.white-bg { background-color: #fff }

.general-reservation-room-combination-price { color: red; font: bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: right; margin-right: 25px; display: block }
#contentcenter-left input.button-submit{ width: 190px; background: white url(/images/fd-button-arrow.gif) 197px -3px; cursor: pointer; color: #fff; border: none; padding: 3px 1px 4px 3px; text-align: left; }
#contentcenter-left .general-reservation-room-combination-button-submit-holder{ text-align: right; padding-right:25px; }
#contentcenter-left input.general-reservation-room-combination-update-price-button{ width: 120px;  cursor: pointer;   padding: 3px 10px 4px 3px;  text-align: right;}

/* PAYPAL */
.paypal-button { width: auto; margin: auto; background: transperant; }


/* Please-wait modal box */ 
#modal-box-holder { background-color: #Fff;   width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -050px; display: none; z-index: 10000;}
#modal-box-content { text-align: center; width: 150px; height: 50px; margin-left: auto; margin-right: auto; position: relative; top: 50%; margin-top: -12px; font-size: 150%; font-style: italic;}
#modal-box-overlay {opacity: 0.5;   background: #000;position: absolute; top: 0; left: 0;z-index: 9500;width: 100%; display: none;}
.jquery-transfer-effect-class { border: 2px dotted gray; } 

.special-offer-content table td {width:400px }