
/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/

html {
	width: 100%;
}
body {
	margin: 0; padding: 0; background: #ECECEC url('../images/bgBody.gif') no-repeat 760px 50px;
	font: 70%/150% Arial, Verdana, Helvetica, sans-serif; color: #000000; text-align: left;
}
div {
	margin: 0; padding: 0;
}
p {
	margin: 0; margin-bottom: 1.2em;
}
h1 {
	margin-bottom: 0.4em;
	font-size: 1.7em; text-transform: uppercase;
}
h2 {
	margin-bottom: 0.5em;
	font-size: 1.5em; text-transform: uppercase; color: #213E6D; 
}
h3 {
	margin-bottom: 0.3em;
	font-size: 1.2em; text-transform: uppercase;
}
h4 {
	margin-bottom: 0.3em;
	font-size: 1.1em; 
}
strong {
	color: #213E6D; 
}
em {
	color: #990000; font-style: italic;
}
a:link {
	color: #990000; text-decoration: underline;
}
a:visited {
	color: #990000; text-decoration: underline;
}
a:hover {
	color: #FF0000; text-decoration: underline;
}
a:active {
	color: #FF0000; text-decoration: underline;
}
code {
	display: block; margin: 0 3em 1.3em 3em; border: 1px solid #990000; padding: 1.0em; 
	color: #990000; font-size: 1.0em;
}
dl {
	margin-bottom: 1.5em;
}
dt {
	margin: 0; margin-top: 1.2em; font-weight: bold;
}
dd {
	margin: 0;
}
hr {
	width: 50%; height: 1px; margin: 0 auto; margin-bottom: 0.6em; border-bottom: 1px solid #990000; color: #990000; text-align: center;
}
form {
	width: 90%; text-align: center;
}
fieldset {
	display: block; margin: 0em auto 0.6em auto; border: none; padding: 0; text-align: left;
}
legend {
}
label {
	float: left; width: 10em; text-align: left;
}
input, select {
	font-size: 1em;
}
select {
	width: 14.4em;
}
option {
}
textarea {
}
submit, reset, button {
}
table {
	font-size: 100%; line-height: 1.5; margin-bottom: 1.5em; border: 1px solid #999999; border-collapse: separate;
}
thead {
}
thead th {
}
tbody th {
}
tfoot {
}
th {
	padding: 4px 8px; text-align: left; font-weight: bold;
}
tr {
}
td {
}
img {
	display: block; margin: 0; border: none;
}



/*///////////////////////////////////////////////////////
CLASS and ID Styles
///////////////////////////////////////////////////////*/

form {
	margin: 0em; margin-top: 0.8em; margin-bottom: 1.6em; text-align: left;
}
fieldset {
	position: relative; margin-top: 0.4em; border: none;
}
legend {
	position: absolute; top: 0.0em; left: -0.6em; overflow: hidden;
	display: inline; width: 30%; height: 3.0em;
	white-space: nowrap;
}
label {
	display: table-cell; width: 45%; height: 2em;
	padding: 0.2em 0.5em 0 0; text-align: right; vertical-align: middle; 
}
input, select, textarea {
	 width: 15em; font: 1.0em Arial, Verdana, sans-serif; background: #FFFFFF;
}
.radio {
	width: auto; 
}
.radio input {
	width: auto; 
}
.hiddenFields {
	 display: none;
}
.button {
	 width: 30%; margin-left: 45.5%; border: 2px outset #999999 !important; background: #990000 !important; color: #FFFFFF;
}

#container {
	width: 700px; min-height: 100%;
	margin: -14px 0 0 0; padding: 0 30px 30px 30px; background: #FFFFFF; color: #666666; 
}

#skip {
	position: absolute; top: -999px; left: -999px;
}

#masthead {
	float: left; width: 224px; height: 100px; 
	margin: 0; padding: 50px 100px 50px 0; background: transparent; 
}
#masthead h1 {
	margin: 0; padding: 0;
}
#masthead a {
	display: block; width: 224px; height: 0 !important; height /**/: 86px; overflow: hidden;
	margin: 0; padding: 0; padding-top: 86px; background: transparent url('../images/logo.gif') no-repeat top left;
}

#nav {
	float: right; width: 204px; height: 100px;  
	margin: 0; padding: 100px 136px 0 0; background: transparent url('../images/bgNav.jpg') no-repeat top right;
	text-align: right; 
}
#nav ul {
	margin: 0; padding: 0; list-style: none;  
}
#nav li {
	margin: 0 0 6px 0; padding: 0; text-align: right; 
}
#nav a {
	display: block; width: 100%; height: 0 !important; height /**/: 14px; overflow: hidden;
	margin: 0; padding: 14px 0 0 0; background: transparent url('../images/nav.gif') no-repeat top right;
}

