/*

Author: ShaunSantaCruz.com



Table of Contents:

global

page Structure

nav

headings

link Styles

text Styles

inline Imgs

tables

forms

extras

SiFR

*/



/* -----------------------------------*/

/* ---------->>> =global <<<-----------*/

/* -----------------------------------*/

body {

	background: #000 url(../imgs/bg.jpg) no-repeat top center;

	width: 100%;

	height: 100%;

	display: table;

	font: 62.5%/1.7em Arial, Helvetica, sans-serif;

	color: #fff;

	}

/* -----------------------------------*/

/* ---->>> =page structure <<<--------*/

/* -----------------------------------*/

#container {

	margin: 0 auto;

	width: 940px;

	padding: 0 0 0 20px;

	}

#content {

	float: left;

	background: url(../imgs/contentBg.png) repeat;

	width: 885px;

	height: 390px;

	padding: 20px;

	clear: left;

	}
	#home #content {
		height: 370px; 
		padding: 10px 20px 0 20px;
		}
#gallery #flash {
	margin: 0 0 0 140px;
	}
#flash {

	margin: 0 0 0 120px;
	

	}

	#home #content, #gallery #content {

		background: none;

		}

	#gallery #content {

		background: none;

		padding: 0;

		}

	#about #content {

		padding: 20px 5px 20px 20px;

		width: 895px;

	}

	#map #content {

		padding: 5px;

		width: 910px;

		}

	#details #content {

		padding: 20px 5px 20px 20px;

		width: 895px;

		}

	#about #content div, #details #content div {

		background: url(../imgs/logo.png) no-repeat 96% 0;

		width: 100%;

		height: 90%;

		overflow: auto;

		}

		#about #content div {

			height: 100% !important;

			}

	#contact #content div {

		background: none;

		}

	#contact #content {

		width: 895px;

		padding: 20px 5px 20px 20px;

		overflow: auto;

		}

	#community #content {

		position: relative;

		}
	#lots #content {

		width: 890px;

		padding-right: 10px;

		padding-top: 10px;

		height: 400px;

		}
.contInformation {
	clear: left;
	float: left;	
	padding: 3px 0 15px 0;
	width: 100%;
	margin: 0 0 15px 0;
}

.bar {

	background: url(../imgs/barBg.png) repeat;

	width: 300px;

	height: 30px;

	float: left;

	margin: 20px 0 0 10px;

	display: inline;

	position: relative;

	}

	.bar:first-child, .first {

		margin-left: 0;

		}

	.bar span {

		position: absolute;

		top: 0;

		width: 300px;

		overflow: hidden;

	}

#cInfo {

	background: url(../imgs/dane.png) no-repeat center right;

	float: right;

	width: 320px;

	padding: 20px 0 0 0;

	}

#bottom {

	clear: both;

	}

#bottom #left {

	float: left;

	width: 608px;

	padding: 20px 0 0 0;

	}

	#bottom #left div {

		float: left;

		width: 340px;

		}

#community #content ul {

	float: left;

	}

	#community #content ul li {

		float: left;  

		position: relative;

		width: 410px;

		height: 80px;

		margin: 0 20px 10px 0;

		}



#footer {

	width: 890px;

	clear: both;

	border-top: 1px #515e69 solid;

	padding: 10px 30px 46px 0;

	margin: 10px 0 0 0;

	}

/* -----------------------------------*/

/* ----------->>> =nav <<<------------*/

/* -----------------------------------*/

#nav {

	width: 921px;

	float: left;

	margin: 5px 0 15px 0;

	}

#nav li {

	float: left;

	display: inline;

	}

#nav a {

	display: block;

	text-indent: -6000px;

	overflow: hidden;

	height: 27px;

	}

#videoNav {

	background: url(../imgs/videoNav.png) no-repeat;

	width: 116px;

	}

	#videoNav:hover {

		background-position: 0 -27px;

	}

#galleryNav {

	background: url(../imgs/galleryNav.gif) no-repeat;

	width: 117px;

	}

	#galleryNav:hover {

		background-position: 0 -27px;

	}

#propertyNav {

	background: url(../imgs/propertyNav.gif) no-repeat;

	width: 207px;

	}

	#propertyNav:hover {

		background-position: 0 -27px;

	}

#communityNav {

	background: url(../imgs/communityNav.gif) no-repeat;

	width: 152px;

	}

	#communityNav:hover {

		background-position: 0 -27px;

	}


#mapNav {

	background: url(../imgs/mapNav.gif) no-repeat;

	width: 155px;

	}

	#mapNav:hover {

		background-position: 0 -27px;

	}

#contactNav {

	background: url(../imgs/contactNav.png) no-repeat;

	width: 173px;

	}

	#contactNav:hover {

		background-position: 0 -27px;

	}

