body {
	width: 100%;
	margin: 0px; 
	background: #043156;
	float: left;
	}

.left {
	float: left;
	}

.right {
	float: right;
	}
	
	a img {
		border: none;
	}


#indexSiteContainer {
	width: 100%;
	float: left;
	background-image: url(../images/indexbackgroundright.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-bottom: 1px solid #FFFFFF;
	}
	
	#indexSiteConstraint {
		width: 900px;
		float: left;
		height: 463px;
		}
	
		#indexSiteLeft {
			width: 321px;
			height: 463px;
			background: #FFFFFF;
			background-image: url(../images/indexbackground.gif);
			background-position: top left;
			background-repeat: repeat-x;
			float: left;
			}
			
			#indexSiteLogo {
				width: 250px; 
				padding-left: 71px;
				float: left;
				padding-top: 52px;
				padding-bottom: 52px;
				}
			
			#indexSiteText {
				width: 281px;
				float: left;
				padding: 15px 20px 15px 20px;
				}
		
		#indexSiteFlash {
			width: 579px;
			height: 463px;
			float: left;
			}

#headerTopContainer {
	width: 100%;
	background: #BCC6CF;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	}
	
	#headerTopConstraint {
		width: 668px;
		float: left;
		background: #D9DFE4;
		padding-left: 232px;
		}

#headerBottomContainer {
	width: 100%;
	background: #8799A5;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	}
	
	#headerBottomConstraint {
		width: 900px;
		float: left;
		}
	
