body {
 margin: 0px;
 background-color: #92bbd8;
 background-image: url('/images/background.png');
 background-repeat: repeat-x;
 background-position: center top;
}


@font-face {
 font-family: Georgia;
 src: url("css/georgia.eot");
 src: url("css/georgia.ttf") format("truetype");
}

@font-face {
 font-family: Kalinga;
 src: url("css/kalinga.eot");
 src: url("css/kalinga.ttf") format("truetype");
}

@font-face {
 font-family: Times;
 src: url("css/times.eot");
 src: url("css/times.ttf") format("truetype");
}

@font-face {
 font-family: Script;
 src: url("css/Old_Script.eot");
 src: url("css/Old_Script.otf") format("opentype");
}

a:img {
 text-decoration: none;
}

a:link {
 color: #000000;
 font-family: "Times", serif;
 font-weight: 600;
 text-decoration: none;
}

a:visited {
 color: #92bbd8;
 font-weight: 600;
 text-decoration: none;
}

a:hover {
 color: #fdabea;
 font-weight: 600;
 text-decoration: none;
}

a:active {
 color: #fdabea;
 font-weight: 600;
 text-decoration: none;
}

#content ul {
 text-shadow: #cccccc 0.1em 0.1em 0.1em;
 background-color: #f6e6f0;
}

h1 {
 font-family: "Georgia", serif;
 color: #000000;
 font-size: 30pt;
 margin: 0px 0px 15px 0px;
}

h2 {
 font-family: "Kalinga", sans-serif;
 color: #000000;
 font-size: 18pt;
 margin: 0px 0px 10px 0px;
}

h3 {
 font-family: "Kalinga", sans-serif;
 color: #000000;
 font-size: 14pt;
 margin: 0px 0px 10px 0px;
}

p {
 font-family: "Times", serif;
 color: #222222;
 font-size: 12pt;
 margin: 0px 0px 5px 0px;
}

#background 
{
}

#container {
 width: 800px;
 margin: 0 auto;
 overflow: hidden;
}

#header {
 width: 800px;
 height: 340px;
 background-image: url('/images/header.png');
 background-repeat: no-repeat;
}

#body {
 width: 800px;
 min-height: 300px;
 max-height: 100%;
 background-image: url('/images/content.png');
 background-repeat: repeat-y;
 margin-bottom: 0px;
 overflow: hidden;
}

#content {
 width: 700px;
 height: inherit;
 margin: 0 auto;
 background-color: #ffffff;
 overflow: hidden;
 padding-bottom: 5px;
}

#footer {
 width: 800px;
 height: 100px;
 background-image: url('/images/footer.png');
 background-repeat: no-repeat;
}


#nav 
{
 position: relative;
 z-index: 5;
 top: 250px;
 left: 390px;
 height: 54px;
 width: 350px;
}

#nav li
{
 margin: 0px;
 padding: 0px;
 list-style: none;
 position: absolute;
 height: 54px;
 display: block;
}

#nav a
{
 height: 54px;
 display: block;
}

li.about
{
 left: 0px;
 width: 110px;
 background: url('/images/nav.png');
 background-position: 0px 0px;
}

li.about a:hover
{
 left: 0px;
 width: 110px;
 background: url('/images/nav_hover.png');
 background-position: 0px 0px;
}

li.about a:active
{
 left: 0px;
 width: 110px;
 background: url('/images/nav_active.png');
 background-position: 0px 0px;
}

body#about li.about a
{
 left: 0px;
 width: 110px;
 background: url('/images/nav_active.png');
 background-position: 0px 0px;
}

li.rooms
{
 left: 110px;
 width: 120px;
 background: url('/images/nav.png');
 background-position: -110px 0px;
}

li.rooms a:hover
{
 left: 110px;
 width: 120px;
 background: url('/images/nav_hover.png');
 background-position: -110px 0px;
}

li.rooms a:active
{
 left: 230px;
 width: 120px;
 background: url('/images/nav_active.png');
 background-position: -110px 0px;
}

body#rooms li.rooms a
{
 left: 230px;
 width: 120px;
 background: url('/images/nav_active.png');
 background-position: -110px 0px;
}

li.contact
{
 left: 230px;
 width: 120px;
 background: url('/images/nav.png');
 background-position: -230px 0px;
}

li.contact a:hover
{
 left: 230px;
 width: 120px;
 background: url('/images/nav_hover.png');
 background-position: -230px 0px;
}

li.contact a:active
{
 left: 230px;
 width: 120px;
 background: url('/images/nav_active.png');
 background-position: -230px 0px;
}

body#contact li.contact a
{
 left: 230px;
 width: 120px;
 background: url('/images/nav_active.png');
 background-position: -230px 0px;
}

.img {
 padding: 5px;
 background-color: #ffffff;
 border: 1px solid #cccccc;
 max-width: 200px;
 max-height: 200px;
}

.pink {
 font-family: Kalinga;
 color: #ff96b9;
 font-size: 20pt;
 margin: 0 auto;
 text-shadow: #cccccc 0.1em 0.1em 0.1em;
 text-align: center;
 width: 600px;
}