@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
img {border:0; }
p {padding:6px 0; }
body {
	font-family:Arial;
	background-color: #3B496A;
}
/* colors */
.white { color:#FFF; }
.gold { color:#D4C275; }
.black { color: #000; }
.blue { color:#296593; }
.grey  { color:#646464; }
.medium { font-size:16px; }
.medium2 { font-size:15px; }
.small { font-size:12px;}
.micro { font-size:10px;}
/* oops whats this*/
.nopad {padding:0;}
.bgnone { background:none;}
.half { width:50% }
.full { width:100% }
.overflow { width:130% }
.clear { clear:both; font-size:0; line-height:0; height:0;}
.b { font-weight: bold; }
.pt {padding:6px 0;}
/* top container*/
#maincontainer { width: 928px; margin: 0 auto; }
#topcontainer { height: 93px; width: 100%; background-color: #3B496A; }
#topcontainer h1 { float: left; height: 93px; width: 221px; display: block; background-image: url(/images/logo.png); }
#rightinfo { float: right; width: 270px; height: 73px; text-align: right; padding: 20px 30px 0 0; font-weight: bold; font-size: 14px; line-height: 20px; position: relative; overflow: visible; }
#rightinfo img { position: absolute; right: 35px; top: 59px; }
#topcontainer .email { padding-right: 80px; }
/* Center Container*/
#centercontainer {
	width: 900px;
	height: auto;
	float: left;
	border-top: solid #DCA043 3px;
	border-bottom: solid #DCA043 3px;
	border-right: solid #DCA043 4px;
	border-left: solid #DCA043 4px;
	background: url("/images/pagebg1.jpg");
	padding: 10px;
	overflow: hidden;
}
#leftcontainer { float: left; width: 187px; background: url("/images/quicksearch.png") no-repeat; padding: 30px 19px 0 10px; font-weight: bold; font-size: 12px; }
#leftcontainer  span { display: block; float:left; height: 18px; line-height: 18px; }
#leftcontainer .qksearchlarge { width: 187px; float:left; height: 20px; line-height: 12px; font-size: 12px; }
#leftcontainer .qksearchsmall { width: 80px; float:left; height: 20px; font-size: 12px; line-height: 12px; }
#leftcontainer .searchspace { padding: 8px 0 0 0; height: 26px; }
#leftcontainer a { text-decoration: none; }
#leftcontainer a:hover { text-decoration: underline; }
#leftcontainer .qksearchtextbox { float: left; width: 184px; border: solid #0F2739 1px; height: 20px; }
#leftcontainer .searchbox { height: 26px; }
/* two lists */
#leftcontainer ul { float: left; width: 187px; }
#leftcontainer ul li { list-style: none; float:left; display:block; height:33px; width: 187px; background-repeat:no-repeat; overflow:hidden; text-indent: 0; margin-left: 0 !important;}


#leftcontainer form {
   height: 277px;
}
#leftcontainer form .half {display: inline;zoom: 1; width: 88px ;}
#browselist { background: url("/images/browse.png") no-repeat; padding: 40px 0 0 0; margin-top: 5px; }
#featuredlist { background: url("/images/Featured.png") no-repeat; padding: 32px 0 0 0; margin-top: 12px; }
#featuredlist li a,
#browselist li a {
   background: transparent url("/images/navigation-left-sprite.png") no-repeat left top;
   display: block;
   padding-top: 22px;
   height: 0;
   width: 186px;
   overflow: hidden;
   margin: 0 auto;
}
#featuredlist #pine a        {background-position: left 0px;}
#featuredlist #forest a      {background-position: left -21px;}
#featuredlist #ship a        {background-position: left -42px;}
#featuredlist #palmetto a    {background-position: left -63px;}
#featuredlist #singleton a   {background-position: left -84px;}
#featuredlist #folley a      {background-position: left -105px;}
#browselist #ocean a         {background-position: left -126px;}
#browselist #golf a          {background-position: left -147px;}
#browselist #oceanvillas a   {background-position: left -168px;}
#browselist #shortsales  a   {background-position: left -189px;}
#browselist #market a        {background-position: left -210px;}
#browselist #mortgage a      {background-position: left -231px;}
#browselist #vacation  a     {background-position: left -252px;}
#featuredlist #pine a:hover        {background-position: right 0px;}
#featuredlist #forest a:hover      {background-position: right -21px;}
#featuredlist #ship a:hover        {background-position: right -42px;}
#featuredlist #palmetto a:hover    {background-position: right -63px;}
#featuredlist #singleton a:hover   {background-position: right -84px;}
#featuredlist #folley a:hover      {background-position: right -105px;}
#browselist #ocean a:hover         {background-position: right -126px;}
#browselist #golf a:hover          {background-position: right -147px;}
#browselist #oceanvillas a:hover   {background-position: right -168px;}
#browselist #shortsales  a:hover   {background-position: right -189px;}
#browselist #market a:hover        {background-position: right -210px;}
#browselist #mortgage a:hover      {background-position: right -231px;}
#browselist #vacation  a:hover     {background-position: right -252px;}
/*#browselist #listspacer      {}*/


/*
#featuredlist #pine { background-image: url("/images/seapines.png"); }
#featuredlist #forest { background-image: url("/images/forest.png"); }
#featuredlist #ship { background-image: url("/images/shipyard.png"); }
#featuredlist #palmetto { background-image: url("/images/palmetto.png"); }
#featuredlist #singleton { background-image: url("/images/singleton.png"); }
#featuredlist #folley { background-image: url("/images/folly.png"); }
#featuredlist a, #browselist a { display: block; height: 22px; width: 100%; text-indent: -4000px; }
*//* seo wise should add the "title" tags to these a's */
/*
#browselist ul li.narrow { height: 30px;} 
#browselist #ocean { background-image: url("/images/oceanfront.png"); }
#browselist #golf { background-image: url("/images/golf.png"); }
#browselist #oceanvillas { background-image: url("/images/oceanfrontvil.png"); }
#browselist #shortsales { background-image: url("/images/short.png"); }
#browselist #listspacer { height: 10px; }
#browselist #market { background-image: url("/images/market.png"); height: 28px; }
#browselist #mortgage { background-image: url("/images/mortgage.png"); height: 28px; }
#browselist #vacation { background-image: url("/images/vacation.png"); height: 28px; }
*/

/* right main content*/
#rightcontainer { float: left; width: 684px; overflow: hidden; }



#rightnavcontainer { 
   float: left; 
   width: 684px; 
   height: 35px; 
   background: #B4BCC5; 
   overflow: hidden; 
}
#rightnavcontainer ul { 
/*   float: left; */
   display: block; 
/*   height: 31px; */
   background: #FFFBCC url("/images/navigation-bg.png") left top no-repeat; 
   padding: 0; 
   height: 35px;
   overflow: hidden;
}
#rightnavcontainer li { 
   float:left; 
   list-style:none; 
   padding: 0; 
   margin:0; 
   text-indent:0;
}
#rightnavcontainer li a { 
/*   float: left; */
   background: url("/images/navigationbg.png") no-repeat left -35px ;
   height: 24px; 
   display: block; 
   padding: 11px 0 0; 
   text-decoration:none;
   text-align: center;
   color: #000;
}
#rightnavcontainer li a:hover,#rightnavcontainer li a.active { color: #fff; }