/* -----------------------------------*/

/* ---------->>> =headings <<<--------*/

/* -----------------------------------*/

h3 {

	font-size: 1.2em;

	}

#lots h1 {

	float: left;

	width: 200px;

	padding-top: 10px;

	}
#cInfo h3 {
	float: left;
	clear: left;
	}
/* -----------------------------------*/

/* -------->>> =link styles <<<-------*/

/* -----------------------------------*/

.bar span a {
top: 0;
left: 0;
}
.agency {
	float: left;
	clear: left;
	}
a:link {

	color: #61a1e2;

	font-size: 1.2em;

	}

a:visited {

	color: #61a1e2;

	font-size: 1.2em;	

	}

#bottom .propSite {

	font-size: .9em; 

	text-decoration: none;

	font-weight: bold;

	}

#community #content li a {

	float: left;

	display: block;

	width: 324px;

	height: 40px;

	padding: 40px 0 0 85px; 

	}

#community #content li a.schools {

	background: url(../imgs/schools.png) no-repeat 0 0;

	}

#community #content li a.dining {

	background: url(../imgs/dining.png) no-repeat 0 0;

	}

#community #content li a.walking {

	background: url(../imgs/walking.png) no-repeat 0 0;

	}

#community #content li a.entertainment {

	background: url(../imgs/entertainment.png) no-repeat 0 0;

	}

#community #content li a.beaches {

	background: url(../imgs/beaches.png) no-repeat 0 0;

	}

#community #content li a.area {

	background: url(../imgs/area.png) no-repeat 0 0;

	}

#community #content li a.traffic {

	background: url(../imgs/traffic.png) no-repeat 0 0;

	}



	#community #content li a:hover {

		background-position: 0 -80px;

		}

#logo {

	width: 500px;

	height: 75px;

	float: left;

	margin: 20px 0 0 20px;

	text-indent: -6000em;

	overflow: hidden;

	background: url(../imgs/anon.gif) no-repeat;

	}

#cInfo a {

	font-size: 1.1em;
	float: left;
clear: left;
	}

#footer a {

	padding: 0 15px 0 0;

	text-transform: uppercase;

	text-decoration: none;

	color: #fff;

	}

	#footer a:hover {

	text-decoration: underline;

	}

.dlPDF {

	background: url(../imgs/dlPDF.gif) no-repeat;

	width: 137px;

	height: 26px;

	text-indent: -9999em;

	display: block;

	float: left;

	overflow: hidden;

	}

.schedShow {

	background: url(../imgs/schedShow.gif) no-repeat;

	width: 176px;

	height: 26px;

	text-indent: -9999em;

	display: block;

	float: left;

	overflow: hidden;

	margin: 0 0 0 15px;

	}

.bar a {

	background: url(../imgs/barArrow.png) no-repeat right center;

	float: left;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-size: 1.2em;

	font-weight: bold;

	width: 275px;

	position: absolute;

	top: 6px;

	left: 10px;

	color: #fff !important;

	text-decoration: none;

	}

/* -----------------------------------*/

/* ----->>> =text styles <<<----------*/

/* -----------------------------------*/

#content p {

	font-size: 1.2em;

	padding: 0 0 20px 0;

	}
	#details #content p {
		width: 610px;
		}

	#about #content p {

		width: 625px;

		}

#details #content ul {

	margin: 0 0 20px 0;

	width: 610px;

	font-size: 1.2em;

	}

	#details #content ul strong {

	font-size: 1.2em;

	}

.commDetails {

	position: absolute;

	top: 335px;

	left: 455px;

	font-size: 1.1em !important;

	line-height: 15px;

	width: 450px;

	}

#bottom #left p {

	font-size: 1.1em;

	padding: 0 0 20px 0;

	float: left;

	} 

	.cost {

	font-size: 1.4em !important;

	}

.cLabels {
clear: left;
	font-size: 1.2em;

	float: left;

	width: 60px;

	border-right: 1px #424f59 solid;

	text-transform: uppercase;

	display: inline;

	text-align: left;
margin: 5px 0;
	}

	.cLabels li {

		float: left;

		}

.phone {

	font-size: 1.2em;

	float: left;

	width: 80px;

	padding: 0 0 0 10px;

margin: 5px 0;
	display: inline;

	}

	.phone li {

		float: left;

		}

#cInfo p {

	font-size: 1.2em;

	clear: both;

	}

.cost {

	float: left;

	width: 265px;

	}

#cInfo strong {

	font-size: 1.2em;

	}

#footer p {

	color: #828282;

	float: left;

	text-transform: uppercase;

	}