#bodyContainer {
	width: 100%;
	background: #D6DDE2;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	}
	
	#bodyConstraint {
		width: 900px;
		float: left;
		background: #FFFFFF;
		}
		
		/********** vacation rentals styles *************************************************************************************/
		
		
		#leftColumntrue {
				width: 320px;
				float: left;
				padding: 10px 15px 75px 15px;
				text-align: center;
				}
			
			#leftColumntrue img {
				float: left;
				margin: 10px 0 0 0;
			}
			.leftNavText {
				color: #222222;
				float: left;
				text-align: left;
				padding: 35px 15px 5px 15px;
			}
			
		#rightColumntrue {
			width: 545px;
			float: left;
			padding: 0px;
			margin: 0px;
			overflow: hidden;
			}
			
			#rightColumntrue #flash {
				margin: 0;
				padding: 0;
			}
			
				#rightColumntrue #propertyContainer {
					width: 525px;
					overflow: hidden;
					float: left;
					margin: 0px;
					padding: 0px 0px 0px 32px;
					background: #d6dde2 url('/images/vacationArrow.gif') repeat-y;
					overflow: hidden;
				}
					
					#rightColumntrue .property {
						float: left;
						width: 169px;
						height: 101px;
						overflow: hidden;
						margin: 0;
						border-right: 3px solid #d6dde2;
						border-bottom: 5px solid #d6dde2;
					}
					
					#rightColumntrue .property a,
					#rightColumntrue .property a:visited,
					#rightColumntrue .property a:hover {
						display: block;
						border: 0;
					}
					
					#rightColumntrue .property h3 {
						position: relative;
						top: 60px;
						left: 8px;
						color: #ffffff;
						text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 0.1em 0.1em #333;
					}
					
					#rightColumntrue .property .buttons {
						position: relative;
						width: 171px;
						height: 20px;
						overflow: hidden;
						top: 55px;
						left: 0;
						border: 0;
					}
						
						
						#rightColumntrue .property .buttons a {
							float: left;
							display: inline;
							border: 0;
						}
						
		/********** end  vacation rentals styles *********************************************************************************/
		
			#leftColumn {
				width: 235px;
				float: left;
				padding-bottom: 75px;
				}
				
				.sidebarImage {
					width: 195px;
					height: 130px;
					float: left;
					font-size: 25px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #FFFFFF; 
					background: #8699A5;
					padding-left: 20px;
					padding-right: 20px;
					padding-bottom: 5px;
					line-height: 24px;
					}
				
				.searchHeader {
					background: #8699A5;
					padding: 10px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #FFFFFF;
					}
				
				.searchBody {
					background: #D6DDE2;
					padding: 10px 10px 20px 10px;
					}
					
					.searchBodyTitle {
						font-size: 11px;
						color: #0C255C;
						font-weight: bold;
						padding-top: 10px;
						padding-bottom: 3px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						}
					
					.searchBodyInput {
						width: 205px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 11px;
						}
										
				.navItem {
					width: 205px;	
					border-top: 3px solid #FFFFFF;
					background: #C1CBD2;
					padding: 5px 10px 5px 20px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 13px;
					font-weight: bold;
					color: #103950;
					float: left;
					}
			
					.navItem a:hover {
						color: #0B2533;
						text-decoration: none;
						}
					
					.navItem a:visited, .navItem a {
						color: #103950;
						text-decoration: none;
						}
			
			#rightColumn {
				width: 625px;
				float: left;
				padding: 15px 20px 50px 20px;
				}
				
				.searchDirections {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px; 
					color: #0C255C;
					line-height: 15px;
					padding-top: 12px;
					width: 625px;
					}
				
				.mapContainer {
					width: 625px;
					float: left;
					background-image: url(../images/h1background.gif);
					background-position: bottom;
					background-repeat: repeat-x;
					padding-bottom: 10px;
					margin-bottom: 10px;					
					}
				
				.searchWhite {
					padding: 10px;
					float: left;
					background: #ECEFF2;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #000000;
					line-height: 18px;
					width: 605px;
					border-bottom: 2px solid #FFFFFF;
					}
					
					.searchButton {
						margin-left: 15px;
						margin-right: 15px;
						float: right;
						}
				
				.searchBlue {
					padding: 10px;
					float: left;
					background: #D6DDE2;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #000000;
					line-height: 18px;
					width: 605px;
					border-bottom: 2px solid #FFFFFF;
					}
				
				#calendarToggle {
					width: 625px;
					float: left;
					padding-top: 15px;
					padding-bottom: 25px;
					}
					
					.calendarDropdown {
						width: 180px;
						font-family: Arial, Helvetica, sans-serif;
						color: #103950;
						font-size: 11px;
						margin-top: 4px;
						}
				#calendarKey {
					width: 625px;
					float: left;
					}
				
				#calendarButton {
					width: 625px;
					float: left;
					padding-top: 30px;
					padding-bottom: 20px;
					}
				
				.calandarInstanceLast {
					width: 200px;
					float: left;
					padding-right: 5px;
					}
				
				.calandarInstanceCurrent {
					width: 200px;
					float: left;
					padding-left: 5px;
					padding-right: 5px;
					}
				
				.calandarInstanceNext {
					width: 200px;
					float: left;
					padding-left: 5px;
					}
					
					.calendarDOW {
						background: #C6C8CA;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #6D6D6E;
						}
					
					.calendarDAY {
						background: #E4E6E7;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #000000;
						height: 25px;
						}
				
					.calendarFILL {
						background: #609ABF;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #000000;
						height: 25px;
						}
					
					.calendarSTART {
						background: #E4E6E7;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						background-image: url(../images/start.gif);
						background-position: bottom;
						background-repeat: repeat-x;
						color: #000000;
						height: 25px;
						}
					
					.calendarEND {
						background: #E4E6E7;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						color: #000000;
						height: 25px;
						background-image: url(../images/end.gif);
						background-position: top;
						background-repeat: repeat-x;
						}
				
			.reservationsMessage {
				background: #990000;
				color: #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				padding: 10px;
				font-weight: bold;
				font-size: 13px;
				}
			
			.reservationsField {
				width: 500px;
				border:  1px solid #999999;
				}
			
			.reservationsMedium {
				width: 270px;
				border:  1px solid #999999;
				}
			
			.reservationsShort {
				width: 100px;
				border:  1px solid #999999;
				}
			
			.reservationsDate {
				width: 60px;
				border:  1px solid #999999;
				background-color: #FFFFFF;
				}
			
			.reservationsTitle {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #000000;
				padding-top: 8px;
				}
			
			.reservationsText {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: normal;
				color: #000000;
				}
			
			.reservationsDateWrapper {
				background-color: #E8EBEE;
				padding-left: 15px;
				padding-bottom: 10px;
				border: 1px solid #999999;
				}
			
			.reservationsButton {
				padding-top: 15px;
				}
				
			
			#locationSearch {
				width: 205px;
				float: left;
				background: #DADFE5;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				padding: 15px;
				line-height: 18px;
				color: #576873;
				}
				
				/*		GALLERY STYLES	*/
				
				#galleryContainer {
					margin: 0;
				}
				
					#scroller {
						width: 602px;
						height: 86px;
					}
					
					#previewWrap {
						height: 520px;
						overflow: hidden;
					}
											
						#preview {
							width: 602px;
							height: 520px;
							overflow: hidden;
							text-align: center;
							padding-top: 15px;
						}
						

						#hl_title {
							text-align: left;
							font: 22px arial;
							color: #cccccc;
							height: 25px;
						}
						
						#hl_text {
							text-align: left;
							font: 11px arial;
							color: #666666;
							height: 35px;
						}
						
					
	/*  footer styles	*/
	#footer {
		float: left;
		width: 880px;
		margin: 5px 0;
		padding: 8px 0 0 20px;
		font: 11px arial;
		color: #758f99;
	}
	
		#footerZipline {
			float: left;
			width: 190px;
			margin: 0 40px 0 0;
		}
		
			#footerZipline a,
			#footerZipline a img {
				border: none;
			}
		
		#footerLinks {
			float: left;
			width: 650px;
			text-align: right;
		}
		
			#footerLinks a,
			#footerLinks a:visited {
				color: #ffffff;
				text-decoration: none;
			}
			
			#footerLinks a:hover {
				color: #000000;
				text-decoration: underline;
			}
			
		#footerSEO {
			float: left;
			clear: both;
			width: 850px;
			margin: 30px 0	;
			text-align: center;
		}
		
			#footerSEO a,
			#footerSEO a:visited,
			#footerSEO a:hover {
				color: #c2c2c2;
				
			}
		
		