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

/* CSS Document */

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

body { background: #000000; font:12px/18px Helvetica, Arial, sans-serif !important; color:#ffffff; }
h1{background: transparent url(/media/layout/logo.gif) top left no-repeat; text-indent: -9000px; width: 286px; height:53px; margin: 30px 0 15px 0; padding: 0; float: left}

a { color: #eee; }
#container a { color: #616161; }

h2{font-size: 18px;}
h3{font-size: 14px;}

.searchResultsDetails{float: right; width: 290px;}
/*
	----------------------------
	LAYOUT
	____________________________
*/

#container{background: #f2f2ef; color: #333333; padding: 0 15px;}

#wrapper { width:860px; margin: 0 auto; }

#header {  }
#imageHolder{ width: 860px; height: 115px; background: #cfc48e url(/media/layout/beach_wide.jpg) bottom left no-repeat;}

#main {clear: both; margin-top: 20px width:400px; float: left;}

#footer {clear: both; padding-top: 30px;  }

#sideBar{width: 200px; float: right; margin-top: 25px; background-color: #e7e7d6; padding: 10px;  border: 1px solid #cfc48e;}
/*
#sideBar #sideBarTop{background: transparent url(/media/layout/curveTop.gif) top left no-repeat; height: 26px; width: 280px;}
#sideBar #sideBarMiddle{background: transparent url(/media/layout/curveMiddle.gif) top left repeat-y;}
#sideBar #sideBarBottom{background: transparent url(/media/layout/curveBottom.gif) top left no-repeat; height: 26px; width: 280px}
#sideBarMiddle h3{margin: 0; padding: 0; text-align: center;}
#sideBarMiddle label{font-weight: bold; width: 70px; float: left; line-height: 2;}
*/

/*
	----------------------------
	NAVIGATION STUFF
	____________________________
*/

#newsletterSignup{ float: right; background: transparent url(/media/layout/newsbox.gif) top left no-repeat; height: 63px; width: 319px;}
#newsletterSignup h3{ margin: 5px; text-align: center;}
#newsletter{margin-left: 35px;}
#address{ list-style: none; text-align: right; padding: 0; margin: 18px 15px 0 0; font-size: 11px;}
#address li{margin: 0; padding: 0; line-height: 1;}
#navigation{clear: both;  width: 100%; height: 25px; background-color: #285483; list-style: none; }

#navigation li{ float: left; height: 25px; line-height: 25px; padding: 0 10px; position: relative; }
#navigation li a{color: #ffffff; font-family: Arial; text-decoration: none; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#navigation li a:hover{}
	#navigation li ul { display: none; position: absolute; right: 4px; top: 24px; list-style: none; width: 180px; text-align: right; margin: 0; padding: 0; }
		#navigation li ul li { float: none; height: 20px; line-height: normal; margin: 0; padding: 8px; background-color: #285483; border-bottom: 1px dotted #fff; }
			#navigation li ul li a { padding; 4px; }
#quickSearch{ margin-top: 9px;}

/*-- MLSid quick search --*/
#mls { background-color: #d5efff; }
#go_button { background: url(/media/layout/go-button.gif) no-repeat; width: 28px; height: 19px; margin: 0; padding: 0; border: 0; }

#subStuff{float: right;}

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

#movie{text-align: center; width: 100%}
#agentsPage, #propertyDetails, #pages, #contentStuff{width: 460px; margin-top: 20px;}
#homePage{text-align: center;}
#actualSearchBox div{ margin: 10px 0 10px 5px;}
#sorters input{background-color: #ffffff; border: 2px solid #a3a3a3;font-size: 11px; }
#sorters input:hover{cursor: pointer;}
#sorters{}
#lotDetails dt{font-weight: bold; float: left; padding-right: 4px;}

#resultsDetails img{width: 200px; border: 2px solid #a3a3a3;  margin: 0 10px 0 0;}

#agentInfo{clear: both; background-color: #ebebeb; border: 2px solid #8d704f; width: 400px; margin: 15px auto}
#agentInfo img{width: 100px; float: left; margin: 15px }
#agentInfo dt{float: left; padding-right: 4px;}


#homePage{margin:0 0 0 0; background-color: #000000;}
#pictures{float:left; width:200px; padding:0 10px; 0 0}

#sideBarMiddle ul{list-style: none; margin: 0; padding-left: 20px; }
#sideBarMiddle ul li a { margin-left: -10px; }

#loginBox{padding-top: 50px; width: 280px; margin: 0 auto;}
#loginBox label{ width: 140px; margin-left: 25px;}
#loginBox input{margin: 5px}
#boxTop{background: transparent url(/media/layout/curveTop.gif) top left no-repeat; height: 26px; width: 280px;}
#boxMiddle{background: transparent url(/media/layout/curveMiddle.gif) top left repeat-y;}
#boxBottom{background: transparent url(/media/layout/curveBottom.gif) top left no-repeat; height: 26px; width: 280px}

/* for the MLS Search */
#gd_realestate { padding:20px; }

/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }
.clear{clear: both;height: 1px;}
.disclaimer { font-size: 9px; color: #ccc; }
#container .disclaimer { color: #555; } 
.searchResults{border-bottom: 1px solid #a3a3a3;}
.searchResults .title{}
.searchResults img{width: 130px; border: 2px solid #a3a3a3; float: left; margin: 15px; 10px 30px 0;}
.searchResults dt{float: left;padding-right: 4px; font-weight: bold;}
.sold{color: red;}
.contract{color: red;}


.agentListing{border-bottom: 1px solid #a3a3a3; margin-bottom: 10px; }
.agentListing img{width: 100px; float: left; border: 2px solid #a3a3a3; margin-right: 15px;}
.agentListing dl{margin-left: 18px;}
.agentListing dt{float: left; padding-right: 4px; font-weight: bold;}

.bios{clear: both; padding-top: 1px;}
.bios p { margin: 10px 0; padding: 0; }

.picindex{color: #fff; padding: 0px 15px;}
.picindexRow{margin: 10px 0px;font-size: 12px;}


 /*-- contact --*/
	#contactForm{float: left; width: 100%; overflow: hidden;}
	#contactForm input, #contactForm textarea, #contactForm select{display: block; float: left; padding: 3px;}
	#contactForm input, #contactForm textarea, #contactForm select{border: 1px solid #cdcdcd;}
	#contactForm label{display: block; color: #000; font-size: 16px; font-weight: normal;line-height: 1.2em;margin-top:10px;padding-bottom: 5px;}
	#contactForm textarea{height: 102px; width: 230px;}
	
	#contactForm .button{margin: 5px 45px 0px 0px;background: #030303;color: #fff;width: 75%;}
	
	.formLeft, .formRight{width: 50%; float: left;}
	
table.admin textarea { width: 450px; height: 200px;}