html {
	background-color: whitesmoke;
}
body {
	background: white /*url(watermark.png) no-repeat scroll 90% 90%*/;
	font-family: verdana, helvetica, arial, sans-serif;
	border: solid 1px gainsboro;
	font-size: 0.8em;
	color: #112244;
	width: 920px;
	margin: 32px auto;
	min-height: 480px;

	-moz-border-radius: 5px/5px;
	-webkit-border-radius: 5px 5px;
	-moz-box-shadow: 1px 1px 3px dimgray;
	-webkit-box-shadow: 1px 1px 3px dimgray;
}

body #map {
	border: solid 1px dimgray;
	margin: 0.2em 1.0em 0.2em 0;
	float: left;
	width: 320px;
	height: 320px;
}

h1, h2, h3 {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0.2em 0;
	color: dimgray;
}

a {
	text-decoration: none;
	color: #227733;
}
a:hover {
	text-decoration: underline;
}
p {
	text-align: justify;
}
img {
	border: none;
}


#page-header {
	background: white url(front-fade.jpg) no-repeat scroll top left;
	text-align: right;
	position: relative;
	padding: 16px;
}
#page-header p {
	text-align: right;
}

ul#navigation {
	background: whitesmoke url(titlebar-fade.png) repeat-x left top;
	border: none;
	list-style: none inside;
	white-space: nowrap;
	min-height: 24px;
	padding-top: 1.0em;
	margin: 0;
	border-bottom: solid 1px gainsboro;
}
ul#navigation li {
	margin-left: 1.0em;
	min-width: 8.0em;
	display: inline;
}
ul#navigation li:first-child {
	margin-left: 0;
}
ul#navigation li a {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 9px 2px;
	color: black;
}
ul#navigation li a:hover {
	background-color: gainsboro;
	border: solid 1px dimgray;
	padding: 2px 8px 1px;
}

#contact-details {
	border: solid 1px gainsboro; 
	background: white; 
	padding: 4px 16px; 
	clear: right;
	margin-right: 0;
	position: absolute;
	right: 16px;
	
	-moz-border-radius: 5px; 
	-moz-box-shadow: 1px 1px 3px dimgray;
}
#contact-details .postal {
	background: white url(house.png) no-repeat left top;
	padding-left: 24px;
}
#contact-details .postal span:first-child {
	font-weight: bold;
}
#contact-details .postal span {
	display: block;
}
#contact-details .media .telephone {
	background: white url(telephone.png) no-repeat left center;
	padding-left: 24px; 
	display: block;
}
#contact-details .media .online {
	background: white url(email.png) no-repeat left 2px;
	padding-left: 24px; 
	display: block;
}


#body-content {
	margin: 2.0em 3.0em; 
	overflow: hidden;
}
#body-content h1, #body-content h2, #body-content h3 {
	color: black;
}
#body-content h2:first-child + p {
	margin-top: 2.0em;
	clear: both;
}
#body-content p {
	clear: right;
}

#body-content #route-finder {
}
#body-content #route-finder fieldset {
	border: none;
}
#body-content #route-finder fieldset input,
#body-content #route-finder fieldset select {
	font-family: "trebuchet ms", helvetica, arial, sans-serif;
	width: 7.0em;
}
#body-content #route-finder fieldset legend {
	display: none;
}
#body-content #route-finder #route-plan {
	clear: left;
}


#page-footer {
	margin: 8px 16px;
}
#page-footer p {
	font-variant: small-caps;
	margin: 0.2em 0;
	text-align: right;
}


dl.tariff {	
	background: transparent url(room-3.jpg) no-repeat scroll right top;
	padding-right: 336px;
	min-height: 240px;
	line-height: 2.0em;
}
dl.tariff dt {
	width: 24.0em;
	float: left;
	clear: left;
	margin: 0;
}
dl.tariff dd {
	margin: 0;
	width: 12.0em;
	float: left;
}
dl.tariff dd span {
	font-weight: bold;
}
dl.tariff dt.title, dl.tariff dd.title {
	font-family: "trebuchet ms", helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;	
	border-bottom: solid 2px gainsboro;
}
dl.tariff dt.notice {
	font-variant: small-caps;
	margin-top: 0.4em;
}


body .introduction {
	background: white no-repeat scroll top left;
	padding-left: 336px;
	min-height: 240px;
}
#home-page .introduction {
	background-image: url(room-1.jpg);
}
#home-page .introduction p:first-child {
	background: white url(vb4stgac.jpg) no-repeat scroll right top;
	padding-right: 86px;
	min-height: 99px;
}
#price-page .introduction {
	background-image: url(room-2.jpg);
}

#price-page p.payment {
	padding-left: 20px;
	background: white url(creditcards.png) no-repeat scroll top left;
}



@media print {
	ul#navigation {
		visibility: hidden;
	}
}