/*
 * edenholme css
 */

html, body {
	margin: 0;
	padding: 0;
	font: normal 100% verdana, sans-serif;
	letter-spacing: 1px;
	background-color: #314f4f;
	color: #1f2141;
	letter-spacing: 1px
}

a {
	text-decoration: none
}


a:hover {
	text-decoration: underline
}

/*
 * header
 */

div#header {
	background-color: #632222; /* 8a3434 */
	margin: 0;
	padding: 0;
	/*height: 100px;*/
	/*border-bottom: 5px inset #d19494*/
	border-bottom: 2px solid white
}

div#header div {
	margin: 0 auto;
	width: 807px
}

div#header div h1 {
	margin: 0 0 0 125px;
	padding-top: 5px;
	color: #daa48a;
	display: none
}

div#header img {
	border: 2px solid #ffc1be;
	border-width: 0 3px
}

dfn {
	border-bottom: 1px dashed #99ae77;
	cursor: pointer
}

img#classification {
	float: right;
	clear: right;
	margin-right: 1em
}

/*
 * wrapper
 */

div#wrapper {
	margin: 0 auto;
	width: 800px;
	border: 1px solid white;
	background: #e9f9cf url('images/background.png') repeat-y;
	color: #464a3f
}

/*
 * side panel
 */

div#side-panel {
	width: 140px;
	float: left;
	margin: 0;
	background-color: #47623a
	/*border: 1px solid black;*/
}

div#side-panel ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

ul#navigation li {
	text-align: center;
	display:inline
}

ul#navigation li#current {
	padding: 0.2em 0;
	display: block;
	background-color: #e9f9cf;
	border: 2px solid #8cb27c;
	border-width: 2px 0 2px 8px;
/*	font-weight: bold*/
}

ul#navigation li a {
	display: block;
	width: 136px;
	text-align: center;
	background-color: #47623a;
	border: 2px solid #5c884a;
/*	border-width: 1px 0 1px 0;*/
	color: #efdfdf;
	padding: 0.2em 0;
/*	background-image: url('images/button-up.gif');
	background-repeat: repeat-x*/
}
/*
div#side-panel ul li a:visited {
	background-color: #ebcba1
}*/

ul#navigation li a:hover {
	background-color: #59754e;
	text-decoration: none;
	border-color:  #b8d5ac;
/*	background-image: url('images/button-down.gif');
	background-repeat: repeat-x;*/
	color: white
}

ul#navigation ul li a:active {
	color: white;
	background-color: #8a3434
}

a#nav-booking, a#nav-inquiry, a#nav-choice, a#nav-tbb, #nav-availability {
	height: 130px;
	width: 130px;
	display: block;
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	margin: 5px 4px;
	border: 1px solid black
}

a#nav-tbb {
	height: 116px;
	background-image: url("images/tas-bab.jpg");
	margin-bottom: 0.5em
}

a#nav-tbb:hover {
	border-color: white
}

a#nav-availability {
	height: 60px;
	background-image: url("images/availability.jpg");
}

a#nav-availability:hover {
	background-image: url("images/availability-hover.jpg");
}

a#nav-choice {
	height: 151px;
	background-image: url("images/choice-hotels.png");
}

a#nav-choice:hover {
	border-color: white
}

a#nav-booking {
	background-image: url("images/booking-button.jpg");
}

a#nav-inquiry {
	background-image: url("images/inquiry-button.jpg");
}

a#nav-booking:hover {
	border-color: white;
	background-image: url("images/booking-button-hover.jpg");	
}

a#nav-inquiry:hover {
	border-color: white;
	background-image: url("images/inquiry-button-hover.jpg");	
}

a.navigation-image img {
	border: 1px solid white
}

a.navigation-image:hover img {
	border: 1px solid black
}

img.prefetched {
	display: none
}


ul#external li {
	text-align: center;
	font-style: italic;
	font-size: 0.8em;
	margin: 0.3em 0;
	color: #dbecdb;
}

ul#external li.header {
	margin-top: 1.2em
}

ul#external li a {
	color: #efdfdf;
	display: block;
	background-color: #638363;
	padding: 0.2em 0
}


/*
 * content
 */

div#content {
	padding: 10px;
	margin-left: 140px;
	font-size:0.9em;
	position: relative
	/*min-height: 500px;
	height: 660px*/
}

