/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 14px Arial, Verdana, Helvetica, Sans Serif;
	color: #55565e;
	text-align: left;
	background: #b2496c url(images/bg.gif) repeat-x top center;
}

img {
	display: block;
	border: none;
}

#header h1 img {
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

#container {
	width: 850px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #404cab;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}


/*________ MAIN NAV ________*/

#mainNav {
	float: left;
	width: 230px;
	background: #FFF url(images/bg-nav.gif) no-repeat top;
}
#mainNav ul {
	font: 16px Georgia, "Times New Roman", Times, serif;
	color: #453d2b;
	text-align: left;
	padding: 15px 40px 0 40px;
	height: 328px;
	display: block;
}
#mainNav li {
	list-style: none;
}
#mainNav li a {
	display: block;
	width: 150px;
	color: #453d2b;
	text-decoration: none;
	padding: 6px 0 10px 0;
	background: url(images/bg-nav-item.gif) repeat-x bottom;
}
#mainNav li a:hover {
	color: #000;
	padding-left: 3px;
}


/*________ FLASH AREA ________*/

#slideshow {
	padding: 20px 0 20px 20px;
	float: left;
	width: 600px;
	height: 400px;
}


/*________ CONTENT ________*/

#content {
	padding: 20px 0 20px 20px;
	float: left;
	width: 600px;
}
#content h2 {
	font: italic 20px Georgia, "Times New Roman", Times, serif;
	color: #404cab;
	padding-bottom: 15px;
	clear: left;
}
#content h3 {
	font-size: 16px;
	color: #404cab;
	font-weight: normal;
	padding-bottom: 10px;
}
#content p {
	padding-bottom: 15px;
	line-height: 1.5;
}
#content ul {
	padding: 0 0 15px 40px;
	line-height: 1.5;
}
#content ul.featuresList {
	float: left;
	padding-right: 40px;
}

#content .rateDetails {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e7;
}
#content .rateDetails ul {
	float: left;
	padding-right: 60px;
	padding-left: 0;
	list-style: none;
}
#content .rateDetails p {
	clear: left;
}
#content .rateDetails ul strong {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

#content table {
	margin-bottom: 15px;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#content table td {
	padding: 5px;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
}


#homeAbout {
	background: #FFF url(images/bg-about-surfside-retreat.jpg) no-repeat top;
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	color: #453d2b;
	line-height: 1.5;
	height: 76px;
	clear: left;
	padding: 170px 40px 43px 40px;
}
#homeAbout a {
	color: #FFF;
	text-decoration: underline;
}
#homeAbout a:hover {
	color: #000;
}

#guestReviews p {
	font: italic 12px Georgia, "Times New Roman", Times, serif;
	line-height: 1.5;
	border-bottom: 1px dashed #e0e0e0;
	margin-bottom: 15px;
}

.imgRight {
	float: right;
	margin: 0 0 15px 15px;
}
.imgLeft {
	float: left;
	margin: 0 15px 15px 0;
}







#content form fieldset {
border: 0;
}

#content form legend {
display: none;
}

#content form fieldset label {
float: left;
clear: left;
text-align: right;
margin: 0 10px 8px 0;
padding-top: 3px;
}

#content form fieldset input {
display: block;
padding: 2px 0 2px 3px;
margin: 0 0 8px 0;
}

#content form textarea {
display: block;
padding: 2px 0 2px 3px;
margin-bottom: 8px;
overflow: auto;
font: 13px Arial, Verdana, Helvetica, Sans Serif;
}

#successText p {
font-weight: bold;
color: #02c71e;
padding-bottom: 5px;
}

#errorText {
color: #ff0000;
}

#errorText p {
padding-bottom: 5px;
}

#errorText ul {
font-size: 12px;
}

#content form #verification img {
float: none;
display: block;
margin: 0 0 3px 0;
}

#content form #verification label {
float: none;
display: block;
width: auto;
text-align: left;
margin-bottom: 3px;
}

/*__________MAKE A BOOKING__________*/

#bookingForm label {
width: 105px;
}

#bookingForm fieldset input {
width: 207px;
}

#bookingForm fieldset input#arrival, #bookingForm fieldset input#departure {
float: left;
width: 102px;
margin-right: 5px;
}

#bookingForm img {
float: left;
margin: 3px 5px 11px 0;
}

#bookingForm div {
display: block;
padding: 4px 0 10px 0;
}

#bookingForm select#adults, #bookingForm select#children {
float: left;
width: 49px;
margin-right: 5px;
text-align: center;
}

#bookingForm div.guests {
float: left;
margin-right: 8px;
padding: 3px 0 8px 0;
}

#bookingForm div#kids {
float: none;
display: block;
overflow: hidden;
width: 100px;
margin-bottom: 5px;
}

#bookingForm select {
display: block;
overflow: hidden;
width: 210px;
margin-bottom: 8px;
}

#bookingForm textarea {
width: 257px;
height: 106px;
}

#bookingForm input {
margin: 0 0 0 115px;
}

#bookingForm #verification {
margin: 0 0 0 115px;
padding: 0;
}

/*__________CONTACT US__________*/

#contactForm label {
width: 65px;
}

#contactForm fieldset input {
width: 197px;
}

#contactForm textarea {
width: 247px;
height: 96px;
}

#contactForm input {
margin: 0 0 0 75px;
}

#contactForm #verification {
margin: 0 0 0 75px;
}

/*__________FOOTER__________*/

#footer {
	background: #b2496c;
	font-size: 10px;
	color: #ddafbe;
	text-align: center;
	padding: 5px 0 20px 0;
}

#footer a {
	color: #ddafbe;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}