@charset "utf-8";

body {
background-color: #60594F;
color: #666;

font-size: 15px;
}
#header img { 
border-bottom: 4px solid #948979;
}

#container {
width: 800px;
margin: 0 auto;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif; 
font-weight:bold;
line-height: 1.6em;
background-color: #fff8c6;
border: 4px solid #948979;
}
h1 {
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
background-color: #B2ABA2;
padding-left:5px;
}
		
h2 {
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
background-color: #B2ABA2;
padding-left:5px;
}
		
form {
float:right;
margin-top: -45px;
font-size: 9px;
padding-right: 10px;
}
		
input {
background-color: #D1C9BE;
color: #000000;
border: 1px solid #000000;
font-size: 11px;
padding: 3px;
}
.button {
padding: 2px;
}
a img{
border: none;
}
img.left,img.center,img.right {
padding: 4px;
border: 1px dashed #D1C9BE;
margin: 0px;
}

img.left {
float: left;
margin: 0 12px 0px 0;
}

img.center {
display: block;
margin: 0 auto 5px auto;
}
	
img.right {
float: right;
margin: 0 0 0px 8px;
}

/* NAVIGATION */
#leftside {
width:100px;
float:left;
margin:1%;
}	
#menu1 {
width: 100px;
margin:1% 1% 20% 1%;
float:left;
border-style: solid solid none solid;
border:1px solid #3D261D;
}
	
#menu1 li a {
height: 1.6em;
text-decoration: none;
}	
	
#menu1 li a:link, #menu1 li a:visited {
color: #E4D6CD;
display: block;
background:  url(images/menu1.gif);
padding: 8px 0 0 10px;
}
	
#menu1 li a:hover {
color: #fff;
background:  url(images/menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}	
#socialmedia {
margin:1em auto;
text-align:center;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
} 


/* NAVIGATION 2 */
#menu2 {
	clear:both;
	margin:0 0 .5em -6em;
	text-align:center;
	padding:0;
}
#menu2 ul {
	padding: 0;
	margin-bottom:0;
}
#menu2 li {
	display:inline;
	padding:0 0 0 .5em;
}
#menu2 li a:link {
	color: #66749A;
	text-decoration: none;
	border-bottom: 1px dashed #66749A;	
}	
	
#menu2 li a:hover {
	color: #3e4d75;
	text-decoration: underline;
	border-bottom: none;	
}	
#menu2 li a:visited {	
	color: #66749A;
	text-decoration: none;
	border-bottom: 1px dashed #66749A;	
}
/* CONTENT */

#content {
width: 470px;
float:left;
margin:0 0 1em .6em;
}
	
#content p {
padding-bottom: 1px;			
}
	
#content a {
color: #66749A;
text-decoration: none;
border-bottom: 1px dashed #66749A;	
}
#content a:hover{
color: #48567d;
text-decoration: underline;
border-bottom: none;	
}

/* SIDEBAR */

#sidebar {
float: right;
width: 190px;
}
#sidebar h2 {
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
background-color: #B2ABA2;
margin-bottom:-12px;
}
#sidebar p {
margin-bottom:-10px;
margin-right: 0.5em;
}
		
.dashed {
border-bottom: dashed 1px #D1C9BE;
margin-right:3px;
padding-top:15px;
}
		
#sidebar a {
color: #66749A;
text-decoration: none;
border-bottom: 1px dashed #66749A;	
}
		
#sidebar a:hover{
color: #48567d;
text-decoration: underline;
border-bottom: none;	
}
#sidebar img {
vertical-align:middle;
}

#gallerycontent {
	width:37em;
	float:left;
	margin:0 0 1em 1em;
	}
		
#photos {
	margin:0 0 1em 0;
}
#photos img {
	padding:0.5em;
	border:1px dashed #D1C9BE;
}
#thumbs {
	margin:0 auto;
	text-align:center;
}
#thumbs ul {
	list-style:none;
	padding: 0.2em;
}
#thumbs li {
	padding:0.2em;
	display:inline;
}
#thumbs img {
	border:1px dashed #D1C9BE;
	padding:.4em;
	
}
#cottage {
	width:38em;
	float:left;
	margin:0 0 1em 1em;
	}

/* LINKS */	
#links {
width:550px;
}	
#links p {
text-align:center;
}
#links a {
font-size:1.3em;
line-height:2em;
text-decoration:none;
border: none;
}
#links a:hover {
font-size:1.3em;
text-decoration:underline;
border: none;
}
/* FOOTER */
#footer {
margin:0;
padding:0;
clear: both;
background-color: #B2ABA2;
text-align: center;
font-size:.8em;
color:#89817f;
}
		
#footer a {
color: #66749A;
text-decoration: none;
border-bottom: 1px dashed #66749A;	
}
		
#footer a:hover {
color: #566590;
text-decoration: underline;
border-bottom: none;	
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

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

.thumbnail span{ 
position: absolute;
background-color: #f5eecd;
padding: 5px;
border: 1px dashed #89817f;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
right: 150px; 
}				
.floatright {
float:right;
width: 145px;
margin: 4px 0px 4px 4px;
}
.rooms {
color:#566590;
}	
.javapopup {
margin:0;
padding:0.5em;
border:1px dashed #D1C9BE;
}
.center {
text-align:center;
}
.map {
text-align:center;
margin-bottom:0px;
}
.contactinfo {
margin:0 0 1.5em 0;
}
.contactinfo p {
margin:0;
}
#table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	margin: 1em auto;
	width: 350px;
	text-align: left;
	border-collapse: collapse;
}
#table td
{
	padding: .3em 1em .3em .5em;
	background: #f6e0a4; 
	border: 1px solid #B2ABA2;
}