/* CSS Document */


BODY, HTML {	
			width: 100%; 
		   background-image:url(../images/background.gif);
		   background-position:top;
		   background-color: #876c51;
		   background-repeat: repeat-y;
           text-align: center;
		   margin:0px; 
		   padding:0px; 

}



#SiteWrapper {
	position:relative;
	width:800px;
	margin:0px;
	margin-left:auto; margin-right:auto;
	text-align:center;
	padding:0px;
}



#ContentArea {	
			position: relative;
			text-align:left;		
			margin:0; padding:0;
			width:796px;
			margin-left:2px;
			height:394px;
			background-image:url(../images/home-content.jpg);
			background-repeat:repeat-y;
		   	background-color:#f7ecd8;
			float:left;
}

#ContentArea2 {	
			position: relative;
			text-align:left;		
			margin:0; padding:0;
			width:796px;
			min-height:394px;
			margin-left:2px;
			height: auto;
		   	background-color:#f7ecd8;
			float:left;
}

#BackgroundContent { position: relative;		
			margin:0; padding:0;
			float:left;
			width:350px;
			margin-left:446px;
			height:auto;
		   }
		   
#BackgroundContent2 { position: relative;		
			margin:0; padding:0;
			float:left;
			width:468px;
			margin-left:328px;
			height:auto;
		   }




#FloatLeft {	position: relative;			
			margin:0; padding:0;
			margin-left:2px;
			float:left;
			width:796px;
}

#TextLinks {   display:block;
			margin:0; padding:0;
			padding-top:10px;
			float:left;
			width:530px; height:70px;
}


#NavBar { position: relative;
background:url(../images/nav-bar.gif);
background-repeat: no-repeat;
text-align:center;	
		margin:0; padding:0;
		width:auto;
		height:53px;
		}
#NavLinks {  
			 text-align:left;
			width:390px;
			margin-left:406px;
			 padding-left: 5px;
			 padding-bottom:6px; 
			 padding-top:8px; }
		
			 

#FloatRight {	position: relative;			
			margin:0; padding:0;
			float:right;
			width:538px;
}




#FloatBond {				
			margin:0; padding:0;
			float:left;
			width:446px;
			margin-left:2px;
			position:absolute;
			z-index:1;

}

#FloatBond2 {				
			margin:0; padding:0;
			float:left;
			width:328px;
			margin-left:2px;
			position:absolute;
			z-index:1;

}



#Content {	text-align:left;		
			margin:0; padding:0;
			float:left;
			margin-top:10px;
			height:auto;
}

#Content2 {	text-align:left;
			margin-right:10px;
			padding:0;
			float:left;
			width:538px;
			height:auto;
}



#Hotels {	     text-align:left;
			float:left;
			width:500px;
			height:auto;
}

#Spots1 {	     text-align:left;
			float:left;
			width:235px;
			margin-right:5px; 
}

#Spots2 {	     text-align:left;
			float:left;
			width:220px;
			margin-right:5px;
}

#Spots3 {	     text-align:left;
			float:left;
			width:150px;
			margin-right:5px; 
}


#SummerSection { text-align:center;
				padding-top:10px;
				padding-bottom:10px;
				}
				
#BlueBar {	display:block; 
		position:static;
		 margin:0; padding-top:10px; padding-bottom:10px;
		 width:542px;
}

#EmailSignup {
width:262px; height:190px;
background-image:url(../images/NewsletterSignup-BG.png);
background-repeat:no-repeat;
}

#EmailSignup2 {
width:262px; height:190px;
background-image:url(../images/NewsletterSignup-BG2.png);
background-repeat:no-repeat;
}

#Booking {
width:262px; height:262px;
background-image:url(../images/booking_background.gif);
background-repeat:no-repeat;
}

#esSpacing {
margin-left:20px;
padding-top:65px;
width: 220px;
height: 100px;
}

#tinyblue { text-align:right;
		wdith:100%;
		padding-right:20px;
}

#video {
	float:right;
	margin:0 0 15px 15px;
}