* {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px; 
}
body {
background: url(/images/bg.gif) #a6c0d2 repeat-x;
margin: 0px 0px;
font: 82%/1.6em "Century Gothic";
color: #333;
text-align: center;
}
p {
margin: 1em 0px;
line-height: 1.5em;
}
a:link {
color: #22518C;
text-decoration: none;
}
a:visited {
color: #22518C;
text-decoration: none;
}
a:hover {
color: #228c28;
text-decoration: none;
}
a:active {
color: #228c28;
text-decoration: none;
}
h1 {
font-family: "Century Gothic";
font-size: 2.2em;
margin: 0.5em 0px 0px;
color: #22518C;
line-height: 1.1em;
}
h2 {
font-family: "Century Gothic";
font-size: 1.3em;
margin: 1em 0 0 0;
color: #333333;
}
#navigation {
width: 720px;
text-align: left;
background: none transparent scroll repeat 0% 0%;
margin: 20px auto 0px;
overflow: hidden;
font-family: 'Century Gothic';
position: relative;
font-size: 1.1em;
}
html #navigation {
height: 1%;
}
#navigation ul li {
float: left;
margin: 0px 4px 0px 0px;
list-style-type: none;
}
#navigation ul li a {
display: block;
font-weight: bold;
color: #fff;
background: #22518c;
text-decoration: none;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border-top: #22518c 1px solid;
border-right: #22518c 1px solid;
border-left: #22518c 1px solid;
}
#navigation ul li a:hover {
background: #228c28;
color: #fff;
}
#navigation ul li a:active {
background: #228c28;
color: #fff;
}
#navigation ul li.on a {
background: #a6c0d2;
color: #333;
}
#container {
width: 740px;
margin: 0px auto;
background: #fff;
text-align: left;
position: relative;
border-top: #22518c 1px solid;
border-right: #22518c 1px solid;
border-bottom: #22518c 1px solid;
border-left: #22518c 1px solid;
}
#container-step2 {
width: 760px;
margin: 0px auto;
background: #fff;
text-align: left;
position: relative;
border-top: #22518c 1px solid;
border-right: #22518c 1px solid;
border-bottom: #22518c 1px solid;
border-left: #22518c 1px solid;
}
#header {
clear: both;
float: left;
margin: 10px 10px 0px;
width: 400px; 
height: 85px;
}
#hotel {
text-align: center;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 0;
margin-bottom: 0;
margin-top: 0;
}
#separator {
height: 49px;
background-image: url(/images/separator.gif);
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#separator img {
float: left;
margin: 0px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#separator p {
height: 1.5em;
color: #999;
padding-top: 0.8em;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0;
overflow: hidden;
}
#content {
margin: 0px 0px 10px 15px;
}
#content a {
font-weight: bold;
}
#content ol{
display: block;
list-style:decimal;
padding-left: 20px;
margin-left: 20px;
}
#main {
float: left;
width: 400px;
margin-right: 8px;
}
#main h2 {
font-size: 1.8em;
margin: 0.8em 0px 0px;
color: #22518C;
}
#info {
float: left;
width: 710px;
}
br.clear {
clear: both;
}
#side {
float: right;
width: 302px;
font-size: 1em;
margin: 0.5em 10px 0px 0px;
}
#side p {
margin: 0.7em 0px;
}
#side img{
border-right: #777777 1px solid;
border-top: #777777 1px solid;
border-bottom: #777777 1px solid;
border-left: #777777 1px solid;
}
#summary {
font-size: 1.2em;
color: #228c28;
font-weight: bold;
line-height: 1.4em;
}
#book {
width: 290px;
margin-top: 1em;
background: #a6c0d2;
text-align: center;
padding: 5px 5px 5px 5px;
border-top: #22518c 1px solid; 
border-right: #22518c 1px solid;
border-bottom: #22518c 1px solid;
border-left: #22518c 1px solid;
}
#book h2{
background:#22518c;
font-size: 1.3em;
padding: 5px;
margin: 0px 0px 0px 0px;
font-weight: bold;
color:#fff;
}
#book select {
color:#333333;
font-family: 'Century Gothic';
}
#book input{
width: 165px;
background:#22518c;
color: #fff;
font-size: 1.2em;
font-weight:bold;
letter-spacing: 1px;
font-family: 'Century Gothic';
border-top: #333333 1px solid;
border-right: #333333 1px solid;
border-bottom: #333333 1px solid;
border-left: #333333 1px solid;
}
#footer {
clear: both;
font-size: 0.9em;
margin: 0px auto 20px;
width: 720px;
color: #333;
text-align: left;
line-height: 1.2em;
padding-bottom: 30px;
}
#header {
overflow: hidden;
}
#content {
overflow: hidden;
}
#side {
overflow: hidden;
}
#footer {
overflow: hidden;
}
#photos p {
margin: 2em 0px;
}
.imageright {
padding: 5px 0 5px 5px;
float: right;
}
#form {
width: 697x;
margin-top: 1em;
background: #a6c0d2;
text-align: center;
padding: 5px 5px 5px 5px;
border-top: #22518c 1px solid; 
border-right: #22518c 1px solid;
border-bottom: #22518c 1px solid;
border-left: #22518c 1px solid;
}
#form h2{
background:#22518c;
font-size: 1.3em;
padding: 5px;
margin: 0px 0px 0px 0px;
font-weight: bold;
color:#fff;
}
#form select {
color:#333333;
font-family: 'Century Gothic';
}
#form input {
width: 165px;
background:#22518c;
color: #fff;
font-size: 1.2em;
font-weight:bold;
letter-spacing: 1px;
font-family: 'Century Gothic';
border-top: #333333 1px solid;
border-right: #333333 1px solid;
border-bottom: #333333 1px solid;
border-left: #333333 1px solid;
}
.important {
color:#990000;
}
#noAdults, #noChildren{
width: 38px;
}
.small {
font-size: 11px;
}