#content p {
	font-family: georgia
}

p#preamble {
	font-family: verdana;
	margin: 0 1em;
	padding: 0.5em 2em;
	background-color: #d1e5b1;
	border: 1px solid #b6c997;
	line-height: 120%;
	font-size: 0.9em
}

img.floater {
	float: right;
	padding: 0.6em
}

/*
 * headings
 */
 
h1 {
	font: 1.2em/1.3em Geogia, serif;
	font-style: italic;
	font-weight: bold
}

h2 {
	overflow: hidden;  
	text-indent: -10000px;  
	font-size: 0px;  
	line-height: 0px;
	display: block;
	height: 60px;
	width: 656px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black
}

h2#header-contact {
	background-image: url("images/header-contact.jpg")
}

h2#header-rooms {
	background-image: url("images/header-rooms.jpg")
}

h2#header-tariffs {
	background-image: url("images/header-tariffs.jpg")
}

/*
 * form elements
 */
 
 .hide {
	display: none
}

div.container h5 {
	padding: 0;
	margin: 1em 0;
	padding-left: 4em;
}

p.req-info {
	margin: 0 0 0.5em 1em;
	color: #69745a
}

em.required, div.row label em {
	font-weight: bold;
	color: #f00;
}

/* div.row is typically text input fields and other one line form elements */
div.row {
	margin: 5px 0;
}

div.row label, div.row2 label {
	display: block;
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	padding: 2px;
	font-size: 0.8em;
	color: #505844;
	border: 1px dotted #97a483;
	border-width: 1px 1px 1px 0;
	background-color: #deedc5;
	
}

div.row input:focus, textarea:focus {
	border: 2px solid #606e61;
	background-color: #f8fbe1
}

div.row em {
	font-size: 0.8em;
	color: #909c7d;
	padding-left: 0.5em
}

/* div.row2 for textarea and other larger form elements */
div.row2 label {
	width: 165px;
	float: none;
	border-width: 1px 1px 0 1px
}

div.row2 textarea {
	width: 450px;
	height: 100px
}

/* div.row3 is purely for (submit) button(s) */
div.row3 {
	margin: 12px 0 0 125px;
}


div.row3 input:active {
	background-color: #364e45;
	color: white
}

/* form errors */
div.row span, div.row2 span {
	background-color: #f7f7e3;
	border: 2px solid #b3552c;
	margin-left: 5px;
	padding: 2px 4px;
	display: block;
	width: 300px
}

/*
 * home
 */

label#lf {
	font: 1.5em georgia;
	margin: 1em 0 0 3em
}

#lf em {
	padding-left: 0.5em;
	font-size: 0.6em
}

#lf em:before {
	content: '- '
}

div#featured {
	display: none;
	position: absolute;
	left: 1em;
	background-color: #9c6d51;
	padding: 1em;
	color: white;
	border: 2px solid #471e1e
}

img#featuredimg {
	border: 1px solid white
}

div#featured:hover {
	cursor: pointer
}

ul#features {
	list-style: none;
	padding: 0;
	margin: 0 1em;
}

ul#features li {
	float: left;
	width: 175px;
	margin: 8px;
	text-align: center
}

ul#features li.hide {
	display: none
}

#features li a {
	border: 1px solid #e9f9cf;
	display: block;
	padding: 0.3em
	}
#features li a:hover {
	background-color: #d9ecc6;
	border: 1px solid #89a077;
	text-decoration: none
}

#features li img {
	display: block;
	padding: 4px;
	margin: 0 auto;
	border: 0
}

/*
 * tariffs
 */

table td, table th {
	padding: 0.5em;
	border: 2px solid #dada9d
}

table td img {
	display: block;
	padding-top: 0.3em
}

table td {
	font-style: italic;
}

table td:before {
	content: '$'
}

table#vessel-dates td:before {
	content: ''
}

table td.room:before {
	content: ''
}

table td a img {
	border: 0
}

table td.room, th.roomh {
	text-align: center;
	background-color: #f9f9cf
}

table td.room img {
	margin: 0 auto
}

div.specials {
	text-align: center;
	margin: 1em;
	padding: 0.5em;
	background-color: #986555;
	color: white;
	font-weight: bold;
}

div.specials img {
	margin-right: 0.5em;
	float: left
}

td.pax1, th.pax1 {
	background-color: #def9cf
}

