body {
text-align:center;
margin:0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
 color: #9d512d;
font-weight:normal;
font-size: 90%;
/*background-image:url(siteimages/pageBg.jpg);
background-repeat:repeat-x;
background-color:#d1ae76;*/
background-color:#d4d4d4;
}

#default{
color: #fff;
}

#default a{
color:#fff;
}

.tourlink {
margin: 2px 10px;
background-color:#e8d8c1;
border:1px solid #9d512d;
text-align:center;
text-transform:uppercase;
padding: 3px;
font-size:80%;
}


a {
color:#990000;
text-decoration:underline;
}

a:hover {
color:#993300;
text-decoration:none;
}

#contentwrapper {
	background-image: url(siteimages/slice.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 800px;
	text-align:left;
}

#widewrapper {
	background-image: url(siteimages/wide-slice.jpg);
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 800px;
	text-align:left;
}

#textlead h1{
font-size:0.7em;
color:#ffffff;
padding-left:20px;
text-align:left;
margin:0;
background-color:#9d512d;
}

 /* ------------ Mastheads ------------- */
#masthead {
background-color: #ca9863;
background-image: url(siteimages/header.jpg);
background-repeat:no-repeat;
}

#masthead a, #masthead a:visited, #masthead a:active {
	display: block;
	height: 204px;
	margin-left: -20000px;
}

#masthead-dining {
background-color: #ca9863;
background-image: url(siteimages/header-dessert.jpg);
background-repeat:no-repeat;
}
#masthead-dining h1{
font-size:0.7em;
color:#ffffff;
text-align:right;
}

#masthead-dining a, #masthead-dining a:visited, #masthead-dining a:active {
display: block;
height: 204px;
margin-left: -20000px;
}

#masthead-accomodation {
background-color: #ca9863;
background-image: url(siteimages/header-bed-breakfasts.jpg);
background-repeat:no-repeat;
}

#masthead-accomodation a, #masthead-accomodation a:visited, #masthead-accomodation a:active {
display: block;
height: 204px;
margin-left: -20000px;
}
	
#masthead-attractions {
background-color: #ca9863;
background-image: url(siteimages/header-restaurant.jpg);
background-repeat:no-repeat;
}

#masthead-attractions a, #masthead-attractions a:visited, #masthead-attractions a:active {
	display: block;
	height: 204px;
	margin-left: -20000px;
	}
	
#masthead-christmas {
background-color: #ca9863;
background-image: url(siteimages/header-party.jpg);
background-repeat:no-repeat;
}

#masthead-christmas a, #masthead-christmas a:visited, #masthead-christmas a:active {
display: block;
height: 204px;
margin-left: -20000px;
}
	
	
	#masthead-specials {
background-color: #ca9863;
background-image: url(siteimages/header-specials.jpg);
background-repeat:no-repeat;
}

#masthead-specials a, #masthead-specials a:visited, #masthead-specials a:active {
display: block;
height: 204px;
margin-left: -20000px;
}
	
#masthead-location {
background-color: #ca9863;
background-image: url(siteimages/header-fireplace.jpg);
background-repeat:no-repeat;
}

#masthead-location a, #masthead-location a:visited, #masthead-location a:active {
	display: block;
	height: 204px;
	margin-left: -20000px;
	}
	
			#masthead-links {
			background-color: #ca9863;
background-image: url(siteimages/header-bar.jpg);
background-repeat:no-repeat;
}

#masthead-links a, #masthead-links a:visited, #masthead-links a:active {
	display: block;
	height: 204px;
	margin-left: -20000px;
	}
/* ---------------------------- */

#topnav{
/* background-image: url(siteimages/nav-slice.jpg);
background-repeat:no-repeat; */
/* background-color: #a03421; */
background-color: #9d512d;
height:26px;
text-align:center;
}

#maincontent{
clear:both;
width:800px;
background-image: url(siteimages/knot.jpg);
background-position: top right;
background-repeat:no-repeat;
text-align:left;
}

#maincontent h1 {
font-size:120%;
color: #fff;
text-align:center;
font-family: "Papyrus",Geneva, Arial, Helvetica, sans-serif;
}

#headertext {
height: 60px;
color:#ffffff;
}

#headertext h1 {
padding-top:20px;
color:#ffffff;
text-align:center;
margin:0;
}

#headertext img{
margin-top: 27px;
}

#colwrap {
margin-left:100px;
}

#lhcol{
  color:#5f2b03;
 clear:both;
 	background-image: url(siteimages/lh-col.jpg);
	background-repeat: repeat-y;
 width:285px;
 float:left;
 margin:20px 10px 10px 0px;
 padding:5px 5px;
 }
 
#lhcol h2{
margin:0;
font-size: 1.1em;
} 

#rhcol{
float:left;
 width:285px;
  	background-image: url(siteimages/rh-col.jpg);
	background-repeat: repeat-y;
  color:#5f2b03;
  margin: 20px 0px 10px 0px;
 padding : 5px 5px;
}


#widecol {
float:left;
 width:590px;
  	background-image: url(siteimages/wide-inner.jpg);
	background-repeat: repeat-y;
  color:#5f2b03;
  margin: 20px 10px 10px 100px;
 padding : 5px 5px;
}

#footer {
clear:both;
margin-top: 10px;
padding: 20px 20px;
background-color: #9d512d;
background-image:url(siteimages/foot-back.jpg);
background-repeat: no-repeat;
text-align:right;
line-height: 1.2em;
color: #fff;

}

#footer a{
color:#fff;
text-decoration:underline;
}

#footer a:hover{
color:#fff;
text-decoration:none;
}

#tagline {
font-size: 80%;
background-color:#d1ae76;
text-align:left;
padding: 5px;
}


/* Thumbnail hovers  */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 5px;
left: -1000px;
border: 1px solid #c0c0c0;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */

}
/* page Code for image hovers
<a class="thumbnail" href="#thumb"><img src="stock/verdi-bahia-th.jpg" alt="Verdi Bahia" width="90" height="90" border="0" /><span><img src="stock/verdi-bahia.jpg" /><br />Verdi Bahia</span></a>
*/