#footer ul {

	float: right;

	display: inline;

	}

	#footer ul li {

		float: left;

		display: inline;

		}

/* -----------------------------------*/

/* ----->>> =inline imgs <<<----------*/

/* -----------------------------------*/

.bar img {

	float: left;

	position: absolute;

	top: 0;

	left: 0;

	width: 300px;

	height: 125px;

	}

#lots #content img {

	float: right;

	}

#details #content img {

	padding: 20px 0 0 0;

	}

/* -----------------------------------*/

/* --------->>> =tables <<<-----------*/

/* -----------------------------------*/

#lots table {

	border: 1px solid #3e3c3a;

	clear: left;

	}

#lots table td, #lots table th {

	text-align: center;

	border: 1px solid #3e3c3a;

	padding: 3px 0;	

	font-size: 1.2em;

	}

#lots table caption {

	font-size: 1.4em;

	text-align: left;

	padding: 0 0 10px 0;

	}

/* -----------------------------------*/

/* --------->>> =forms <<<------------*/

/* -----------------------------------*/

.ddfmwrap legend {

	text-indent: -9999em;

	position: absolute;

	float: left;

	top: 0;

	left: 0;

	display: block;

	overflow: hidden;

	}

#contInfo {

	float: left;

	width: 350px;

	display: inline;

	margin: 0 40px 0 0;

	}

	#contInfo ul {

		float: left;

		clear: left;

		width: 100%;

		margin: 0 0 5px 0;

		}

	#contInfo ul li label{

		float: left;

		width: 60px;

		text-align: right;

		}

	#contInfo ul li input {

		float: right;

		width: 75%;

		}

#contInfo1 {

	float: left;

	width: 350px;

	padding: 35px 0 0 0;

	}

	#contInfo1 ul {

		float: left;

		clear: left;

		width: 100%;

		margin: 0 0 5px 0;

		}

	#contInfo1 ul li label{

		float: left;

		width: 80px;

		text-align: right;

		}

	#contInfo1 ul li input {

		float: right;

		width: 70%;

		}

#options, #property {

	clear: both;

	width: 800px;

	font-size: 1.2em;

	padding: 10px 0 0 0;

	}

#options ul li, #property ul li {

	float: left;

	padding: 0 10px 0 0;

	}

#bedrooms, #baths, #range {

	float: left;

	padding: 10px 20px 0 0;

	}

	#bedrooms label, #baths label, #range label {

		padding: 0 5px 0 0;

	}

	#range p {

		float: left;

		padding: 0 5px 0 0;

		}

	#range .fmselect {

		margin: 0 5px 0 0;

		}

#msg {

	width: 500px;

	clear: both;

	}

	#msg label {

		float: left;

		padding: 0 5px 0 0;

		

		}

	#msg .fmtextarea {

	width: 400px;

		clear: both;

		}

.required {

	color: #FF0000;

	}

.ddfmerrors {

	margin: 0 10px 0 0; 

	padding: 3px 0 0 0;

	color: #FF0000;

	font-size: 1.2em;

	}

.errorlist {

	padding: 3px;

	font-size: 1.2em;



	}

.fmtext, .fmtextarea {

	border: 1px solid #000;

	padding: 2px;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.1em !important;

	}

.fieldwrap {

	padding: 0 0 5px 0;

	}

#contact .fieldwrap input:focus, #contact .fieldwrap textarea:focus, #contact .fieldwrap .fmtext.sffocus, #contact .fieldwrap textarea.sffocus {

	background-color: #FFFFCC;

	}

.submit {

	width: 150px !important;

	height: 50px !important;

	}

.indicates {

	float: left;

	margin: 0 0 0 16px;

	}

.check {

	display: none;

	}

/* -----------------------------------*/

/* --------->>> =extras <<<-----------*/

/* -----------------------------------*/	

.sIFR-flash {

  visibility: visible !important;

  margin: 0;

  padding: 0;

}



.sIFR-replaced, .sIFR-ignore {

  visibility: visible !important;

}



.sIFR-alternate {

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 0;

  display: block;

  overflow: hidden;

}



.sIFR-replaced div.sIFR-fixfocus {

  margin: 0pt; 

  padding: 0pt; 

  overflow: auto; 

  letter-spacing: 0px; 

  float: none;

}



/*---- Header styling ---*/

.sIFR-active h1 {

  visibility: hidden;

  font-family: Arial, Helvetica, sans-serif;

  line-height: 1em;

  font-size: 24px;

  padding: 0 0 10px 0;

}

	#contact h1 {

		padding: 0;

		}

.sIFR-active h2 {

  visibility: hidden;

  font-family: Arial, Helvetica, sans-serif;

  line-height: 1em;

  font-size: 17px;

  padding: 0 0 5px 0;

}