body {
	color: #666;
	font-size: 10pt;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-align: center;
}
/* styles to choose the down state */
body#homebody #nav li#home a {
	background: url(../images/home-over.gif) no-repeat;
}
body#buyersbody #nav li#buyers a {
	background: url(../images/buyer-over.gif) no-repeat;
}
body#sellersbody #nav li#sellers a {
	background: url(../images/sellers-over.gif) no-repeat;
}
body#mortgagebody #nav li#mortgage a {
	background: url(../images/mortgage-over.gif) no-repeat;
}
body#contactbody #nav li#contact a {
	background: url(../images/contact-over.gif) no-repeat;
}
/* end of down state */

/* layout divs */
#all { 
	width: 750px;
	margin: 0 auto;
	text-align: left;
}
#header {
	width: 750px;
	height: 206px;
	background: url(../images/header.jpg) no-repeat;
}
#container {
	width: 750px;
	background: url(../images/mainbg.gif) repeat-y;
}
#navigation {
	width: 232px;
	float: left;
}
#nav { /* nav ul */
	width: 232px;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* navigation styles */
#nav li {
	width: 232px;
	height: 65px;
	margin: 0;
	padding: 0;
}
#nav li a { text-decoration: none; border: none; width: 232px; height: 65px; display: block; text-indent: -999em; }

/* the home navigation images were a different size when sliced, and the next two styles accomodate this */
#nav #home {
	width: 232px;
	height: 79px;
}
#nav #home a {
	width: 232px;
	height: 79px;
}
/* end of fixing weird slices */

/* preload rollover images */
#home a { background: url(../images/home-over.gif); }
#buyers a { background: url(../images/buyer-over.gif); }
#sellers a { background: url(../images/sellers-over.gif); }
#mortgage a { background: url(../images/mortgage-over.gif); }
#contact a { background: url(../images/contact-over.gif); }
/* end of preload rollovers */

/* navigation rollovers */
#home a:link, #home a:visited {
	background: url(../images/home-base.gif) no-repeat;
}
#home a:hover, #home a:active {
	background: url(../images/home-over.gif) no-repeat;
}
#buyers a:link, #buyers a:visited {
	background: url(../images/buyer-base.gif) no-repeat;
}
#buyers a:hover, #buyers a:active {
	background: url(../images/buyer-over.gif) no-repeat;
}
#sellers a:link, #sellers a:visited {
	background: url(../images/sellers-base.gif) no-repeat;
}
#sellers a:hover, #sellers a:active {
	background: url(../images/sellers-over.gif) no-repeat;
}
#mortgage a:link, #mortgage a:visited {
	background: url(../images/mortgage-base.gif) no-repeat;
}
#mortgage a:hover, #mortgage a:active {
	background: url(../images/mortgage-over.gif) no-repeat;
}
#contact a:link, #contact a:visited {
	background: url(../images/contact-base.gif) no-repeat;
}
#contact a:hover, #contact a:active {
	background: url(../images/contact-over.gif) no-repeat;
}
/* end of navigation styles and rollovers */

#serving_florida {
	width: 232px;
	height: 172px;
	border: 0;
}
#main {
	width: 508px;
	float: left;
}
#footer {
	clear: both;
	width: 518px;
	margin-left: 232px;
	height: 82px;
	font-size: 10pt;
	text-align: center;
}
#footerimg { /* the florida image */
	width: 74px;
	height: 82px;
}
/* footer navigation */
#footernav {
	margin: 0;
	padding: 0;
	width: 518px;
	height: 82px;
	line-height: 82px;
	vertical-align: middle;
	list-style: none;
	display: inline;
}
#footernav li {
	margin: 0;
	line-height: 82px;
	vertical-align: middle;
	padding: 0px 8px;
	border-left: 1px solid #666;
	display: inline;
}
#footernav li.first {
	border-left: 0;
	display: inline;
}
/* end of footer navigation */
.eellink {
	font-size: 8pt;
}

/* allow container div to have a background image repeat */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides the above from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* end of container stuff, and end of all layout styles */



/* headers and paragraph styles */
h1 {
	font-size: 13pt;
	text-align: right;
	margin-right: 5px;
	color: #000000;
}
.overlargeh1 { /* if necessary, create header styles for too much text */
	font-size: 13pt;
}
h2 {
	font-size: 12pt;
	text-align: center;
	color: #000000;
}
h3 {
	font-size: 10pt;
	color: #000000;
}
h4 {
	font-size: 10pt;
	font-weight: normal;
}
/* end of headers and paragraphs */

