body {
margin: 0;
padding: 0;
font: 0.8em/1.1 "Trebuchet MS", Verdana, sans-serif;
background: #281428 url(img/back.jpg) repeat center top;
background-attachment: fixed;
color: #4c4058;
}
/* ------------- Headings ------------- */
h1 {
display: none;
}
h2 {
display: block;
}
h3 {
text-align: center;
padding: 0;
margin: 4pt auto 6pt auto;
font: 1.6em/1 "Trebuchet MS", Verdana, sans-serif;
color: #7c00b0;
}
h4 {
padding: 0;
margin: 10pt 11pt 0 11pt;
font: 1.2em/1 "Trebuchet MS", Verdana, sans-serif;
font-weight: bold;
color: #ad0;
}
h5 {
display: block;
padding: 0;
margin: 2pt 6pt;
font: 1.1em/1.2 "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
color: #560;
}
h5.error {
color: #c00;
}
/* ------------- Tags ------------- */
img {
border: none;
}
a:link, a:visited {
color: #71d;
text-decoration: none;
}
a:hover {
color: #a0f;
text-decoration: none;
}
a:active {
color: #9b0;
text-decoration: none;
}
/* ------------- Container ------------- */
#container-wrapper {
display: block;
min-height: 504px;
background: url(img/container_back.jpg) repeat-x center top;
background-attachment: fixed;
}
p#logo-print, p#logo-print img {
display: none;
}
/* ------------- Form ------------- */
form {
padding: 0;
margin: 0;
}
label {
display: block;
float: left;
width: 100px;
text-align: right;
color: #7c7088;
}
textarea, input, select {
background: #f8ffec url(img/field_back.gif) repeat-x;
font: .9em/1.1 Georgia, serif;
color: #80e;
border: 1px solid;
border-color: #d8dfcc #fffffc #fffffc #d8dfcc;
padding: 3px;
margin: 0;
}
input.btn {
border: 1px solid;
border-color: #fffffc #d8dfcc #d8dfcc #fffffc;
padding: 2px 18px;
font: 1em "Trebuchet MS", Verdana, sans-serif;
color: #787f68;
}
input.btn:hover {
background: #f8ffec url(img/btn-hover_back.gif) repeat-x;
border-color: #e8efdc #fffffc #fffffc #e8efdc;
}
/* ----------------------- Header ----------------------- */
ul#header {
width: 840px;
height: 152px;
padding: 0;
margin: 0 auto;
background: url(img/header_back.gif) repeat-x bottom;
list-style: none;
}
ul#header li {
float: left;
padding: 0;
margin: 0;
}
ul#header li span {
display: none;
}
ul#header li#headerleft {
width: 18px;
height: 152px;
background: url(img/header_left.jpg) no-repeat;
}
ul#header li#logo {
width: 184px;
height: 152px;
background: url(img/logo.jpg) no-repeat;
}
ul#header li#logo a#home {
display: block;
width: 176px;
height: 142px;
margin: 3px 4px 3px 4px;
padding: 0;
}
ul#header li#heading {
width: 620px;
height: 152px;
background: url(img/heading.jpg) no-repeat bottom;
}
ul#header li#headerright {
width: 18px;
height: 152px;
background: url(img/header_right.jpg) no-repeat bottom;
}
/* ----------------- Navigation Bar ----------------- */
#navbar {
width: 840px;
margin: 0 auto;
background: #8800c0 url(img/navbar_back.gif) repeat-x;
border-bottom: 1px solid #bc3;
}
#navbar div {
height: 43px;
font-size: 1px;
padding: 0;
margin: 0;
}
#navbar div strong {
display: none;
}
#navbarleft {
float: left;
width: 86px;
background: url(img/navbar_left.gif) no-repeat;
}
#navbarright {
float: right;
width: 86px;
background: url(img/navbar_right.gif) no-repeat right;
}
ul#nav {
display: block;
height: 43px;
padding: 0;
margin: 0;
list-style: none;
}
ul#nav li {
float: left;
padding: 0;
margin: 0;
text-align: center;
}
ul#nav li span {
display: none;
}
ul#nav li a, ul#nav li h2 {
display: block;
float: left;
width: 102px;
font-size: 12pt;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
border: none;
cursor: default;
}
ul#nav li a:link, ul#nav li a:visited {
margin: 0 auto;
padding: 12px 0 12px 0;
color: #e0b8f0;
background: url(img/navbutton.jpg) no-repeat left;
}
ul#nav li a:hover {
margin: 0 auto;
padding: 12px 0 12px 0;
color: #e8cff8;
background: url(img/navbutton.jpg) no-repeat center;
}
ul#nav li a:active, ul#nav li h2 {
margin: 0 auto;
padding: 12px 0 12px 0;
color: #c998ef;
background: url(img/navbutton.jpg) no-repeat right;
}
ul#nav li#home-only, ul#nav li#home-only h2, ul#nav li#home-only a#back-to-home{
display: none;
}
ul#nav li.divider {
width: 8px;
height: 43px;
background: url(img/nav_divider.gif) no-repeat center;
padding: 0;
margin: 0;
float: left;
}
/* ---------------------- Content ---------------------- */
#content-wrapper {
display: block;
width: 840px;
margin: 0 auto;
padding: 4px 0 0 0;
background: url(img/content-wrapper_back.png) repeat-y;
border-bottom: 1px solid #bc3;
}
#content {
display: block;
width: 728px;
margin: 0 auto;
padding: 5px 5px 0 5px;
background: #e0dce8 url(img/content_topshade.gif) repeat-x;
border: 1px solid #fff;
border-bottom: none;
}
a#prnt {
display: block;
position: relative;
width: 20px;
height: 20px;
padding: 0;
margin: -38px 0 14px 682px;
}
a#prnt:link, a#prnt:visited {
background: url(img/print_off.gif) no-repeat;
}
a#prnt:hover {
background: url(img/print_over.gif) no-repeat;
}
div#mainbar-wrapper {
display: table;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
width: 728px;
margin: 0 0 15px 0;
padding: 0;
background: #fff url(img/mainbar_topshade.gif) repeat-x;
}
div#mainbar-wrapper div {
float: left;
padding: 0;
margin: 0;
}
div#mainbar-wrapper div#mainbarleft {
width: 20px;
min-height: 240px;
background: url(img/mainbar_leftcorner.gif) no-repeat;
}
div#mainbar-wrapper div#mainbar {
width: 688px;
min-height: 240px;
padding: 10px 20px 10px 0;
margin: 0;
background: transparent url(img/mainbar_rightcorner.gif) no-repeat bottom right;
}
div#mainbar-wrapper div#mainbar p {
font: 1em/1.3 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 3pt 0 7pt 0;
}
div#mainbar-wrapper div#mainbar p.first {
margin-top: 0;
padding-top: 0;
}
div#mainbar-wrapper div#mainbar p.first_sp, div#mainbar p.directions {
margin-top: 0;
padding-top: 0;
margin-bottom: 3pt;
}
div#mainbar-wrapper div#mainbar p.first:first-letter {
font: 1.8em/1 "Trebuchet MS", Verdana, sans-serif;
}
div#mainbar p.directions:first-letter {
margin-left: 1.1em;
}
div#mainbar-wrapper div#mainbar ul, div#mainbar-wrapper div#mainbar ol {
font: 1em/1.3 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 7pt 10pt 5pt 22pt;
}
div#mainbar-wrapper div#mainbar ul.info {
list-style-image: url(img/green_bullet.gif);
}
div#mainbar-wrapper div#mainbar ul.info li {
margin: 2pt 0;
}
div#mainbar-wrapper div#mainbar ul.sublist {
list-style-type: none;
}
div#mainbar-wrapper div#mainbar em {
font-style: normal;
color: #560;
background: #f8ffec;
}
.leftcolumn {
display: block;
float: left;
width: 342px;
min-height: 340px;
float: left;
padding: 0;
margin: 0;
background: url(img/column_back.jpg) no-repeat bottom right;
border: 1px solid #fff;
border-top-color: #f8fce8;
border-right: none;
}
.rightcolumn {
display: block;
width: 342px;
min-height: 340px;
padding: 0;
margin: 0;
background: url(img/column_back.jpg) no-repeat bottom right;
border: 1px solid #fff;
border-top-color: #f8fce8;
}
div#mainbar-wrapper div#mainbar div.leftcolumn, div#mainbar-wrapper div#mainbar div.rightcolumn {
margin-bottom: -5px;
}
div#mainbar-wrapper div#mainbar div.leftcolumn p, div#mainbar-wrapper div#mainbar div.rightcolumn p {
font: 1em/1.3 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 3pt 11pt 7pt 11pt;
}
div#biger.leftcolumn {
display: block;
float: left;
width: 360px;
min-height: 354px;
float: left;
padding: 0;
margin: 0;
background: url(img/column_back.jpg) no-repeat bottom right;
border: 1px solid #fff;
border-top-color: #f8fce8;
border-right: none;
}
div#smaller.rightcolumn {
display: block;
width: 322px;
min-height: 354px;
padding: 0;
margin: 0;
background: url(img/column_back.jpg) no-repeat bottom right;
border: 1px solid #fff;
border-top-color: #f8fce8;
}
#contactform {
display: block;
width: 360px;
padding: 0;
margin: 0 0 -1pt 0;
}
#bookingform {
display: block;
clear: both;
padding: 0;
margin: 0 0 -1pt 0;
}
input.contactsubject {
width: 240px;
}
textarea.contacttext {
width: 240px;
height: 150px;
}
textarea.bookingtext {
width: 400px;
height: 100px;
}
div#mainbar-wrapper div#mainbar div#biger.leftcolumn form#contactform p.fieldcontent {
text-align: left;
padding: 0;
margin: 4pt 0;
line-height: 1.5em;
}
div#mainbar-wrapper div#mainbar form#bookingform p.fieldcontent {
text-align: left;
padding: 0;
margin: 4pt 0;
line-height: 1.5em;
}
div#mainbar-wrapper div#mainbar form#bookingform p.fieldcontent label {
width: 250px;
}
div.hr, div#mainbar div.hr, div#mainbar-wrapper div#mainbar form#bookingform div.hr {
display: block;
width: 688px;
height: 1px;
padding: 0;
margin: 3pt 0 6pt 0;
background: #f8fce8;
}
hr {
display: none;
}
div#mainbar-wrapper div#mainbar div#biger.leftcolumn div#msgplace, div#mainbar-wrapper div#mainbar div#msgplace {
display: block;
width: 360px;
height: 36px;
}
blockquote.address {
display: block;
width: 274px;
height: 168px;
margin: 30pt auto 30pt auto;
padding: 20pt 6pt 14pt 6pt;
background: url(img/contactsadrs_back.jpg) no-repeat;
}
div#mainbar-wrapper div#mainbar div#smaller.rightcolumn blockquote.address p {
font-style: italic;
padding: 0;
margin: 2pt 6pt 2pt 12pt;
color: #70705f;
}
div#mainbar-wrapper div#mainbarleft span {
display: none;
}
/* ---------------------- Images ---------------------- */
.lefted {
display: block;
float: left;
padding: 0;
margin: 15px 20px 5px 0;
}
.lefted-nomargin {
display: block;
float: left;
padding: 0;
margin: 0;
}
.righted {
display: block;
float: right;
padding: 0;
margin: 10px 0 5px 20px;
}
/* ---------------------- Three Bars ---------------------- */
#threebars-wrapper {
display: table;
width: 738px;
margin: 0 auto;
padding: 0;
}
dl#threebars {
display: block;
width: 714px;
margin: 0 12px 0 7px;
padding: 0;
}
dl#threebars dd {
display: block;
width: 212px;
height: 190px;
float: left;
margin: 0 13px 0 13px;
padding: 0;
}
dl#threebars dd p {
font: .9em/1.2 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 3pt 8pt 6pt 8pt;
}
dl#threebars dd ul {
font: .9em/1.2 "Trebuchet MS", Verdana, sans-serif;
padding: 0;
margin: 3pt 8pt 6pt 20pt;
}
dl#threebars dd ul li {
margin-bottom: 4pt;
}
dl#threebars dd h4 {
padding: 3pt 0 6pt 0;
margin: 0 auto;
font: 1.4em "Trebuchet MS", Verdana, sans-serif;
text-align: center;
}
dl#threebars dd#leftbar {
background: url(img/leftbar_back.gif) repeat-x;
}
dl#threebars dd#leftbar h4 {
background: url(img/leftbar_title_back.gif) no-repeat;
color: #fcf0ff;
}
dl#threebars dd#leftbar p, dl#threebars dd#leftbar ul li {
color: #4c3860;
}
dl#threebars dd#middlebar {
background: url(img/middlebar_back.gif) repeat-x;
}
dl#threebars dd#middlebar h4 {
background: url(img/middlebar_title_back.gif) no-repeat;
color: #fcffec;
}
dl#threebars dd#middlebar p, dl#threebars dd#middlebar ul li {
color: #585c48;
}
dl#threebars dd#middlebar ul {
list-style-image:  url(img/green_bullet.gif);
}
dl#threebars dd#rightbar {
background: url(img/rightbar_back.gif) repeat-x;
}
dl#threebars dd#rightbar h4 {
background: url(img/rightbar_title_back.gif) no-repeat;
color: #f0ffec;
}
dl#threebars dd#rightbar p, dl#threebars dd#rightbar ul li {
color: #506048;
}
/* ----------------------- Footer ----------------------- */
ul#footer {
width: 840px;
height: 40px;
padding: 0;
margin: 0 auto 20pt auto;
list-style: none;
}
ul#footer li {
float: left;
padding: 0;
margin: 0;
}
ul#footer li span {
display: none;
}
ul#footer li#footerleft {
width: 18px;
height: 40px;
background: url(img/footer_left.png) no-repeat;
}
ul#footer li#footernotes {
width: 804px;
height: 24px;
background: url(img/footer_back.png) repeat-x;
font: .8em "Trebuchet MS", Verdana, sans-serif;
text-align: center;
color: #c99cdf;
padding: 10px 0 6px 0;
}
ul#footer li#footernotes span#copyright {
display: inline;
font-size: 1.4em;
color: #ecf;
}
ul#footer li#footernotes a, ul#footer li#footernotes a:link {
color: #c99cdf;
}
ul#footer li#footernotes a:hover, ul#footer li#footernotes a:active {
color: #f8f0ff;
}
ul#footer li#footernotes img {
vertical-align: bottom;
margin-bottom: 1px;
}
ul#footer li#footerright {
width: 18px;
height: 40px;
background: url(img/footer_right.png) no-repeat right;
}
ul#footer li#footernotes em.print-only {
display: none;
}
ul#gallery {
padding: 0; 
margin: 0;
list-style-type: none;
border: 0;
}
#gallery li {
display: block;
float: left;
width: 124px;
height: 120px;
background: #80c;
border: 1px solid;
border-color: #dbf #608 #608 #dbf;
text-align: center;
}
#gallery li a {
display: block;
}
#gallery li a.wide {
margin: 25px auto 0 auto;
}
#gallery li a.upright {
margin: 9px auto 0 auto;
}
#gallery li img {
border: 1px solid #ddbbff;
}
#image_container {
position: absolute;
top: 150px;
left: 28%;
z-index: 1;
border: 5px solid #dcd8e0;
cursor: pointer;
visibility: hidden;
}