@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 #ff9727; }
#footer, .popBox, .dialogBox, #linkCode, .month div { background: #000; }

h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; margin-bottom: 5px; }
h1, h4, a { color: #ff9727; }

h1 { font-size: 40px; }
h2 { font-size: 30px; color: #e47600; }
h3 { font-size: 20px; color: #e47600; }
h4, #masthead a { font-size: 15px; }

#masthead a, #footer a, #linkCode { color: #fff; }
#masthead a, #footer a { text-decoration: none; }
#masthead a:hover, #masthead .active { color: #000; }
label em, .error { color: #d00; }

html { background: url(../images/interface/htmlBG.jpg) top center repeat-x fixed #000; }
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: #eee; background-position: top center; }
a.w3c, .popBox_close, #twitter { background-image: url(../images/interface/sprites.gif); background-repeat: no-repeat; }

#siteTel { position: absolute; top: 115px; right: 5px; z-index: 1; text-align: right; font-size: 35px; font-weight: bold; color: #fff; text-shadow: #000 0 0 5px; }

/* Misc Formatting */
img.left { float: left; margin: 0 2% 2% 0; }
img.right, #slideshow, #rates, .admin.rates { float: right; margin: 0 0 2% 2%; }

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

/* 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 { position: absolute; }
#masthead { top: 0; left: 0; width: 965px; padding: 160px 0 0 30px; }
#masthead, #masthead li, #masthead a, .footer { 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, #rates { padding: 1%; }
.footer a { margin: 0 10px; }

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

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

/* Pop box */
.popBox, .dialogBox { display: none; position: fixed; z-index: 2; 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: 49%; }
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; }

/* 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 { overflow: hidden; }
.links img { border: 0; }
.links li, .sitemap li { margin-bottom: 20px; }

/* Slideshow */
#slideshow, .gallery img.active, img.left, img.right, #calendar { padding: 1px; }
#slideshow, #slideshow div { width: 333px; height: 500px; 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 { text-align: center; }
#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; }