/* normal link stuff */
a:link, a:visited {
	color: #888;
	text-decoration: underline;
}
a:hover, a:active {
	color: #990000;
	text-decoration: none;
}
/* end of normal links */

/* other stuff */
.floatright { /* example: home page, where the image floats next to the text */
	float: right;
	margin: 0px 5px;
}
.clearfloat { /* br tags that are used in the listing divs where floating is occuring need to cause a clear of those floats in order for the following content to work */
	clear: both;
}
/* end of other stuff */

/* listing for buyers page (with thumbnails - classes for popup are below this one) */
.listing {
	width: 450px;
	margin: 0 auto 20px;
	text-align: left;
}
.listingTop {
	width: 450px;
	height: 15px;
	background: url(../images/listing_top.gif) no-repeat;
}
.listingMain {
	width: 450px;
	background: url(../images/listing_bg.gif) repeat-y;
	text-align: left;
}
.listingThumbnail {
	border: 0;
	width: 210px;
	height: 160px;
	float: left;
	margin: 0 10px 0 15px;
}
.listingInfo {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0;
}
.listingInfo h3 {
	margin-bottom: 0;
	text-align: center;
}
.listingDescription {
	margin-left: 30px;
	margin-right: 15px;
}
.listingBottomLinks {
	margin: 0;
	padding: 0;
	width: 420px;
	margin-left: 15px;
	list-style: none;
}
.listingBottomLinks li {
	margin: 0;
	padding: 0;
	width: 210px;
	float: left;
	text-align: center;
}
.listingBottom {
	width: 450px;
	height: 15px;
	background: url(../images/listing_bottom.gif) no-repeat;
}
/* end of listing for buyer page */

/* popup listing */
.bigListing {
	width: 550px;
	margin: 0 auto;
	text-align: center;
}
.bigListingTop {
	width: 550px;
	height: 15px;
	background: url(../images/biglisting_top.gif) no-repeat;
}
.bigListingMain {
	width: 550px;
	background: url(../images/biglisting_bg.gif) repeat-y;
	text-align: left;
}
.bigListingTopInfo {
	margin: 0;
	padding: 0;
	width: 520px;
	margin-left: 15px;
	list-style: none;
}
.bigListingTopInfo li {
	margin: 0;
	padding: 0;
	width: 260px;
	float: left;
	text-align: center;
}
.bigListingPhotos {
	width: 550px;
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
}
.bigListingPhotos li {
	width: 275px;
	height: 188px;
	margin: 8px 0px;
	float: left;
	text-align: center;
}
.bigListingPhotos img {
	width: 250px;
	text-align: center;
	margin: 0 auto;
}
.bigListingBottomLinks {
	margin: 0;
	padding: 0;
	width: 520px;
	margin-left: 15px;
	list-style: none;
}
.bigListingBottomLinks li {
	margin: 0;
	padding: 0;
	width: 260px;
	float: left;
	text-align: center;
}
.bigListingBottom {
	width: 550px;
	height: 15px;
	background: url(../images/biglisting_bottom.gif) no-repeat;
}
/* end of popup listing */

/* contact form */
#contactForm { 
	width: 480px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: auto;
	margin-right: auto;
}
#contactForm fieldset /* this holds all the form stuff */ {
	border: 0;
	width: 460px;
	margin: 0;
	padding: 5px;
}
#contactForm label /* the text for each input field */ {
	width: 175px;
	float: left;
}
#contactForm input, #contactForm textarea /* each input field except the city, state, and zip which have their own styles */ { 
	width: 260px;
	margin-bottom: 5px;
}
#contactForm #city { /* city in form */
	width: 100px;
}
#contactForm #state { /* state in form */
	width: 40px;
}
#contactForm #zip { /* zip in form */
	width: 100px;
}
#contactForm textarea { /* comments field */
	height: 100px;
}
#contactForm br { /* this br clears the floats to make new lines in the floated stuff */
	clear: left;
}
#contactForm #submit { /* submit button, this centers it */
	margin-left: 230px;
	margin-top: 5px;
	width: 90px;
}
/* end of contact form */