@charset "utf-8";
/* CSS Document */

body {
	background: URL(../Images/background.jpg) #000;
}
img {
border: none;
}
#container {
width: 756px;
height: 542px;
padding: 0px;
background-color:#343434;
margin: 25px auto 25px auto;
position: relative;
}
#footer {
width: 756px;
height: 50px;
margin: 10px auto;
top: 592px;
position: absolute;
}
#shodeen {
position: absolute;
}
#copyright {
width: 756px;
text-align: center;
font-size: 10px;
position: absolute;
}
#visible {
	position: absolute;
	right: 17px;
	width: 100px;
	height: 12px;
}
#content {
width: 740px;
height: 526px;
padding: 8px;
background-color:#fff;
position: absolute;
z-index: 15;
}

#bgimage {
width: 740px;
height: 425px;
position: absolute;
z-index: 20;
}
#wave {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 21;
}
#menu {
position: absolute;
bottom: 0px;
left: 0px;
z-index: 120;
margin: 0px auto;
overflow: hidden;
height: 200px;
width: 740px; 
}
#menu ul {
list-style: none;
margin: 0px 3px;
padding: 0px 0px;
display: inline-block;
}

#menu ul li {
list-style: none;
padding: 5px 5px;
background-color:#fff;
color: #000;
font-size: 11px;
display:block;
line-height: 2px;
}
#menu ul li a {
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color:#999;
display: block;
text-decoration: none;
}
#menu ul li a:hover {
text-decoration: none;
color:#f97;
}
#accommodations, #wine, #recreation, #spa, #meetings, #weddings, #reservations {
	position: absolute;
	bottom: 0px;
	width: 98px;
}
#accommodations {
	left: 9px;
}
#wine {
	left: 216px;
}
#recreation {
	left: 319px;
}
#spa {
	left: 113px;
}
#meetings {
	left: 422px;
}
#weddings {
	left: 525px;
}
#reservations {
	left: 628px;
}
#subcontent {
width: 304px;
height: 250px;
padding: 25px;
position: absolute;
z-index: 200;
top: 20px;
left: 21px;
background:url(../Images/subcontent_bg.png);
}
#subcontent h1 {
margin: -10px 0px 0px 0px;
display: block;
padding: 3px;
border-bottom: 1px solid #ccc;
font-size: 16px;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
}
#text {
width: 300px;
height: 200px;
overflow: auto;
position: absolute;
z-index: 300;
top: 78px;
left: 46px;
color:#000000;
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
}
#logo {
position: absolute;
top: 460px;
left: 50px;
z-index: 400;
}
#address {
position: absolute;
top: 500px;
right: 20px;
}
#morelinks {
position: absolute;
top: 480px;
right: 30px;
text-align: right;
font-size: 10px;
color: #666;
z-index: 146;
}
#morelinks a {
color: #666;
text-decoration: none;
}
#morelinks a:hover {
color:#000;
text-decoration: none;
}