/* --Layout-- */
body, ul, li, div, span, a { margin: 0; padding: 0; }
#main { width: 780px; margin: 15px auto; padding-bottom: 15px;}

.link,
a { color: #506c46; text-decoration: underline; }
.link { cursor:pointer; }

#header { /*height: 50px;*/ padding-top: 190px; }

#nav li { float: left; }
#nav li a { display: block; float: left; /*width: 7em;*/ padding: 0 1.3em 0; margin-top: 1em; text-align: center; border-right: 1px solid #506c46; font-size: 1.2em; }
#nav li.lastItem a { border-right-width: 0; }

#intro { float: left; padding: 0 15px; width: 500px; }
#column1 { width: 230px; padding: 10px; float: right; }
#column1 a { padding-top: 25px; }

#frmRequest legend { display: none; }
#frmRequest fieldset { border: none; padding: 0; }
#frmRequest .field { margin-bottom: .2em; }
#frmRequest #rooms, #adults, #children { width: 8em; }
#frmRequest label { float: left; clear: left; width: 8em; }
#frmRequest input { width: 6em; }
#frmRequest .wide label { width:4em; }
#frmRequest .wide input { width:11.5em; }
#frmRequest .field { margin: 5px 0 5px 0; }
#frmRequest button { width: 20px; height: 20px; text-indent: -1000em; border: none; overflow: hidden; cursor: pointer; }
#frmRequest #submitButton { width: 75px; height: 26px; background: url(/images/bt_submit.gif) 0 0; border: none; cursor: pointer; color: white; font-size: 1.2em; }
#frmRequest #submitButton:hover { background-position: 0 bottom; }
#frmRequest .checkbox { width: 100%; }
#frmRequest .checkbox label { width: auto; margin-bottom:1em; }
#frmRequest .checkbox input { width:1em; }
#checkinCalendar, #checkoutCalendar{ background: url(/images/p_cal.gif) no-repeat 0 0; }

.rooms-1 #guests { color:#001; /* leave this to fix ie bug */ }
.rooms-1 #rooms-2, .rooms-1 #rooms-2 option { color: gray;  }

#imageList { clear: left; }
#reception { float: left; padding: .5em; }

#logo { position: absolute; top: 8px; left: 50%; margin-left: -93px; width: 186px; height: 194px; display: block; }

#logo img { border: none; }

#copyright, #credits { float: left; width: 49%; }

#amenities li { list-style-type: none; background: url(/images/bt_amen.gif) no-repeat 1em 5px; padding-left:1em; display: block; text-indent:1em; }

#contentPane { width: 100%; float: left; }
#contentPane ul { margin-bottom:1em; }


/* Contact Us & reservation*/
body.contact #intro form	 		{ border-width: 1px; padding: 1em; width: 35em; }
body.contact #intro label 		{ display: block; width: 8em; float: left; }
body.contact #intro input 		{ margin-bottom: 1em; }
body.contact #intro textarea 	{ width: 32em; }
body.reservation label  { float: left; width: 10em; }
body.reservation .checkbox label {
	width: 14em;
}
body.reservation .conditions {
	margin: 2em 0;
}
body.reservation .conditions label {
	width: auto; 
}
body.reservation input, body.reservation .input { margin-bottom: .5em; float: left;}
body.reservation .required-indicator { background-image: url(/images/img_required.gif); text-indent: -1000em; background-repeat: no-repeat; display: block; float:left; width:2em;}
body.reservation p.required-indicator { text-indent: 0; width: auto; padding-left: 2em; }
body.reservation .field,
body.reservation .label { clear: both; }
body.reservation .label { float: left; }
body.reservation form #submitButton { width: 75px; height: 26px; background: url(/images/bt_submit.gif) no-repeat 0 0; border: none; cursor: pointer; color: white; font-size: 1.2em; background-repeat: no-repeat; clear: both; margin-top: 1em;}
body.reservation button { width: 20px; height: 20px; text-indent: -1000em; border: none; overflow: hidden; cursor: pointer; }

body.reservation form #submitButton:hover { background-position: 0 bottom; }
body.reservation p.extraInfo {
	clear: both;
}

body.reservation legend { color: #506c46; font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; color: #506c46; font-variant: small-caps; font-weight: bold; font-size: 1.2em; }

body.reservation fieldset { margin-bottom: 1em; padding: 1em; }

body.reservation .benefit {  }
body.reservation .benefit a { margin-left:20px; }
body.reservation #fineprint { padding:1em; border: 1px solid #7c7c7c; background: white; font-size:1em; color: #333}
body.reservation h2 { font-size:1em; color: #333}

/* PRESENTATION */
body { font-size: 76%; font-family: Arial, Helvetica, sans-serif; background-image: url(/images/bg_dkgrn.gif); }

h1 { font-style: italic; }
h1, h2, h3 { font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif; color: #506c46; font-variant: small-caps; }

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.1em; border-bottom: 1px solid #506c46; margin-top: 0em; }

#contentPane li { list-style-position:inside; padding-left:1em; }

#main { background-color: #FFFFFF; }
	
#header { background-image: url(/images/header.jpg); background-repeat: no-repeat; }

#tagLine { text-align:center; font-weight:bold; }

#contentPane { background: white; }

/* navigation */
#nav { background-color: #d1ecca; height: 3.5em; }
#nav a { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #d1ecca; color: #506c46; text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav li { list-style: none; }

#intro { background-image: url(/images/bg_intro.gif); }

#column1 { background-color: #FFFFFF; }

/* request form */	
#frmRequest { background-image: url(/images/bg_ltgrn.gif); border: 1px solid #506c46; padding: 5px; }
#frmRequest .required-indicator { color: #506c46; margin: 0 0 15px; font-weight:bold; letter-spacing:1px; }
#frmRequest .note { color: #333; border: 1px solid   #A8B6A3; border-width:1px 0 ; padding:2px; background: #d1ecca;}

#amenities { background-image: url(/images/bg_dkylw.gif); border: 1px solid #ffde5b; margin-top: .5em; }

#footer { background-color: #d1ecca; height: 5em; float: left; width: 100%; height: 2em; margin-bottom: 0em; font-size: .8em; color: #506c46; text-decoration: none; text-transform: uppercase; }

#column1 li { padding-bottom: .8em; font-size: 1.1em; }

/* Contact Us */
body.contact form #submitButton { width: 75px; height: 26px; background: url(/images/bt_submit.gif) no-repeat 0 0; border: none; cursor: pointer; color: white; font-size: 1.2em; background-repeat: no-repeat; }
body.contact form #submitButton:hover { background-position: 0 bottom; }

#errors { color: red; }
.error { border: 1px solid red; }
.hide { display: none; }

#reservationLink { position:relative; padding: 0.3em; background: #506c46 url(/images/arr_reserv.gif); margin-top: 2em; display: block; /*height: 43px; font-size:1.5em; text-indent:-9999em */}

#reservationLink:hover { background-position: 0 bottom;}

/* Rates */
.tableRates { text-align: center; width: 25em; border: 1px solid #ccc; }

.rates .odd { background-color: #ffffdd; }

.rates th { background-color: #D1ECCA; border-bottom: 1px dashed #ccc; }

/* Testimonials */
.testimonials .list { text-align: left; width: 500px; border: 1px solid #ccc; border-collapse: collapse;  }
.testimonials td, th { padding:.5em; }
.testimonials .odd { background-color: #ffffdd; }
.testimonials thead th { background-color: #D1ECCA; border-bottom: 1px dashed #ccc; }
.testimonials tbody th { white-space:nowrap; }

/* testimonials converting table to list
.testimonials td {display:block; }
.testimonials tr {display:block; padding:1em;}
.testimonials th {display:block}
.testimonials tr abbr {font-size:1.5em; border:none;}
.testimonials .list {border:none; }
.testimonials thead {display:none}
* html .testimonials thead { display: block; }
* html .testimonials tr { padding: 0; }
* html .testimonials .list { border-width:1px; }
 */

.apartments #contentPane img { margin:0 1em 1em 0; }
.apartments #contentPane h2 { clear:left; }

* html body.reservation p.required-indicator { margin: 1em 0; }
* html #amenities li { text-indent:0; }

@media print {
	body { background: none; }
	#main, #contentPane, #intro, #footer { float: none; width: auto; background: none; color: #000; }
	#column1, #nav, #header, #tagLine { display: none; }
}