@charset "UTF-8";
/* CSS Document */
body  {
	font-family:"Helvetica Neue", Helvetica, Trebuchet MS, sans-serif;
	background-image:url(../images/test-background-3.gif);
	background-repeat:repeat;
	background-position:left;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#333;
	
}
#container { 
	position:relative;
	top:20px;
	width: 945px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: auto; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
}

a:link, a:visited { 
	color:#711526;
	text-decoration:none;
}
a:hover { 
	text-decoration:underline;
}
#upper-nav { 
	position:absolute;
	padding:0px; 
	margin:0px;
	right:0px;
	font-size:80%;
}
#upper-nav a { 
	color:#333;
}
#upper-nav a:hover { 
	color:#711526;
}
#header { 
	position:absolute;
	padding:0px; 
	background:#711526;
	color:#FFF;
	font-size:120%;
	height:30px;
	width:945px;
	margin:0px;
	z-index:10;
	
} 
 
p {
	text-align:center;
	padding-top:5px;
	
}
#header a:link {
	color:#FFF;
	text-decoration:none;
	
}
#header a:hover {

	color:#AA9C8F;
	text-decoration:none;
	
}

#sidebar1 {
	top:49px;
	position:absolute;
	left:0px;
	height:504px;
	background: #FFFFFF; 
}
#main-nav-div {
	width:225px;
	background: #FFFFFF;
}

#mainContent {
	background-color:#FFF7EF;
	padding:0;
	margin:0;
	position:absolute;
	left:220px;
	top:0px;
	width:351px;
	height:504px;
	text-align:center;
	color:#333;


} 
#mainContent p {
	text-transform:none;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
	line-height:15px;
	font-size:90%;
}
#mainContent ul {
	padding-left:0;
	font-size:110%;
	text-align:center;
	list-style:none;
}
#mainContent ul li{
	text-transform:uppercase;
}

#mainContent #weather-container {
	position:absolute;
	top:100px;
	left:20px;
}

#sidebar2 {
	position:absolute;
	left:570px;
	top:49px;
	background:#D7C6B6;  
	height:504px;

}
#gallery-area {
	position:absolute;
	left:220px;
	top:0px;
 	width: 726px;
	height: 504px;
	margin: 0 auto;
	border: 1px solid silver;
}
h1 {
	font-size:130%;
	padding:5px;
	font-weight:bold;
	font-family:Garamond, Times New Roman, Times, serif;
	text-transform:uppercase;
	
}
h2 {
	font-size:100%;
	font-weight:bold;
	padding:0px;
	font-family:Garamond, Times New Roman, Times, serif;
	text-transform:uppercase;
	
}

 #footer { 
	position:absolute;
	top:553px;
	left:10;
	padding: 0; 
	margin:0;
	background:#711526;
	color:#FFF;
	font-size:90%;
	height:30px;
	width:945px;
	z-index:1;
} 
 #footer p {
	margin: 0; 
	padding: 10px 0px 0px 10px; 
}

#footer p img { 
	padding-right:10px;
	padding-left:10px;
}
#footer a{ 
	color:#fff;
}
#footer a:hover{
	color:#AA9C8F;
	text-decoration:underline;
}
#links { 
	position:absolute;
	top:590px;
	left:70px;
	padding: 0; 
	margin:0;
	color:#FFF;
	font-size:90%;
	height:30px;
	width:945px;
	z-index:1;
}
#links ul { 
	list-style:none;
	padding:0;
	margin:0;
	width:945px;
	

}
#links ul li{ 
	float:left;
	padding-right:55px;

}

/* CSS for the Bildergalerie*/
.highside-gallery {
	position:absolute;
    float:left;
	padding:5px;
	padding-top:30px;
	top:0px;
	left:30px;
	width:340px;
}
.highside-gallery a {
    float:left;
	padding:5px;
}
.thumbnail img{
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 100px;
left:350px;
z-index: 50;
color:#000000;
}

.page-nav {
	position:absolute;
	bottom:0px;
	right:18px;
	text-transform:uppercase;
}
.page-nav a.link {
	color:#000000;
	text-decoration:none;
}
#logo {
	position:absolute;
	top:100px;
	left:0px;
	width:700px;	
	padding:0px;
	margin:auto;

}
.lowercase {
	text-transform:lowercase;
}
.smaller-font {
	font-size:80%;
}
/* CSS for booking page - does not use the main template */

#booking-page #container { 
	width: 1040px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}
#booking-page #header { 
	width:1040px;	
}
#booking-page #sidebar1 {
	height:560px; 
}
#booking-page #mainContent {
	width:820px;
	height:560px;
	text-align:center;
	color:#333;
}
#booking-page #footer { 
	width:1040px;
}
#links { 
	position:absolute;
	left:120px;
	width:1040px;

}