td.pax2, th.pax2 {
	background-color: #d4f8c0
}

td.pax3, th.pax3 {
	background-color: #c8f1b1
}

td.pax4, th.pax4 {
	background-color: #c1eaab
}

td.pax5, th.pax5 {
	background-color: #b9e5a2
}

/*
 * rooms pages styling
 */

ul#rooms-images {
	/* rooms main page */
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	width: 600px;
	margin-right: 20px
}

ul#rooms-images li {
	float: left;
	width: 195px;
}

ul#rooms-images li a {
	display: block;
	text-align: center;
	border: 2px solid #c0c9b1;
	color: #3c472a;
	background-color: #d5e1c1;
	padding: 3px
}

ul#rooms-images li a:hover {
	text-decoration: none;
	border: 2px solid #798d59;
	color: #643c3c;
	background-color: #f2f8e7
	
}

ul#rooms-images li a:active {
	background-color: #e1d4c1
}

ul#rooms-images li a img {
	display: block;
	padding: 2px;
	border: 0
}

ul#rooms-images li.rooms-header {
	float: none;
	clear:both;
	text-align: center;
	width: 100%;
	letter-spacing: 4px;
	font-variant: small-caps;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 150%
}
/*
ul#rooms-images li.last {
	margin-left: 195px
}

/* individual rooms */

a#rooms-link {
	display: block;
	width: 100%;
	height: 100%;
}

p#rooms-return {
	padding: 0;
	margin: 0;
}

p#rooms-return a {
	background-color: #7d2b2b;
	border: 2px solid #4e0c0c;
	border-width: 0 2px 2px 0;
	padding: 0px 10px 5px 10px;
	color: white;
}

p#rooms-return a:hover {
	text-decoration: none;
	background-color: #8e871f;
}

div#starter-price {
	border: 4px double #327537;
	margin: 10px;
	width: 230px;
	text-align: center;
	background-color: #badc84;
	font-variant: small-caps;
	padding: 0.5em;
	line-height: 130%
}

div#starter-price em {
	display: block
}

div#starter-price span {
	display: block
}

img#main {
	float: right;
	padding: 2px;
	border: 1px solid black;
	margin: 0 0 1em 1em;
	background-color: #adbb95
}

ul#room-pics {
	clear: right;
	float: right;
	width: 600px;
	text-align: right;
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0
}

ul#room-pics li {
	padding: 0;
	display: inline
}

ul#room-pics li.no-show {
	display: none
}

ul#room-pics li a {
	margin: 2px 5px;
	padding: 3px 4px;
	border: 1px solid #314f4f;
	background-color: #bcd1d1;
	display: block;
	float: right;
	width: 125px
}

ul#room-pics li a:hover {
	background-color: #d1bcbc;
}

ul#room-pics li a:active {
	background-color: white;
}

ul#room-pics li a#selected {
	margin: 0;
	padding: 3px;
	border: 2px solid #bcd1d1;
	background-color: red
}

ul#room-pics li.pics-desc {
	display: block;
	font-size: 1.2em;
	margin: 0 1em 0.5em 0;
	font-style: italic
}

ul#room-pics li a img {
	border: 0
}

/*
 * vessel
 */

ul#vessel {
	margin:0;
	padding:0;
	list-style:none
}

ul#vessel li {
	clear: right;
	padding: 0.3em;
	padding-top: 0.5em
}

ul#vessel li.alt {
	background-color: #def9cf;
	height: 156px
}

ul#vessel li img {
	float: right;
	margin: 0 0.5em 0.5em 0.5em;
	border: 1px solid #3f443e
}

ul#vessel li table {
	margin-top: 1em
}

ul#vessel li table td {
	padding-left: 0.5em;
	font-size: 0.9em
}

/*
 * footer
 */

div#footer {
	margin: 0 auto;
	width: 800px;
	border-top: 1px solid white;
	background-color: #C5DAC5;
	color: #677364;
	clear: both;
	padding: 4px 0
}

div#footer ul {
	text-align: center;
	list-style-type: none;
	margin: 0;
	padding:0
}

div#footer ul li {
	font-size: 0.7em;
	display: inline
}

div#footer a {
	color: #4574BC;
}

div#footer ul li.footer-desc {
	font-weight: bold
}

#footer ul li.new-line {
	display: block;
	/*display: none*/
}