/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 20060807
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#25351e;
color:#fff;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

a {
color:#cc0000;
text-decoration:underline;
}

a:hover {
color:#616161;
text-decoration:none;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

#centerColumn { 	
margin:0 auto;
padding:5px;
width:800px;
text-align:left;
vertical-align: middle;	
background-color:#25351e;
font: normal 10pt Tahoma, ms sans-serif, serif;
}

#cell_1 {
margin:0 3px 5px 0;
padding:0px;
float:left;
width:300px;
}

#cell_2 {
margin:0 0px 5px 3px;
padding:0px;
float:left;
width:490px;
}

#cell_2 h5 {
margin:0 5px;
padding:4px 10px 4px 1em;
font-family: serif;
color:#f5ffab;
font-weight:bold;
background-color: #36492a;
font-size: 12pt;
text-align: right;
border-bottom: 1px dashed #c88f17;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

#footer {
clear: both;
height: 40px;
width: 790px;
text-align: right;
background: url(images/a_37.gif) no-repeat 0 0;
}

#footer p {
padding: 1em;
}

#footer a {
color: #f5ffab;
text-decoration: none;
}

#banner {
background: url(images/a_03.gif) no-repeat 0 0;
width: 300px;
height: 122px;
margin: 0 0 5px 0;
}

#event {
width: 300px;
height: 29px;
background: url(images/a_08.jpg) no-repeat 0 0;
margin-bottom: 5px;
}

#event a, #event a:hover {
display: block;
float: left;
color: #fff;
margin: 5px 1em 0 1em;
font: bold 8pt Tahoma, ms sans-serif, arial;
text-decoration: none;
}

#menu {
width: 300px;
height: 242px;
background: url(images/a_12.gif) no-repeat left top;
margin-bottom: 5px;
}

#menu ul {
margin: 0;
padding: 5px;
list-style: none;
}

#menu ul li {
margin: 0 10px;
padding-right: 20px;
background: url(images/a_21.gif) no-repeat right 5px;
}

#menu a, #menu a:link, #menu a:visited {
display: block;
width: 230px;
border-bottom: 1px solid #f5ffab;
padding: .4em;
text-align: right;
color: #fff;
font: bold 11pt Tahoma, ms sans-serif, Arial;
text-decoration: none;
}

#menu a:hover {
color: #f5ffab;
}

#view {
padding-top: 33px;
background: url(images/a_10.gif) no-repeat 0 0;
}

#view a {
margin: 0 3px;
padding: 5px;
border: 1px solid #f5ffab;
display: block;
float: left;
}

#view p {
margin: 0;
background: #36492a url(images/a_33.gif) no-repeat 0 bottom;
padding: .5em 0;
}

#contact p {
margin: 0;
padding: 0 1em;
font-size: 8pt;
text-align: right;
}

#contact span {
color: #f5ffab;
font-size: 10pt;
}

#home_pic {
width: 490px;
height: 182px;
background: url(images/a_05.jpg) no-repeat 0 0;
margin: 10px 0 5px 0;
}

#home_content {
padding-top: 32px;
background: url(images/a_14.gif) no-repeat 0 0;
}

#home_content div, #accom_content div, 
#facil_content div, #location_content div,
#massage_content div, #reserv_content div, #gallery_content div {
background-color: #36492a;
padding: 5px;
}

#home_content a, #accom_content a,
#facil_content a, #location_content a, #gallery_content a {
float: right;
margin: 10px;
padding: 5px;
border: 1px solid #f5ffab;
text-align: center;
text-decoration: none;
color: #f5ffab;
}

#home_content p, #accom_content p,
#facil_content p, #location_content p,
#massage_content p, #reserv_content p, #gallery_content p {
margin: 0;
padding: .5em;
background: #36492a url(images/a_35.gif) no-repeat 0 bottom;
}

#accom_content {
padding-top: 32px;
background: url(images/a_16.gif) no-repeat 0 0;
}

#facil_content {
padding-top: 32px;
background: url(images/a_18.gif) no-repeat 0 0;
}

#massage_content {
padding-top: 32px;
background: url(images/a_20.gif) no-repeat 0 0;
}

#gallery_content {
padding-top: 32px;
background: url(images/a_25.gif) no-repeat 0 0;
}

#reserv_content {
padding-top: 32px;
background: url(images/a_27.gif) no-repeat 0 0;
}

#location_content {
padding-top: 32px;
background: url(images/a_29.gif) no-repeat 0 0;
}

img {
border: none;
}
