@charset "UTF-8";

/* Colour and image styling */
.popBox, .dialogBox, table, #map, .gallery li, #slideshow, #linkCode, .gallery img.active, img.left, img.right, .month div { border: 1px solid #111; }
.popBox, .dialogBox, #linkCode, .month div { background: #fff; }

h1, h2, h3, h4 { font-family: "Futura", Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 5px; }
h1, h4, a { color: #111; }

h1 { font-size: 20px; text-transform: uppercase; }
h2 { font-size: 30px; color: #0f2b40; }
h3 { font-size: 20px; color: #0f2b40; }
h4, #masthead a { font-size: 15px; }

#masthead a, #footer a, #linkCode { color: #111; }
#masthead a, #footer a { text-decoration: none; }
#masthead a:hover, #masthead .active { color: #19415f; background-color: #edf4f7; }
#masthead a, #footer a, #footer { color: #111; }
label em, .error { color: #d00; }

html { background: url(../images/interface/htmlBG.jpg) bottom center no-repeat fixed #fff; }
body, #footer { background-image: url(../images/interface/bodyBG.png); background-repeat: no-repeat; }
body { font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #111; background-position: top center; }
a.w3c, .popBox_close, #twitter, #facebook { background-image: url(../images/interface/sprites.gif); background-repeat: no-repeat; }

/* Misc Formatting */
img, #slideshow { box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; }
img.left { float: left; margin: 0 1% 2% 0; }
img.right, #slideshow, #rates, .admin.rates { float: right; margin: 0 0 2% 2%; }

p, #footer, .footer { margin-bottom: 12px; }
.clear, form ol li, #linkCode { clear: both; }

#siteTel { position: absolute; top: 110px; right: 540px; z-index: 5; text-align: right; font-size: 20px; color: #232e45; }

/* Basic Layout, Masthead and Footer */
* { margin: 0; padding: 0; }
body { position: relative; margin: 0 auto 0 auto; padding: 210px 20px 0 20px; }
body, #masthead, #footer, #adminMenu { width: 955px; }
#masthead, #adminPanel, #twitter, #facebook { position: absolute; }
#masthead { top: 0; left: 0; width: 965px; padding: 149px 0 10px 30px; }
#masthead, #masthead li, #masthead a, .footer, #calendar ul, #calendar h3, .banners li, .texts, .center { text-align: center; }
#masthead, #masthead li, #masthead a, #footer, #footer li, #footer a { height: 40px; line-height: 40px; }
#masthead li, #masthead a, #footer li, #adminPanel li, #adminMenu li { float: left; width: auto; }
#masthead a, #footer li, #adminPanel li, #adminMenu li { padding: 0 20px; }
#masthead, #footer, #adminPanel, #adminMenu, form ol, .gallery, .links, .sitemap, #calendar ul, #calendar ol { list-style-type: none; }
#footer, #adminMenu { margin-top: 10px; }
#footer .right, .button { float: right; }
#footer { background-position: bottom center; }
#footer { width: 995px; margin-left: -20px; }
.footer, #rates { padding: 1%; }
.footer a { margin: 0 10px; }

#footer a.w3c { display: block; float: left; width: 58px; height: 16px; margin: 13px 1px 0 1px; background-position: 0 -35px; }
#footer a.css { background-position: -60px -35px; }

#twitter, #facebook { top: 120px; }
#twitter { right: 80px; background-position: 0 -10px; }
#facebook { right: 220px; background-position: 0 -50px; }
#twitter, #twitter a, #facebook, #facebook a { float: left; width: 125px; height: 24px; }
#twitter a, #facebook a { display: block; }

/* Pop box */
.popBox, .dialogBox { display: none; position: fixed; z-index: 20; overflow: auto; top: 100px; left: 50%; width: 800px; height: 500px; margin-left: -400px; background-position: 0 0; }
.popBox_close { position: absolute; top: 5px; right: 5px; width: 80px; height: 10px; }

/* Forms */
form, .links li { width: 48%; margin: 0 1%; }
fieldset, form ol, form li, .gallery, .links { width: 100%; }
fieldset { border: 0; }
form ol, form li, label, input, select, textarea, #captcha img, .gallery, .links, .links li { float: left; }
form li { margin-bottom: 1%; }

label, label span, #captcha img, #masthead a { display: block; }
label { width: 43%; padding-right: 2%; text-align: right; }
label span, #linkCode, .month div { font-size: 85%; }

.contact, #linkCode { float: left; width: 49%; }
.contact.right, #slideshow div { float: right; }
#captcha img { clear: left; margin-left: 45%; }
#captcha img, .admin table { border: 1px solid #ddd; border-right-color: #fff; border-bottom-color: #fff; }
#linkCode { margin-right: 5px; }

/* Gallery */
.gallery li, .gallery img { position: relative; float: left; width: 222px; height: 333px; }
.gallery li { margin: 3px; padding: 4px; }
.imagery li, .imagery img { top: 0; left: 0; width: 150px; height: 225px; }
.gallery img, .imagery img { display: block; height: auto; cursor: pointer; }
.gallery img.active { top: -84px; left: -56px; width: 333px; height: 500px; z-index: 2; }

/* Landscape START */
.gallery .landscape, .gallery .landscape img { width: 458px; }
.gallery .landscape .active { top: -22px; left: -52px; width: 550px; height: 366px; }
/* Landscape END */

/* Rates */
#rates, .admin.rates { width: 35%; margin-top: 5%; }
#rates th, #rates td { width: 30%; text-align: left; }
#rates th.time, #rates td.time { width: 35%; text-align: right; padding-right: 5%; }

/* Links */
.links li { height: 60px; }
.links li, #calendar, .month li, .month div { position: relative; }
.links li, a.w3c { overflow: hidden; }
.links img { border: 0; }
.links li, .sitemap li { margin-bottom: 20px; }

/* Slideshow */
#slideshow img, .gallery img.active, img.left, img.right, #calendar { padding: 1px; }
#slideshow, #slideshow div { width: 335px; height: 502px; overflow: hidden; }

/* Calendar */
#calendar { padding-top: 75px; }
#calendar, #calendar h3, #calendar ul, .month { width: 945px; }
#calendar, .month { height: 632px; }
#calendar ul { bottom: 632px; }
#calendar ul, #calendar h3, .month { position: absolute; left: 0; }
#calendar li, .month li { margin: 1px; }
#calendar li, .month div { padding: 10px; }
#calendar li, .month li, .month div { float: left; width: 111px; }
#calendar h3 { top: 0; }
#calendar h3  a { font-size: 13px; margin: 0 5px; }

.month { bottom: 0; }
.month li, .month div { height: 80px; }
.month .enabled:hover { top: -20px; left: -20px; width: 151px; height: 120px; z-index: 2; }
.texts a { margin: 2px 10px; }

.banners, .banners li { float: left; }
.banners { width: 100%; list-style-type: none; }
.banners li { width: 50%; }
.banners img { width: 280px; height: 37px; margin: 0 auto; display: block; border: 0; }
.banners.large li { width: 100%; }
.banners.large img { width: 430px; height: 109px; }