/*
Web Design by Flow Communications (Aug 2006)
www.flowsa.com
*/ 

/*INITIAL*/

* {margin:0; padding:0;}


/*GENERAL TAGS
--------------------------------------------*/

body {
font-family: Georgia, "Times New Roman", serif;
line-height:1.3em;
font-size: 15px;
background:url(presentation/clico3.gif) repeat-x;
}

label {color:#4A2B14}

p {
margin-bottom:1em;
color:#4A2B14;
}

p.firstpara {
font-size:17px;
color:#611716;
}

h2, h3 {
padding-top:0.5em;
padding-bottom:0.5em;
font-weight:normal}

a {color:#7B6456;}
a:hover {color:#4A2B14;}


/* IMAGES
--------------------------------------------*/
.ic {width:252px; background-color:#AE8F6A}
.ic img {border: 1px solid #AA9075;}

.ic p {
font-size:12px;
font-family:Arial, sans-serif;
line-height:1.2em;
color:white;
padding:0 3px;
}

/* FLOATS
--------------------------------------------*/

.floatright {margin-left:10px; float:right;}
.floatleft {margin-right:10px; float:left;}

#intropics img {
margin-top:5px;
margin-right:5px;
border: 1px solid #AA9075;
}

/*STRUCTURE
--------------------------------------------*/

#container {width:800px; margin: 20px auto;}


/*HEADER
--------------------------------------------*/

#header {
height:130px;
padding-top:10px;
}

#header h1 {
position:absolute;
margin-left:-1000px;
}

/*NAV
--------------------------------------------*/
#nav {
background:url(presentation/logo180px.gif) no-repeat left top;
float:left;
padding-top:150px;
width:180px;
height:300px;}

#nav ul {
list-style:none;
margin-bottom:30px;
margin-top:0;
margin-left:0;
}

#nav ul li {
margin-bottom:0;
}

#nav ul li a {
background: url(presentation/nav5.gif);
height:40px;
display:block;
border-bottom:none;
}

#nav ul li a em {margin-left:-1000px;}

#nav ul li a.home {background-position: 0px 0px;}
#nav ul li a.home:hover, #nav ul li a.home .active {background-position: 180px 0px;}
#nav ul li a.about {background-position: 0px -35px;}
#nav ul li a.about:hover, #nav ul li a.about .active {background-position:180px -35px;}
#nav ul li a.accommodation {background-position: 0px -70px;}
#nav ul li a.accommodation:hover, #nav ul li a.accommodation .active {background-position: 180px -70px;}
#nav ul li a.cuisine {background-position: 0px -105px;}
#nav ul li a.cuisine:hover, #nav ul li a.cuisine .active {background-position: 180px -105px;}
#nav ul li a.activities {background-position: 0px -140px;}
#nav ul li a.activities:hover, #nav ul li a.activities .active {background-position: 180px -140px;}
#nav ul li a.news {background-position: 0px -175px;}
#nav ul li a.news:hover, #nav ul li a.news .active {background-position: 180px -175px;}
#nav ul li a.functions {background-position: 0px -210px;}
#nav ul li a.functions:hover, #nav ul li a.functions .active {background-position: 180px -210px;}
#nav ul li a.bookings {background-position: 0px -245px; height:45px;}
#nav ul li a.bookings:hover,#nav ul li a.bookings .active {background-position: 180px -245px;}
#nav ul li a.contact {background-position: 0px -288px;}
#nav ul li a.contact:hover, #nav ul li a.contact .active {background-position: 180px -288px;}
#nav ul li a.gallery {background-position: 0px -360px;}
#nav ul li a.gallery:hover, #nav ul li a.gallery .active {background-position: 180px -360px;}
#nav ul li a.virtualtour {background-position: 0px -397px; height:38px}
#nav ul li a.virtualtour:hover, #nav ul li a.virtualtour .active {background-position: 180px -397px;}
#nav ul li a.media {background-position: 0px -426px; height:45px;}
#nav ul li a.media:hover, #nav ul li a.virtualtour .active {background-position: 180px -426px;}

