body { font-size: 101%; font-family: sans-serif; background: #000; }
a img { border: none; }
img { display: block; }
.clear { clear: both; }

#wrap { width: 790px; margin: 30px auto; padding-bottom: 5px; border: 4px solid #e6e6dd; position: relative; }

#header { background: #000; color: #fff; text-align: center; }
h1#header { font-weight: 400; font-size: 0.70em; letter-spacing: 2px; padding: 10px 0; border-bottom: 4px solid #e6e6dd; margin: 0; height: 15px; line-height: 15px; overflow: hidden; }

#middle { background: #ccb; border-bottom: 4px solid #e6e6dd; }
/* Need height and width so IE can do fades */
#middle #featured { border-right: 4px solid #e6e6dd; }

#menu { list-style: none; background: #7e999b; margin: 0; padding: 0.5em 0; width: 509px; font-size: 0.55em; text-align: center; border-right: 4px solid #e6e6dd; }
#menu li { display: inline; padding: 0 0.3em; margin-left: 0; }
#menu li a:link, #menu li a:visited { color: #000; text-decoration: none; }
#menu li a.active:link, #menu li a.active:visited { color: #fff; }

#footwrap { clear: both; position: relative; text-align: right; padding-top: 85px; width: 790px; }
#footer { position: absolute; top: 10px; left: 300px; }
#built { color: #7c7061; font-size: 7px; font-weight: 800; padding-right: 5px; }

/* Negative margin to fix IE/6.0 dimensional bug */
#content ul ul { margin: 0; padding: 2px 30px; list-style: square; }
#content { width: 263px; height: 370px; margin: 0 -3px; overflow: auto; float: right; padding: 7px; font-size: 0.7em; color: #7c7061; }
#content p { padding-left: 20px; line-height: 1.5; }
#content a:link, #content a:visited { color: #000; font-weight: 800; text-decoration: none; }
#content h1 { padding: 0; font-size: 35px; margin: 0; }
#content h2 { font-size: 1em; color: #fff; margin: 0; padding: 0 0 0 20px; }
#content h3 { font-size: 1.2em; margin: 20px 0 0 20px; border-bottom: 1px solid #000;  }
#content ul { list-style: none; padding-left: 20px; margin: 1em 0; }
#content ul li a.active:link, #content ul li a.active:visited { color: #7c7061; }
#content ol { list-style: square; padding-left: 20px; margin: 1em 0; }
#content li { padding: 0.1em 0; }
#content #logo { margin-left: 20px; }
#content .logo { margin: 40px 0 0 20px; }
#content span { margin-left: 20px; }
#content address { font-style: normal; padding: 5px 20px; }

#content a.email:link, #content a.email:visited { color: #7c7061; font-weight: normal; }
#content p.fine { font-size: 0.65em; }

#dolphin { width: 40px; height: 40px; position: absolute; top: 284px; left: 342px; z-index: 9; }
#dolphin a:link, #dolphin a:visited { display: block; }
#dolphin img { border: none; margin: 0 auto; }
#detailedmap { position: absolute; top: -1000px; left: 0; z-index: 10; }

#intro { margin: 136px auto 0 auto; }

form fieldset { border: none; }
label { display: block; padding: 0.2em 0 0 0; }
label.hidden { position: absolute; top: -1000em; }
input { border: none; margin-bottom: 3px; width: 200px; }
textarea { width: 200px; border: none; }

div.state { width: 55px; float: left; }
input#state { width: 50px;  }
input#zip { width: 145px; }
input.submit { background: #000; color: #fff; width: auto; font-size: 90%; padding: 4px; margin-top: 1em; } 

#units { list-style: none; margin: 0; padding: 0; }
#units li { position: absolute; margin: 0; padding: 0; z-index: 1; }
#units li a { display: block; overflow: hidden; width: 11px; height: 11px; }
#units li:hover  { z-index: 2; }

li.planA { background-color: #b7dad5; }
li.planB { background-color: #7ca18e; }
li.planC { background-color: #8b7249; }
li.planD { background-color: #d26c00; }
li.planE { background-color: #742835; }
li.planF { background-color: #00a5dd; }
li.planSelect { background-color: #cfee6e; }
li.sold { background-color: #000; }

#units span { margin: 0; padding: 0; visibility: hidden; display: block; }
#units li a:hover { display: block; background: #e6e6dd; width: 150px; height: 70px; border: 1px solid #000; padding: 10px; z-index: 10; }
#units a:hover span { visibility: visible; }
#units span.more { padding-top: 10px; }

#content #planList { list-style: none; }
#content #planList li { padding: 0 0 0 13px; margin: 3px 0; height: 1px; }
#content #planList > li { height: auto; }
#planList li a, #planList li span { display: block; background: #ccccbb; padding-left: 10px;  margin: 0; }

.unitDetail { padding: 15px; font-size: 10px; }
.unitDetail h1 { font-size: 13px; padding: 8px 0 15px 60px; border-bottom: 1px solid #000; background: url("/images/dolphinLogo.gif") no-repeat top left;}
.unitDetail #unitNumber, #unitDetail #price { font-weight: bold; font-size: 15px; }
.unitDetail #price { padding-bottom: 15px; }
.unitDetail img { float: right; }

.unitDetail dl { padding: 0; margin: 0; float: left; width: 151px; }
.unitDetail dt { float: left; clear: both; padding-right: 5px; }

.unitDetail a { color: #000; }
.unitDetail a.lbAction { text-align: center; display: block; clear: both; font-size: 13px; }
.unitDetail p { clear: left; padding: 7px 0; }

#content.unitDetail h1 { background: none; border: none; }
#content.unitDetail div, #content.unitDetail dl { padding-left: 20px; }

.sIFR-hasFlash #content h1
{
	height: 40px; 
	margin-bottom: -10px; 
	letter-spacing: -7px;
	visibility: hidden;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;

}