/* CSS Document */
/* links */
a:link {color: #2C528A}
a:visited {color: #2C528A}
a:hover {color: #637FA8}
a:active {color: #637FA8}

html {
text-align: center;
}

body {
position: relative;
width: 800px;
margin: 0 auto;
text-align: left;
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
background: #000000 url(graphics/background.jpg) no-repeat top center;
padding: 0;
}
#branding {
position: relative;
z-index: 10;
height: 97px;
background: transparent url(graphics/title.jpg) no-repeat top left;
padding:0;
margin:0;
}
#branding_contact {
position: relative;
z-index: 10;
height: 97px;
background: transparent url(graphics/contact.jpg) no-repeat 0 0;
}
h1 {
text-indent: -9999px;
padding:0;
margin:0;
}
h2 {
font-size: 14px;
font-weight: bold;
text-decoration:underline;
margin-bottom: 4px;
padding-bottom: 0;
}
#content_index {
margin: 20px 75px 10px 290px;
}
#content_contact {
margin: 20px 175px 10px 100px;
}
#contact_harp {
position: absolute;
top: 0;
right: 0;
z-index: 25;
width: 168px;
height: 300px;
}
#content_booking {
margin: 20px 135px 10px 30px;
padding: 15px 0 0 230px;
background: transparent url(graphics/booking.jpg) no-repeat 0 0;
}
#nav {
position: absolute;
top: 50px;
left: 30px;
z-index: 20;
font-size:11px;
font-weight: bold;
}
#nav ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#nav li {
margin: 0;
display: inline;
padding: 0;
}
#nav li a:link, #nav li a:visited {
color: #FFFFFF;
text-decoration: none;
padding: 0 3px;
}
#nav li a:hover {
color: #637FA8;
}
/* footer */
#site_info {
text-align: right;
font-size: 11px;
color: #FFFFFF;
margin-top: 25px;
}