/*CONTENT
--------------------------------------------*/
#content {
margin-left:200px;
width:570px;}

/*FOOTER
--------------------------------------------*/

#footer {
text-align:center;
color:#A98D68;
background: url(presentation/footer-ornament-100px.gif) no-repeat center 25px;
padding-top:80px;
}

/*NEWS AND EVENTS
--------------------------------------------*/
#newscontainer h2 {color: #611716}

#news {width:290px; float:left; padding-right:20px;}

#events {
width:245px; 
float:left;
border: 1px solid #DFB88B;
padding:0 5px;
}

#events span.label,span.spacer,span.multiple span {width:120px;float:left;} 
#events span.multiple {float:left;} 
#events span.button {padding-left:140px;} 
#events div.clear {clear:both;padding-top:5px;} 



/*LISTS: GENERAL
--------------------------------------------*/

ul {
margin-top:1em;
margin-left:2em;
}

ul li {margin-bottom:0.5em;}

/*LISTS: GALLERY
--------------------------------------------*/

ul.thumbnails {
list-style:none;
}

ul.thumbnails li {
display:block;
float:left;
padding:5px;}

ul.thumbnails li a img {
border:3px solid #AE8F6A;
}

ul.thumbnails li a:hover img {
border:3px solid #4A2B14;
}


/*GALLERY
--------------------------------------------*/

#gallery h2 {
padding-top:20px;
padding-bottom:10px;
color:#4A2B14;
}

/*VIRTUAL TOUR
--------------------------------------------*/
#virtualtournav {
}

#virtualtournav ul {
border-top:1px solid #AE8F6A;
border-bottom:1px solid #AE8F6A;
list-style:none;
margin-left:0;
padding-left:0;
padding-bottom:5px;
margin-bottom: 12px;
}

#virtualtournav ul li{
padding: 0 10px 0 0;
line-height:1.6em;
display:inline;
}


/*TABLES
--------------------------------------*/

td {border-bottom:1px solid #AE8F6A; border-bottom:1px solid #AE8F6A; padding:3px; text-align:center;}


/*CLEARFIX
--------------------------------------------*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display:inline-block;
}
.clearfix {
display:block;
}
* html .clearfix {
height:1px;
}

/*VALENTINE'S
--------------------------------------------*/


#valcontainer {
font-family:GEORGIA, Arial, sans-serif;
padding:10px;
font-size:100%;}

#valcontainer p {line-height:1.4em;}
#valcontainer ul {line-height:1.6em;
list-style-type:disc;
}

#valcontainer a {color:#CF1919;}
#valcontainer a:hover {color:red}

#valcontainer h1,h2,h3,h4 {margin-bottom:1em; padding-bottom:0em;}

#valcontainer h1{font-weight:normal; color:#CF1919;}

#valcontainer h2,h3,h4 {color: #AE8F6A; font-weight:normal;}

#valcontainer h4 {font-variant:small-caps; color: #CF1919; border-bottom: 1px dotted #CF1919; font-size:120%;}

#valcontainer .or {color:#CF1919; font-variant:small-caps; font-weight:bold;}
#valcontainer .price {color:#CF1919; font-variant:small-caps;}

#valcontainer .tac {
border:1px solid #611716;
padding:0px 3px 3px 3px;
}


/* FEEDBACK FORM
-----------------*/

.ddfm .fmradio { margin-bottom:1em; background: #EFD5C2;}
.fmradio input {margin-left:10px; margin-right:5px; color:red;}
.ddfm label {margin-right:5px;}
.question {font-size:1.6em; line-height:1.2em;}
.fmtext {width:200px;}
.fmtextc {width:400px;}
.fmtextarea {width:550px;}

.required {display:none;}

.ddfmerrors {color:red}
.errorlist {color:red; font-size:14px !important;}
.errorlist h2 {color:red; font-size:14px !important;}