@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: url(/media/layout/body-bg.jpg) 0 0 repeat-x #03314d; font:13px/20px Helvetica, Arial, sans-serif; color:#333; }
img { border: 0; }
a { color: #abc45f; text-decoration: none; font-weight: bold; }
a:hover { color: #d6e2ba; text-decoration: underline; }

hr { clear: both; }
div.grass { clear: both; width: 936px; height: 26px; background: transparent url(/media/layout/hr-grass.gif) no-repeat; }
	div.grass hr { display: none; }

h2, h2 a { font-size: 16px; font-weight: normal; font-family: Futura, Helvetica, Arial, sans-serif; text-decoration: none; color: #fff; }
h2 a:hover { text-decoration: none; }
h3 { font-size: 16px; }
h4 { font-size: 13px; font-weight: normal; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#wrapper { width: 960px; margin: 20px auto; background: transparent url(/media/layout/bg.jpg) 0 0px no-repeat; }

#header { position: relative; height: 172px; }
	#seaOats { position: absolute; top: -6px; }
		#seaOats img { width: 245px; height: 65px; }
	#navigation { position: absolute; right: 0; top: 0; height: 35px; overflow: hidden; text-align: right; }
		#navigation ul { list-style: none; margin: 0; }
			#navigation ul li { display: inline; margin-left: 2px; }
				#navigation ul li a img { position: relative; }
	#headerText { position: absolute; left: 8px; top: 75px; width: 520px; color: #fff; }
	#headerText h2 { font-size: 14px; }
	#headerText.one-liner { top: 120px; }
		#headerText.one-liner h2 { text-transform: uppercase; font-size: 16px; }
	#sister { position: absolute; top:55px; left: 0; }
	#logo { position: absolute; right: -4px; top: 40px; text-align: center; }
		#logo img { width: 361px; height: 100px; }
		#logo h2 { margin: 0; font-size: 19px; letter-spacing: 2px; margin-top:-2px;}

#main {  }
	#content { float: left; width: 470px; }
	#content.wide { width: 670px; }
		#content h2 { text-transform: uppercase; }
		#mainPhoto, #otherPhoto { height: 336px; position: relative; }
			#mainPhoto img, #otherPhoto img { position: absolute; left: 0px; border: 8px solid #e3e9e9; }
			#mainPhoto img.hidden, #otherPhoto img.hidden { display: none; }
	#content a { color: #03314d; font-weight: normal; }
		#content a:hover { color: #333; }
	#message { float: left; width: 200px; margin-left: 12px; }
	#sidebar { float: right; width: 480px; background: transparent url(/media/layout/form-divider.gif) 212px 16px no-repeat; }
	#sidebar.narrow { width: 280px; background-position: 12px 16px; }
		#intro { float: left; width: 196px; }
		
		ul#gallery-thumbs { list-style: none; }
			ul#gallery-thumbs li { width: 43px; height: 43px; border: 2px solid #D6E2BA; margin: 0 2px 2px 0; float: left; }
			img.gallery-thumb { cursor: pointer; }
		
		#search { float: right; width: 250px; height: 324px; }
			#search h3 { margin: 15px 0 0 0; }
			#search form {  }
				#search form ul { list-style: none; margin: 0 0 0 8px; float: left; font-size: 11px; line-height: 13px; }
				#search form ul.alignRight { float: right; margin: 0; }
					#search form ul li { margin: 6px 0; }
					span.formNotes { margin-right: 4px; font-style: italic; display: block; width: 30px; float: left; text-align: right; }

	#one-column {  }

#resultThumbs {  }
	div.resultThumb { float: left; margin: 0 5px 10px 5px; width: 120px; border: 2px solid #fff; background-color: #d6e3b8; color: #024a75; font-size: 12px; line-height: 14px; }
		div.resultThumb a { display: block; }
		div.resultThumb a:hover { text-decoration: none; }
		div.resultThumb p { text-align: center; margin: 0; }

#belowFold { clear: both; color: #d6e2ba; }
	#belowFold p { text-align: center; }
	
	#mapSearch, div.results, #details { color: #fff; margin: 0 12px; }
		#mapSearch-content, #details-content { float: left; width: 604px; }
			#mapSearch-content img, #details-content img { border: 2px solid #d6e2ba; }
			#mapSearchPrices { width: 180px; float: right; }
				#mapSearchPrices h3 { margin: 0; padding: 0; font-size: 13px; font-weight: normal; text-transform: uppercase; }
				#mapSearchPrices table { }
					#mapSearchPrices tr { }
						#mapSearchPrices td { padding-right: 6px; }
						#mapSearchPrices td.price { text-align: center; }
			#mapSearchDesc, #detailsDesc { width: 560px; clear: both; float: left; }
				#mapSearchDesc p.first, #detailsDesc p.first { margin-top: 0; }
		#googleMap { width: 304px; float: right; overflow: hidden; border: 2px solid #D6E2BA; }
			#googleMap img, div.map img { border: 4px solid #fff; }
		div.results-content { float: left; width: 728px; }
			div.results-content img { border: 2px solid #D6E2BA; float: left; margin-right: 12px; }
			div.resultsDesc { float: left; clear: both; }
				div.resultsDesc p.first { margin-top: 0; }
		div.map { width: 180px; height: 158px; float: right; margin-top: 48px; overflow: hidden; border: 2px solid #D6E2BA; }
		
#footer {  }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/

.map-iframe { width: 180px; overflow: hidden; }

form#contact-form { padding: 20px; float: right; background: transparent url(/media/layout/form-divider.gif) 0 12px no-repeat; }
	form#contact-form ul { margin: 0; list-style: none; }

#form-thank-you { padding: 0 20px; width: 214px; height: 300px; float: right; background: transparent url(/media/layout/form-divider.gif) 0 12px no-repeat; }
	
ul#detail-features { margin-left: 20px; }
	ul#detail-features li { margin-right: 30px; float: left; }
	
#locations { width: 578px; margin-left: 10px; margin-top: 12px; float: left; }

ul#locations-list { list-style: none; }
	ul#locations-list li { float: left; margin-right: 12px; width: 272px; }
		ul#locations-list h3 { color: #024974; font-size: 14px; margin: 0; }
		ul#locations-list p { margin-top: 0; }
		
#locations-map { width: 350px; height: 300px; float: right; background-color: #fff; margin-top: 8px; border-left: 6px solid #e8e9ee; border-right: 6px solid #e8e9ee; }

#big-map-copy { float: left; width: 200px; margin-left: 12px; }
	#big-map-copy a { color: #03314d; font-weight: normal; }
	#big-map-copy a:hover { color: #333; }
	
#google-map { float: right; border: 8px solid #e8e9ee; width: 600px; height: 296px; overflow: hidden; }

#area-info { color: #fff; clear: both; }
	#area-info table { border: 1px solid #9dbc54; padding: 2px; }
		#area-info tr {  }
			#area-info td { padding: 4px; border: 1px solid #0d3e5f; }

#quick-facts { float: right; width: 440px; padding-left: 40px; padding-top: 20px; }
	#quick-facts ul { margin-left: 16px; }
	
div.info-set { width: 45%; float: left; margin-left: 2%; }

#more-info-number { display: none; padding: 3px; border: 2px solid #adc764; text-align: center; }
	#more-info-number h2 { margin: 0; }



#email-wrapper { margin: 10px; width: 580px; }
	#email-wrapper form { margin-top: 20px; }
	#email-wrapper label { clear: both; display: block; width: 100%; float: left; color: #fff; padding-right: 6px; font-size: 11px; }
	#email-wrapper textarea { height: 60px; }
	
	.email-form-col { width: 30%; float: left; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
p.clear { clear: both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: #900; }