* {border: 0; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; }

body {background-color: #4771C7;
		background-image:url(../images/upper_bg.gif);
		background-repeat: repeat-x; }

html body {text-align: center; } <!-- background-image:url(images/ie_upper_bg.gif);  -->

* html img#head_img { margin-bottom: -4px; }

div#header {height: 192px;
		width: 768px;
		background-image:url(../images/header_bg.gif);
		background-repeat: repeat-y;
		margin: 0 auto;
		text-align: left;
		padding-left: 15px;
		position: relative; }

* html div#header {width: 783; }

div#container {	width: 783px;
		background-image:url(../images/inner_bg.gif);
		background-repeat: repeat-y;
		margin: 0 auto;
		text-align: left;
		position: relative; }

#packages div#container, 
#pictures div#container {background-image:url(../images/inner_bg_white.gif); }


div#content {width: 554px;
		padding-top: 16px;
		margin-left: 15px;
		}

#home div#content {padding-top: 0px; }		
#packages div#content, #pictures div#content { width: 748px; }



div#sidebar {width: 194px; height: 500px;
		position: absolute;
		top: 0px; left: 569px;
		background-color: #FFE8AE; }

		
div#bottombar {background-color: #FFE8AE;  width: 748px; height: 115px; }
div#bottombar img {float: left; margin-top: 5px; }
		

div#menubar {position: absolute;
			top: 167px;
			left: 203px;
			}

ul#menu {list-style-type: none; }
ul#menu li {display: inline; }
ul#menu li a {float: left; height: 25px; display: block; text-decoration: none; text-indent: -200px; overflow: hidden; }
ul#menu li a:hover {background-position: 0px 25px; }

a#home_btn {width: 57px; background-image:url(../images/home.gif); }
a#packages_btn {width: 172px; background-image:url(../images/packages.gif); }
a#amenities_btn {width: 131px; background-image:url(../images/amenities.gif); }
a#reservations_btn {width: 110px; background-image:url(../images/reservations.gif); }
a#contact_btn {width: 73px; background-image:url(../images/contact.gif); }

div#footer {text-align: center; margin-top: 15px; }

.footertext { font-family: Arial, Helvetica, sans-serif;
				font-size: 11px; 
				font-weight: bold; 
				color: #848484;
			}
.footertext a {color: #F00; text-decoration: none;}
.footertext a {text-decoration: underline; }

.clearfix:after {content: "."; 
		display: block; 
		clear: both; 
		visibility: hidden; }

a img {text-decoration: none; border: none; }

div#content p {font-family: arial, Helvetica, san-serif; 
		font-size: 13px;
		font-weight: bold;	
		line-height: 16px; 
		margin: 4px 0 16px 20px; 
		}

div#content h1 {margin: 0 10px 20px 20px; font-weight: bold; font-size: 24px; }


.bigblue {font-size: 20px;
		line-height: 17px;			
		color: #4771C7;
	  }
	  
#contact-area {
	font-size: 12px;
	padding-left: 4px;
	padding-top: 5px;
}

.email {
	padding-left: 2px;
}

#contact-area input {
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 50px;
	width: 200px;
	margin-left: 40px;
	border: 2px solid #ccc;
	font-size: 1em;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #4771C7;
}

#contact-area input.submit-button {
	width: 100px;
	margin-left: 80px;
	margin-bottom: 4px;
}