html, body, form { height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; background: #133254 url(body-bg.png) repeat-x; }
body, th, td { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #565656; }

h1, h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: .5em;  padding: 0; font-weight: bold; }

h1 { margin-top: 0; font-size: 15px; color: #234a75; }
h2 { font-size: 14px; color: #234a75; }
h3, h4, h4, h5, h6 { font-size: 12px; }

a { color: #234a75; text-decoration: underline; outline: 0; }
a:hover { color: #234a75; }

img { border: none; }

.left { float: left; }
.right { float: right; }

.page { margin: 0 auto 0 auto; background: #ffffff; width: 930px; min-height: 100%; }

.header { position: relative; height: 115px; }
.logo { position: absolute; top: 5px; left: 22px; }
.shortcuts-container { position: absolute; top: 10px; left: 150px; }
.shortcuts {  float: left; margin: 0; padding: 0; }
.shortcuts li { float: left; margin: 0; padding: 0 8px 0 8px; font-size: 10px; list-style: none; line-height: 23px; }
.shortcuts li.seperator { padding: 0; color: #545454; }
.shortcuts a { color: #545454; text-decoration: none; }
.shortcuts a:hover { color: #545454; text-decoration: underline; }

.address { position: absolute; top: 10px; left: 735px; width: 190px; color: #224061; }
.address p { margin: 0; }
.address a, .address a:hover { color: #224061; }

.topmenu-container { background: #234a75 url(topmenu-bg.png) repeat-x; height: 23px; }
.topmenu { margin: 0; padding: 0 15px; }
.topmenu li { position: relative; float: left; margin: 0; padding: 0 15px 0 15px; list-style: none; line-height: 23px; z-index: 999; }
.topmenu li.separator { padding: 0; color: #ffffff; }
.topmenu a { color: #ffffff; text-decoration: none; text-transform: uppercase; }
.topmenu a:hover { color: #ffffff; text-decoration: none; }
/* Level 2 */
.topmenu ul { position: absolute; display: none; margin: 0; padding: 2px 0 2px 0; background: #ffffff; border: 1px solid #234a75; border-top: none; left: -4px; top: 23px; width: 200px; z-index: 1000; }
.topmenu ul li { float: none; margin: 0; padding: 2px 9px 2px 9px; list-style: none; line-height: 1.5; }
.topmenu ul a { display: block; color: #234a75; text-decoration: none; text-transform: none; }
.topmenu ul a:hover { color: #234a75; text-decoration: none; }
/* Level 3 */
.topmenu ul ul { margin-left: 196px; top: 0; border-top: 1px solid #234a75; }
.topmenu li:hover ul ul, .topmenu li:hover ul ul ul, .topmenu li:hover ul ul ul ul{ display:none; }
.topmenu li:hover ul, .topmenu li li:hover ul, .topmenu li li li:hover ul, .topmenu li li li li:hover ul{ display:block; }

.container { padding: 0; }
.container .left { width: 730px; }
.container .right { width: 200px; }
.container .content { padding: 10px 18px; }

/* Online Booking */
.subheader { position: relative; }
.subheader .booking { position: absolute; margin: 0; top: 5px; left: 730px; background-color: #294873; width: 195px; height: 205px; z-index: 2; }
.subheader .booking,
.subheader .booking td { color: #ffffff; font-size: 10px; }
.subheader .booking .content { padding: 10px; }
.subheader .booking table { width: 100%; }
.subheader .booking td:last-child { width: 80px; }
.subheader .booking h2 { margin: 0; color: #ffffff; font-weight: bold; font-size: 14px; }
.subheader .booking h3 { margin: 0 0 4px 0; color: #ffffff; font-weight: normal; font-size: 14px; }
.subheader .booking input[type=text] { margin: 2px 0; padding: 1px; outline: none; font-family: Verdana; font-size: 11px; width: 80px; }
.subheader .booking input[type=button] { padding: 4px; width: 83px; border: none; background: #ffffff; color: #294873; font-family: Verdana; font-size: 11px; }
.subheader .booking input[type=button]:last-child { float: right; }
.subheader .booking select { margin: 2px 0; padding: 0; border: none; outline: none; background: #ffffff; font-family: Verdana; font-size: 11px; }
.subheader .booking .buttons { position: absolute; bottom: 10px; width: 175px; }

/* Newsmail */
.newsmail { background-color: #294873; color: #ffffff; font-size: 11px; width: 195px; height: 80px; }
.newsmail .content { padding: 10px; }
.newsmail h2 { margin: 0; color: #ffffff; font-weight: bold; font-size: 14px; }
.newsmail p { margin: 6px 0 0 0; }
.newsmail a { color: #ffffff; text-decoration: underline; }

/* Offers */
.offers { margin-top: 5px; border: 1px solid #294873; color: #294873; font-size: 11px; width: 193px; }
.offers .content { padding: 9px; }
.offers h2 { margin: 0; color: #294873; font-weight: bold; font-size: 14px; }
.offers p { margin: 6px 0 0 0; }

/* Weather */
.weather { margin-top: 5px; border: 1px solid #294873; color: #294873; font-size: 11px; width: 193px; }
.weather .content { padding: 9px; }
.weather h2 { margin: 0; color: #294873; font-weight: bold; font-size: 14px; }
.weather p { margin: 6px 0 0 0; }


/* Front Master Page */
.front-masterpage { }
.front-masterpage .subheader { height: 300px; }
.front-masterpage .topimages { position: absolute; overflow: hidden; height: 300px; z-index: 1; }
.front-masterpage .topimages, .front-masterpage .topimages img { width: 930px; height: 300px; }
.front-masterpage .subheader-text { position: absolute; color: #294873; padding: 10px; width: 450px; top: 60px; left: 0; z-index: 2; }
.rgba .front-masterpage .subheader-text { background-color: rgba(255,255,255, .8); }
.no-rgba .front-masterpage .subheader-text { background: url(ffffff_alpha80.png); }
.front-masterpage .subheader-text h1 { margin-bottom: 6px; font-size: 30px; font-weight: normal; }
.front-masterpage .subheader-text p { margin: 0; font-size: 18px; }
.front-masterpage .subheader .newsmail { position: absolute; margin: 0; top: 215px; left: 730px; z-index: 2; }
.rgba .front-masterpage .subheader .booking { background-color: rgba(41,72,115, .8) }
.rgba .front-masterpage .subheader .newsmail { background-color: rgba(41,72,115, .8) }
.no-rgba .front-masterpage .subheader .booking { background: url(294873_alpha80.png); }
.no-rgba .front-masterpage .subheader .newsmail { background: url(294873_alpha80.png); }

/* Topimage Master Page */
.topimage-masterpage { }
.topimage-masterpage .subheader { height: 215px; }
.topimage-masterpage .topimages { position: absolute; top: 5px; left: 5px; overflow: hidden; }
.topimage-masterpage .topimages, .topimage-masterpage .topimages img { width: 720px; height: 205px; }

.clear { clear: both; }

/* Gallery */
.gallery {  }
.gallery .image, .gallery .image img { display: block; width: 130px; height: 80px; } 
.gallery .image { margin-right: 11px; margin-bottom: 11px; float: left; -moz-box-shadow: 0 0 5px 1px #666666; -webkit-box-shadow: 0 0 5px 1px #666666; box-shadow: 0 0 5px 1px #666666; }
.gallery .image:nth-child(5n) { margin-right: 0; }
.gallery .image_5n { margin-right: 0; } /* Pre IE9 fallback. */