#navItem01 a 			{ background-position: 100% 0px; }
#navItem02 a 			{ background-position: 100% -28px; }
#navItem03 a 			{ background-position: 100% -56px; }
#navItem04 a 			{ background-position: 100% -84px; }

#navItem01 a:hover { background-position: 100% -14px; }
#navItem02 a:hover { background-position: 100% -42px; }
#navItem03 a:hover { background-position: 100% -70px; }
#navItem04 a:hover { background-position: 100% -98px; }


#content {
	margin: 0; padding: 0 0 2.0em 254px; 
}
#content ul {
	margin: -0.8em 0 0.8em 0; padding: 0; list-style: none; 
}
#content li {
	list-style: none; 
	margin: 0 0 0 2em; padding: 0 0 0 1.2em; background: transparent url('../images/bullet.gif') no-repeat 0em 0.6em;
}

.hCard {
	float: left; 
	width: 224px; height: 1%;
	margin: -2.0em 0 1.5em -254px; padding: 400px 0 0 0; background: transparent url('../images/hCard.jpg') no-repeat top left;
	font: 1.1em/1 Arial Narrow, Arial, sans-serif; 
}
.hCard dl {
	width: 100%;
	float: left; clear: both;
	margin: 0;
	padding: 0; 
	line-height: 120%; 
}
.hCard dt {
	float: left; width: 40%;
	margin: 0.5em 0 0 0; padding: 0 1.5em 0 0;
	color: #213E6D; font-weight: normal;
}
.hCard dd {
	float: left; width: 50%;
	margin: 0.5em 0 0 0; padding: 0;
}
.hCard .org:first-line  {
	font-weight: bold;
}
.hCard .street-address {
	display: block;
}
.hCard .country-name {
	display: none; 
}

#home .hCard 		{ background-image: url('../images/hCard1.jpg'); }
#location .hCard 	{ background-image: url('../images/hCard2.jpg'); }
#rooms .hCard 		{ background-image: url('../images/hCard1.jpg'); }
#enquiry .hCard 	{ background-image: url('../images/hCard1.jpg'); }

#footer {
	clear: both; margin: 0 auto; font-size: 0.9em; 
}
#footer ul {
	margin: 0.4em 0; padding: 0; text-align: right; 
}
#footer ul li {
	display: inline; margin: 0; padding: 0; list-style: none;
}
#footer ul li a {
	margin: 0; padding: 0.2em 0 0.2em 1.2em;
	color: #213E6D; text-decoration: none;
}
#footer ul li a:hover {
	color: #7E1A1A; text-decoration: underline; 
}

#validate {
	display: none; margin: 0 auto; font-size: 0.9em; 
}
#validate ul {
	margin: 0; padding: 0; text-align: right; 
}
#validate li {
	display: inline; margin: 0; padding: 0; list-style: none;
}
#validate a {
	margin: 0; padding: 0.2em 0 0.2em 1.2em;
	color: #990000; text-decoration: none;
}
#validate a:hover {
	color: #FF0000; text-decoration: underline; 
}

.rates {
	width: 440px; 
	color: #213E6D !important;
}
.rates thead th {
	padding: 0.1em; background: #A4ABB6; vertical-align: top; text-align: center; 
}
.rates thead th em {
	display: block; font-size: 0.9em; font-weight: normal; color: #213E6D !important;
}
.rates tbody th {
	padding: 0.2em 0.5em; background: #EDEFF1; text-align: left; font-weight: bold; 
}
.rates tbody td {
	padding: 0.2em 0.5em; background: #EDEFF1; text-align: center; 
}

.note {
	margin-top: -1.2em; font-style: italic;
}

.special {
	margin: 0 2em 1.2em 2em; border: 1px solid #7E1A1A; padding: 0.6em; background: #F9E6E6; 
	font-size: 1.2em; font-variant: small-caps; font-weight: bold; color: #7E1A1A; 
}

#content ul.gallery {
	margin: 0; padding: 0; list-style: none; text-align: center; 
}
#content ul.gallery li {
	display: inline; float: left; width: 138px; height: 137px; list-style: none; 
	margin: 0 1em 1em 0; padding: 7px 13px 12px 8px; background: transparent url('../images/bgImage.gif') no-repeat left top; 
}

#home #content ul.gallery {
	position: relative; width: 520px; margin-left: -120px; 
}

.map {
	float: right; margin: 1em 0 1em 1em; border: 2px solid #999999; 
}
.map a {
	display: block; width: 138px; height: 137px; background: transparent url('../images/arialMap.jpg') no-repeat top left;
	text-indent: -999em;
}