#nav-home a          {width: 92px;}
#nav-agents a        {width: 135px;}
#nav-communities a   {width: 185px;}
#nav-properties a    {width: 158px;}
#nav-contact a       {width: 113px;}

#nav-home a:hover,#nav-home a.active                  {background-position: -0px top;}
#nav-agents a:hover,#nav-agents a.active              {background-position: -92px top;}
#nav-communities a:hover,#nav-communities a.active    {background-position: -227px top;}
#nav-properties a:hover,#nav-properties a.active      {background-position: -412px top;}
#nav-contact a:hover,#nav-contact a.active            {background-position: -570px top;}






#rightcontainer #rightcontentcontainer {
	float: left;
	width: 654px;
	background-color: #FFFBCC;
	padding: 10px 15px 0 15px;
	font-size: 14px;
	height: auto;
}
#rightcontentcontainer a { text-decoration: none; }
#rightcontentcontainer a:hover { text-decoration: underline; }
#rightcontentcontainer .leftcontent { float: left; width: 316px; padding: 6px 10px 0 0; }
#rightcontentcontainer .mailinglist { float: left; width: 173px; height: 124px; padding: 6px 0 0 0; overflow: hidden; }
#rightcontentcontainer  .videothumb { float: left; padding: 6px 0 0 0; height: 124px; width: 142px; overflow: hidden; }
#rightcontentcontainer .leftcontent .joinemail { width: 90px; height: 16px; border: solid #ccc 1px; float: left; }
#rightcontentcontainer .leftcontent .mailinglist span { display: block; float: left; }
#rightcontentcontainer .leftcontent .mailinglist span span{ padding-top:1px; }
#rightcontentcontainer .rightcontent { float: left; width: 328px; padding: 3px 0 0 0; }
#rightcontentcontainer #rightbottomcontainer1 { float: left; width: 654px; height: 100px; padding-top: 5px; }
#rightbottomcontainer1 .lefbtm1main { float: left; width: 460px; height: 95px; padding: 5px 0 0 0; }
#rightbottomcontainer1 .lefbtm1main span a { padding-right: 10px; display:block; float: left; }
#rightbottomcontainer1  .eqhousing { float: left; width: 100px; height: 34px; padding: 28px 60px 0 0; background: url("/images/realtor.png") right  bottom no-repeat; }
#rightbottomcontainer1  a { text-decoration:underline; }
#rightbottomcontainer1 .realtor { float: left; width: 300px; height: 57px; padding: 6px 0 0 0; }
#rightbottomcontainer1  ul { float: left; width: 180px; display: block; overflow: hidden; padding:20px 0 0 14px; }
#rightbottomcontainer1  ul li { list-style:none; display: block; float: left; height: 20px; margin:0px; text-indent:0px; }
#rightbottomcontainer1  ul li a { display: block; float:left;padding: 0 2px;}
#rightbottomcontainer2 { float: left; width: 684px; padding: 14px 0 0 0; }
#rightbottomcontainer2 .lefbtm2main { float: left; width: 524px; line-height: 18px; }
#rightbottomcontainer2 .rightbtm2main { float: left; width: 140px; height: 65px; text-align: right; }
#rightnavcontainer .reajust { padding: 0 0 0 18px; }
#leftcontainer .qksearchlarge option { height: 14px; }

#ExtraPhotos99 table{font-size:14px;width:500px}
#ExtraPhotos99 input{border:1px #ccc solid;padding:8px 13px;float:left}