/* Normalise default styles
********************************************************** */

address,
area,
b,
blockquote,
body,
br,
caption,
cite,
code,
col,
colgroup,
del,
div,
dfn,
em,
fieldset,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
iframe,
img,
ins,
label,
legend,
li,
noscript,
object,
ol,
optgroup,
option,
p,
param,
pre,
q,
samp,
strong,
sub,
sup,
ul,
var
{
   margin: 0;
   padding: 0;
   font-size: 13px;
   font-weight: normal;
   font-style: normal;
   text-align: left;
}



/* Content Blocks
********************************************************** */

body
{
   font-family: "Lucida Grande", Verdana, sans-serif;
   background-color: white;
   color: black;
}

html,
body
{
   height: 100%;
   text-align: center;
}

   #pageWrapper
   {
      width: 700px;
      margin: 0 auto;
      text-align: left;
   }

      #header
      {
         position: relative;
      }

         #header #logo
         {
	width: 236px;
	height: 128px;
	text-align: center;
	background-image: url(../pic/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
         }

            #header #logo h1
            {
               text-indent: -99999px;
            }

         #header #title
         {
            width: 435px;
            height: 64px;
            position: absolute;
            left: 236px;
            top: 64px;
            overflow: hidden;
         }

         .home #header #title    { background: #ecf7fc; }
         .accommodation #header #title  { background: #f4f6ee; }
         .cafe #header #title    { background: #fee9d0; }
         .contact #header #title  { background: #e5eceasky; }
         .faq #header #title    { background: #f0e9f0; }
         .functions #header #title     { background: #f2f0ee; }
         .locate #header #title  { background: #eeeeee; }
         .restaurant #header #title { background: #f7eef1; }

            #header #title h2
            {
               position: absolute;
               bottom: -6px;
               right: -2px;
               text-align: right;
               font-size: 30px;
               color: white;
               text-transform: uppercase;
            }

      div#photo
      {
         position: absolute;
         margin-left: 236px;
         width: 435px;
         height: 256px;
         height: 192px;
         background-position: 0 -35px !important;
      }

         .home div#photo    { background: #ecf7fc url('../pic/homePhoto.jpg'); }
         .accommodation div#photo  { background: #f4f6ee url('../pic/accommPhoto.jpg'); }
         .cafe div#photo    { background: #fff8ef url('../pic/cafePhoto.jpg'); }
         .restaurant div#photo  { background: #f7eef1 url('../pic/diningPhoto.jpg'); }
         .faq div#photo    { background: #f0e9f0 url('../pic/faqPhoto.jpg'); }
         .functions div#photo     { background: #f2f0ee url('../pic/funcPhoto.jpg'); }
         .locate div#photo  { background: #eeeeee url('../pic/locatePhoto.jpg'); }
         .contact div#photo { background: #e5ecea url('../pic/contactPhoto.jpg'); }

      ul#nav
      {
         list-style: none;
         height: 256px;
         height: 160px;
      }

         ul#nav li
         {
            display: inline;
         }

            ul#nav li a
            {
               display: block;

               color: white;
               text-decoration: none;
               text-transform: uppercase;
               
               text-align: right;
               padding-top: 7px;
               padding-right: 480px;
               
               height: 32px;
               voice-family: "\"}\"";
               voice-family: inherit;
               height: 25px;
            }

               .home ul#nav li a.home:link,
               .home ul#nav li a.home:visited,
               .accommodation ul#nav li a.accommodation:link,
               .accommodation ul#nav li a.accommodation:visited,
               .cafe ul#nav li a.cafe:link,
               .cafe ul#nav li a.cafe:visited,
               .contact ul#nav li a.contact:link,
               .contact ul#nav li a.contact:visited,
               .faq ul#nav li a.faq:link,
               .faq ul#nav li a.faq:visited,
               .functions ul#nav li a.functions:link,
               .functions ul#nav li a.functions:visited,
               .locate ul#nav li a.locate:link,
               .locate ul#nav li a.locate:visited,
               .restaurant ul#nav li a.restaurant:link,
               .restaurant ul#nav li a.restaurant:visited
               {
                  font-weight: bold;
                  cursor: default;
               }

               .home ul#nav li a:link,
               .home ul#nav li a:visited,
               .home ul#nav
               {
                  background: #40acde;
               }
               
               .home ul#nav li a.home:link,
               .home ul#nav li a.home:visited,
               ul#nav li a.home:hover,
               ul#nav li a.home:focus,
               ul#nav li a.home:active,
               ul#nav li a.home:visited:hover
               {
                  background: #0090d3 !important;
               }

               .accommodation ul#nav li a:link,
               .accommodation ul#nav li a:visited,
               .accommodation ul#nav
               {
                  background: #92aa5a;
               }
               
               .accommodation ul#nav li a.accommodation:link,
               .accommodation ul#nav li a.accommodation:visited,
               ul#nav li a.accommodation:hover,
               ul#nav li a.accommodation:focus,
               ul#nav li a.accommodation:active,
               ul#nav li a.accommodation:visited:hover
               {
                  background: #6d8d23 !important;
               }

               .cafe ul#nav li a:link,
               .cafe ul#nav li a:visited,
               .cafe ul#nav
               {
                  background: #fbb665;
               }
               
               .cafe ul#nav li a.cafe:link,
               .cafe ul#nav li a.cafe:visited,
               ul#nav li a.cafe:hover,
               ul#nav li a.cafe:focus,
               ul#nav li a.cafe:active,
               ul#nav li a.cafe:visited:hover
               {
                  background: #f99d31 !important;
               }

               .contact ul#nav li a:link,
               .contact ul#nav li a:visited,
               .contact ul#nav
               {
                  background: #407666;
               }
   
               .contact ul#nav li a.contact:link,
               .contact ul#nav li a.contact:visited,
               ul#nav li a.contact:hover,
               ul#nav li a.contact:focus,
               ul#nav li a.contact:active,
               ul#nav li a.contact:visited:hover
               {
                  background: #004833 !important;
               }

               .faq ul#nav li a:link,
               .faq ul#nav li a:visited,
               .faq ul#nav
               {
                  background: #915d8f;
               }

               .faq ul#nav li a.faq:link,
               .faq ul#nav li a.faq:visited,
               ul#nav li a.faq:hover,
               ul#nav li a.faq:focus,
               ul#nav li a.faq:active,
               ul#nav li a.faq:visited:hover
               {
                  background: #6c276a !important;
               }

               .functions ul#nav li a:link,
               .functions ul#nav li a:visited,
               .functions ul#nav
               {
                  background: #9e8f80;
               }

               .functions ul#nav li a.functions:link,
               .functions ul#nav li a.functions:visited,
               ul#nav li a.functions:hover,
               ul#nav li a.functions:focus,
               ul#nav li a.functions:active,
               ul#nav li a.functions:visited:hover
               {
                  background: #7d6a55 !important;
               }

               .locate ul#nav li a:link,
               .locate ul#nav li a:visited,
               .locate ul#nav
               {
                  background: #777;
               }

               .locate ul#nav li a.locate:link,
               .locate ul#nav li a.locate:visited,
               ul#nav li a.locate:hover,
               ul#nav li a.locate:focus,
               ul#nav li a.locate:active,
               ul#nav li a.locate:visited:hover
               {
                  background: #000 !important;
               }

               .restaurant ul#nav li a:link,
               .restaurant ul#nav li a:visited,
               .restaurant ul#nav
               {
                  background: #bb708f;
               }

               .restaurant ul#nav li a.restaurant:link,
               .restaurant ul#nav li a.restaurant:visited,
               ul#nav li a.restaurant:hover,
               ul#nav li a.restaurant:focus,
               ul#nav li a.restaurant:active,
               ul#nav li a.restaurant:visited:hover
               {
                  background: #860038 !important;
               }

      div#contentWrapper
      {
         position: relative;
      }

         div#sidebar
         {
            position: absolute;
            padding: 20px;
            width: 236px;
            voice-family: "\"}\"";
            voice-family: inherit;
            width: 196px;
         }
   
            div#sidebar h2
            {
               color: #860038;
               font-family: Georgia;
               font-size: 16px;
            }
   
            div#sidebar h3
            {
               margin-top: 2.5em;
               color: #860038;
            }
   
            div#sidebar p
            {
               margin-bottom: 1em;
               line-height: 1.5em;
               font-size: 13px;
            }
   
            div#sidebar img
            {
               text-align: centre;
               margin: 0 auto 20px;
               display: block;
            }
   
         div#content
         {
            position: relative;
            left: 236px;
            width: 435px;
         }
   
            .home div#content     { background: #ecf7fc; }
            .accommodation div#content  { background: #f4f6ee; }
            .cafe div#content     { background: #fff8ef; }
            .contact div#content  { background: #e5ecea; }
            .faq div#content      { background: #f0e9f0; }
            .functions div#content     { background: #f2f0ee; }
            .locate div#content   { background: #eeeeee; }
            .restaurant div#content { background: #f7eef1; }

            div#content div.oddSection
            {
               padding: 20px 20px 10px;
            }

            div#content div.evenSection
            {
               padding: 20px 20px 10px;
            }
   
            .home div#content div.evenSection    { background: #c5e6f5; }
            .accommodation div#content div.evenSection  { background: #dae2c8; }
            .cafe div#content div.evenSection    { background: #fee9d0; }
            .contact div#content div.evenSection  { background: #bfd1cc; }
            .faq div#content div.evenSection    { background: #f2f0ee; }
            .functions div#content div.evenSection     { background: #e2ddd9; }
            .locate div#content div.evenSection  { background: #eeeeee; }
            .restaurant div#content div.evenSection { background: #ead4dd; }
   
            div#content h1
            {
               font-family: Georgia, Helvetica, Arial, sans-serif;
               font-size: 1.7em;
               color: #860038;
               margin-bottom: .7em;
            }
   
            div#content h2
            {
               font-family: Georgia, Helvetica, Arial, sans-serif;
               font-size: 1.4em;
               color: #860038;
               margin-bottom: .5em;
            }
   
            div#content p
            {
               margin-bottom: 1em;
               line-height: 1.5em;
            }
   
            div#content ul,
            div#content ol
            {
               margin: 0 0 1em 2em;
               line-height: 1.5em;
            }
   
            div#content strong
            {
               font-weight: bold;
            }

            div#content em
            {
               font-style: italic;
            }

      div#footer
      {
         padding: 20px;
         clear: both;
      }

         .home div#footer       { border-top: 4px solid #0090d3; background: url('../pic/homeFooter.png') repeat-x; }
         .accommodation div#footer { border-top: 4px solid #6d8d23; background: url('../pic/accommFooter.png') repeat-x; }
         .cafe div#footer       { border-top: 4px solid #fbb665; background: url('../pic/cafeFooter.png') repeat-x; }
         .contact div#footer    { border-top: 4px solid #004833; background: url('../pic/diningFooter.png') repeat-x; }
         .faq div#footer        { border-top: 4px solid #6c276a; background: url('../pic/funcFooter.png') repeat-x; }
         .functions div#footer  { border-top: 4px solid #7d6a55; background: url('../pic/faqFooter.png') repeat-x; }
         .locate div#footer     { border-top: 4px solid #000000; background: url('../pic/locateFooter.png') repeat-x; }
         .restaurant div#footer { border-top: 4px solid #860038; background: url('../pic/contactFooter.png') repeat-x; }

         div#footer address
         {
            font-family: Georgia;
            font-size: 12px;
            text-align: center;
            margin-bottom: 10px;
         }

         div#footer address:first-line
         {
            font-weight: bold;
         }

         div#footer p
         {
            font-size: 10px;
            color: #666;
            text-align: center;
            margin-bottom: 1em;
         }

            div#footer p a:link,
            div#footer p a:visited
            {
               text-decoration: none;
               color: #666;
            }
            
      .cafe div#content ul#menu,
      .cafe div#content ul#menu ul,
      .cafe div#content ul#menu ol,
      .restaurant div#content ul#menu,
      .restaurant div#content ul#menu ul,
      .restaurant div#content ul#menu ol,
      .functions div#content ul#menu,
      .functions div#content ul#menu ul,
      .functions div#content ul#menu ol
      {
         margin: 0;
      }
         
         .restaurant div#content ul#menu ul li,
         .cafe div#content ul#menu ul li,
         .functions div#content ul#menu ul li
         {
            margin-bottom: 1em;
         }
         
            .restaurant div#content ul#menu ul ul li,
            .cafe div#content ul#menu ul ul li,
            .functions div#content ul#menu ul li
            {
               margin-bottom: .25em;
            }
         
               .cafe div#content ul#menu ul ul ul li,
               .restaurant div#content ul#menu ul ul ul li,
               .functions div#content ul#menu ul ul ul li
               {
                  margin-bottom: 0;
               }
         
                  .cafe div#content ul#menu ul ul ul li,
                  .restaurant div#content ul#menu ul ul ul li,
                  .functions div#content ul#menu ul ul ul li
                  {
                     margin-left: 2em;
                  }
         
            .cafe div#content ul#menu ul ul.price li,
            .restaurant div#content ul#menu ul ul.price li,
            .functions div#content ul#menu ul ul.price li
            {
               text-align: right;
               font-style: italic;
            }
            
         .cafe div#content ul#menu li,
         .cafe div#content ul#menu ul li,
         .cafe div#content ul#menu ol li ul li,
         .restaurant div#content ul#menu li,
         .restaurant div#content ul#menu ul li,
         .restaurant div#content ul#menu ol li ul li,
         .functions div#content ul#menu li,
         .functions div#content ul#menu ul li,
         .functions div#content ul#menu ol li ul li
         {
            list-style-type: none;
         }
            
         .cafe div#content ul#menu ol li,
         .restaurant div#content ul#menu ol li,
         .functions div#content ul#menu ol li
         {
            list-style-type: decimal;
            margin-left: 2em;
         }
            
      .cafe div#content ul#menu h2,
      .restaurant div#content ul#menu h2,
      .functions div#content ul#menu h2
      {
         text-align: center;
         text-transform: uppercase;
         border-bottom: #860038 1px dotted;
         margin-top: 20px;
         padding-bottom: .5em;
      }
            
      .cafe div#content ul#menu h3,
      .restaurant div#content ul#menu h3,
      .functions div#content ul#menu h3
      {
         font-weight: bold;
      }
            
      .cafe div#content ul#menu h4,
      .restaurant div#content ul#menu h4,
      .functions div#content ul#menu h4
      {
         font-weight: bold;
         margin-top: .5em;
         margin-left: 2em;
      }
            
      .cafe div#content ul#menu p.note,
      .restaurant div#content ul#menu p.note,
      .functions div#content ul#menu p.note
      {
         color: #860038;
         text-align: center;
         font-family: Georgia, "Lucida Grande", Verdana, sans-serif;
      }
            
      .cafe div#content ul#menu p,
      .restaurant div#content ul#menu p,
      .functions div#content ul#menu p
      {
         margin-bottom: 0;
      }

.right
{
   display: block;
   float: right;
   margin: 0 -4px 5px 15px;
}

.left
{
   display: block;
   float: left;
   margin: 0 15px 5px -4px;
}

a.thickbox:link,
a.thickbox:visited
{
   display: block;
   border-width: 4px;
   border-style: solid;
}
   
   .home a.thickbox       { border-color: #ecf7fc; }
   .accommodation a.thickbox  { border-color: #f4f6ee; }
   .cafe a.thickbox       { border-color: #fff8ef; }
   .contact a.thickbox    { border-color: #e5ecea; }
   .faq a.thickbox        { border-color: #f0e9f0; }
   .functions a.thickbox  { border-color: #f2f0ee; }
   .locate a.thickbox     { border-color: #eeeeee; }
   .restaurant a.thickbox { border-color: #f7eef1; }
  
   .home .evenSection a.thickbox       { border-color: #c5e6f5; }
   .accommodation .evenSection a.thickbox { border-color: #dae2c8; }
   .cafe .evenSection a.thickbox       { border-color: #fee9d0; }
   .contact .evenSection a.thickbox    { border-color: #bfd1cc; }
   .faq .evenSection a.thickbox        { border-color: #f2f0ee; }
   .functions .evenSection a.thickbox  { border-color: #e2ddd9; }
   .locate .evenSection a.thickbox     { border-color: #eeeeee; }
   .restaurant .evenSection a.thickbox { border-color: #ead4dd; }

a.thickbox:link img,
a.thickbox:visited img {
   display: block;
   border: 1px solid black;
}

a.thickbox:hover {
   border: 0;
}

a.thickbox:hover img
{
   border: 5px solid #860038;
}

.clear
{
   clear:both;
}

#TB_window {
   position: fixed;
   top: 50%;
   left: 50%;
}

.oddSection:after,
.evenSection:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.oddSection,
.evenSection {
   display: inline-block;
}

table.rates {
   background-color: #F4F6EE;
   width: 100%;
   margin-bottom: 1em;
}

   .oddSection table.rates {
      background-color: #dae2c8 !important;
   }

   table.rates td,
   table.rates th {
      padding: 2px 5px;
   }

/* Hides from IE-mac \*/
* html .oddSection,
* html .evenSection {
   height: 1%;
}
.oddSection,
.evenSection {
   display: block;
}
/* End hide from IE-mac */

strong {
   font-weight: bold;
}

em {
   font-style: italic;
}