body {
background: #000000;
color: #f0f0f0;
text-align: center;
font-family: Verdana, Arial, Helvetica;

font-size: 14px;
}
#container {
text-align: left;
width: 900px;
margin: 100px auto 0 auto;
}
#header {
border-bottom: 1px solid #aaa;
margin-bottom: 5px;
padding-bottom: 10px;
}
#content {
}
#footer {
}
h2 { font-size: 22px; margin-left: 3px;}
h3 { font-size: 14px; margin-top: 6px;}

/**
 * navigation menu
 */
#nav { list-style: none; float: right; margin: 25px -15px 0 0; padding: 0; clear:right; }
/* first level */
#nav li { float : left; display: block; padding: 0 8px; }
#nav a {
  color: #f0f0f0;
  text-decoration:none;
  font-weight: normal;
  background: url(images/sprites.png) 0px 0px no-repeat;
  text-indent: -9000px;
  display: block;
  width: 70px;
  height: 16px;
  border: 0;
  outline: 0;
}
#nav a:hover, #nav a.active { color: #d91920; }
#nav a.active:hover { color: #cccccc; }
#nav li ul { display: none; background: #d91920; list-style: none; margin:0; padding:0;}
/*#nav li ul li { margin: 0; padding: 5px; border-bottom: 1px solid #eee;}
#nav li ul li.last { margin: 0; padding: 5px; border-bottom: 0px;}
#nav li ul a.active { color: #666; }
#nav ul a:hover { color: #ccc; }
#nav li:hover ul { display: none; position: absolute;} */

#nav1 a, #nav1 a.active:hover, #nav1 { background-position: -13px -11px; width: 40px; }
#nav2 a, #nav2 a.active:hover, #nav2 { background-position: -65px -11px; width: 92px; }
#nav3 a, #nav3 a.active:hover, #nav3 { background-position: -165px -11px; width: 57px; }
#nav4 a, #nav4 a.active:hover, #nav4 { background-position: -374px -11px; width: 80px; }
#nav5 a, #nav5 a.active:hover, #nav5 { background-position: -459px -11px; width: 80px; }
#nav6 a, #nav6 a.active:hover, #nav6 { background-position: -225px -11px; width: 70px; }
#nav7 a, #nav7 a.active:hover, #nav7 { background-position: -305px -11px; width: 58px; }

#nav1 a:hover, #nav1 a.active { background-position: -13px -44px; }
#nav2 a:hover, #nav2 a.active { background-position: -65px -44px; }
#nav3 a:hover, #nav3 a.active { background-position: -165px -44px; }
#nav4 a:hover, #nav4 a.active { background-position: -374px -27px; }
#nav5 a:hover, #nav5 a.active { background-position: -459px -27px; }
#nav6 a:hover, #nav6 a.active { background-position: -225px -44px; }
#nav7 a:hover, #nav7 a.active { background-position: -305px -44px; }



#header div {
float: right; margin: 0; padding:0;
width: 600px;
}
#header h2 {
float: right;
margin:0; padding: 0;
margin-top: 6px;
color: #d91920;
text-indent: -9000px;
background: url(images/sprites.png) -15px -72px no-repeat;
width: 170px;
height: 30px;
}

.rates button {
position: absolute;
margin-left: 200px;
}
div.room {
margin-top: 1px;
padding-left: 120px;
font-size: 14px;
color: #c4d4cb;
}
div.room img {
margin-left: -120px;
}
div.room h3 { padding-top: 10px; margin-bottom: 1px; color: #fff; }
#roomsbigimg, #facbigimg { padding: 10px; border: 1px solid #aaa; margin-right: 18px;}

a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #d91920;
}
a.redlink {
color: #d91920;
}
a.redlink:hover {
color: #ffffff;
}
.redStar {
color: red;
font-weight: bold;
font-size: 20px;
line-height: 13px;
}
button,a.button {
color: #ffffff;
background: #d91920;
border: 0;
}
button.big, a.button.big { font-size: 25px; padding: 5px 20px; }
button.alt { background: #c4d4cb; }
input { border: 0px; }
textarea { border: 0px; width: 450px; height: 80px;}
select { border: 0px; }

#booktablePt1 input { width: 350px; }
#booktablePt2 input { /*width: 500px;*/ }
#booktablePt3 input { width: 175px; }

#bookblock {
background: #231f20;
border: 2px solid #b4acae;
padding: 5px;
margin: 5px;
}