/* CSS Document */
@charset "UTF-8";

/* all fonts are based on 13px using ems. To find out what size a font is, take the em value and multiply by 13 to give you the size in pixels 
EXAMPLE: 1.38(em) x 13(px) = 18(px) */

/* RESET
----------------------------------------------------------------------------------------*/
html, body, div, h1, h2, h3, h4, h5, ul, ol, li, p, form, fieldset, table, th, td { font-size:100%; text-align:left; } 

* { padding:0; margin:0; }

ol,ul { list-style:none; }

address { font-style:normal; }

fieldset,img { border:0; } 

em { font-style:italic; }

h1, h2, h3, h4, h5 { color:#34506c; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom:10px; }

h1 { font-size:1.69em /* 22px */; }

h2 { font-size:1.38em /* 18px */; }

h3 { font-size:1.15em /* 15px */; }

h4 { font-size:1.08em /* 14px */; }

p { font-size:1em; margin-bottom:15px; }

.head { color:#34506c; font-weight:bold; font-size:1.69em /* 22px */; }

.head2 { color:#34506c; font-weight:bold; font-size:1.38em /* 18px */; margin-bottom:10px; }

.btext { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important; }

.MsoNormal { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif!important; font-size:100%!important; }

.dotline { border:1px dotted #c5c5c5; }

/* GLOBAL
----------------------------------------------------------------------------------------*/
.clear { clear:both; }
 
a:link, a:visited { color:#34506c; outline:none; text-decoration:underline; }
 
a:hover, a:focus { color:#88aeca; }
 
input, select { color:#4d4d4d; }
 
.left { float:left; }
 
.right { float:right; }

/* adds disc to unordered list items */ 
ul.ItemStyle li { list-style:disc inside; }

/* indents nested list items */ 
ul.ItemIndent li { margin-left:20px; }

/* makes label text red for required form elements */ 
.required { color:red; }
 
.text-indent { text-indent:-2000px; }

/* BODY
----------------------------------------------------------------------------------------*/
body { background:url(/images/layout/bodybg.jpg) top center no-repeat #07243b; font:normal 81.3%/1.31em "Helvetica Neue", Arial, Helvetica, sans-serif; color:#333; }

/* WRAPPER
----------------------------------------------------------------------------------------*/
#wrapper { width:960px; margin:31px auto; background-color:#fff; }

/* HEADER
-------------------------------------------------------------*/
#header { width:960px; float:left; height:190px; background:url(/images/layout/headerbg.jpg) 0 0 no-repeat; }

#header h1 { margin:30px 0 0 40px; float:left; width:403px; }

#header h2 { margin:42px 16px 0 0; float:right; width:364px; }

/* TOP NAVIGATION
----------------------------------------------------------------------------------------*/
.suckertreemenu { width:960px; height:44px; margin-top:22px; float:left; }
 
.suckertreemenu ul { width:915px; position:relative; z-index:100; padding-left:45px; margin:0; float:left; }
 
.suckertreemenu ul li ul { clear:both; }
 
/*Top level list items*/
.suckertreemenu ul li { position:relative; width:auto; float:left; border-right:1px solid #8caac0; }

.suckertreemenu ul li.noborder { border-right:none; }
 
/*Top level menu link items style*/
.suckertreemenu ul li a:link, .suckertreemenu ul li a:visited { text-decoration:none; display:block; padding:13px 8px; height:18px; color:#fff; }

.suckertreemenu ul li a:hover, .suckertreemenu ul li a:focus { background:url(/images/layout/hoverbg.png) 0 0 repeat; }

.suckertreemenu ul li.noborder a { border:none; }
 
/*1st sub level menu*/
.suckertreemenu ul li ul.submenu { text-align:left; float:left; font-size:.8em; display:block; border:none; position:absolute; top:1em; /* no need to change, as true value set by script */ visibility: hidden; z-index:100; margin:0; padding:0; }
 
.suckertreemenu ul li ul.submenu li { padding:0; margin:0; border-right:none; float:none; }
 
/* Sub level menu links style */
.suckertreemenu ul.submenu li a:link, .suckertreemenu ul.submenu li a:visited { text-align:left; display:block; color:#fff; background-color:#35587e; padding:4px 0 4px 10px; text-decoration: none; width:150px/*width of sub menu levels*/; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; float:none; }
 
.suckertreemenu ul.submenu li a:hover { color:#35587e; background-color:#fff; /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1.0; }

/* FLASH
-------------------------------------------------------------*/
#flash { width:100%; }

/* EXPANDED-SEARCHFORMS-CONTAINER
-------------------------------------------------------------*/
#expanded-searchforms-container { width:100%; float:left; }

#expanded-searchforms-container form { width:320px; float:left; }

#expanded-searchforms-container form label { display:block; margin-bottom:4px; }

#expanded-searchforms-container form fieldset { padding:15px 20px 10px 20px; height:214px; }

#expanded-searchforms-container form h1 { height:20px; padding:8px 0 6px 20px; width:300px; font-weight:normal; font-size:1.15em; }

#expanded-searchforms-container form ol { width:100%; float:left; margin-bottom:10px; }

#expanded-searchforms-container form ol li { float:left; }

#expanded-searchforms-container form ol.checkbox-options label { float:left; width:110px; }

#expanded-searchforms-container form ol.checkbox-options { margin:0 0 0 4px; }

#expanded-searchforms-container form ol.checkbox-options input { float:left; }

li.option-more { vertical-align:middle; padding-top:18px; }

li.option-more label { float:right; width:50px; margin-right:6px; }

li.option-more input { float:left; }

/* residential listings search form */
form.residential { background-color:#c0dbef; height:284px; }

form.residential h1 { background-color:#8cc0e8; color:#173a54; margin:0; }

/* condo listings search form */
form.condo { background-color:#e1ebf3; height:284px; }

form.condo h1 { background-color:#d4e5f6; color:#34506c; margin:0; }

/* lots and land listings search form */
form.lots-land { background-color:#f5f6f7; height:284px; }

form.lots-land h1 { background-color:#e5ebf2; color:#4a5e76; margin:0; }

/* cities/states drop downs */
ol.city-state-fields { width:100%; }

ol.city-state-fields li { margin-right:10px; }

ol.city-state-fields li label { display:block; margin-bottom:0; }

#cityDiv1, #cityDiv2, #cityDiv3, #cityDivYY, #cityDivZZ { float:left; }

/* COLLAPSIBLE-SEARCHFORMS-CONTAINER
-------------------------------------------------------------*/
#collapsible-searchforms-container { width:320px; float:left; }

.accordion_toggle { display: block; height: 32px; width: 310px; background:url(/images/layout/accordion-toggle.gif) no-repeat top right #f9e1c0; padding:5px 0 0 10px; line-height: 30px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; border-top:1px solid #EDB87D; color: #5b4a38; cursor: pointer; margin: 0 0 0 0; }

.accordion_toggle_active { background:url(/images/layout/accordion-toggle-active.gif) no-repeat top right #f7941d; color:#fff; border-top:1px solid #B55800; border-bottom:1px solid #fff; }

.accordion_content h2, .accordion_content h3, .accordion_content h4 { color:#5b4a38; }

.accordion_content h2 { font-size:1.12em; margin:0; }

.accordion_content { width:320px; height:248px; color: #444444; overflow: hidden; font-size:12px; background-color:#FFF3E4; border-top:1px solid #E7BA86; border-bottom:1px solid #FDDDB7; }

.accordion_content form ol { margin-bottom:8px; float:left; width:100%; }

.accordion_content form ol li { float:left; }

.accordion_content form label { display:block; margin-bottom:4px; }

.accordion_content form fieldset { padding:10px 10px 0 10px; width:300px; }

.vertical_accordion_toggle { display: block; width: 320px; padding: 5px 0 0 10px; background-color:#EDD4B9; line-height: 30px; color: #5b4a38; font-weight: normal; text-decoration: none; outline: none; font-size: 12px; cursor: pointer; margin: 0 0 0 0; }

.vertical_accordion_toggle_active { background-color:#F8BD7D; color: #5b4a38; }

.vertical_accordion_content { color: #444444; overflow: hidden; }

ol.price li { margin-right:30px; }

ol#radio-buttons { width:100%; }

ol#radio-buttons label { float:left; width:100px; }

ol#radio-buttons input { float:left; width:30px; }

ol.commercial-proptypes input { float:left; }

ol.commercial-proptypes { float:left; width:100%; }

ol.commercial-proptypes li { display:inline; width:150px; }

ol#condo-proptype { width:100%; }

ol#condo-proptype li { display:block; width:100%; }

ol#condo-proptype input { float:left; }

ol#sq-ft li { width:150px; }

ol#garages-stories li { margin-right:10px; }

span.details-option { font-size:1.08em; float:left; color:#5b4a38; width:100%; font-weight:bold; }

ol#year-built, ol#acres { width:100%; }

ol#year-built label, ol#acres label { float:left; width:auto; margin-right:10px; }

ol#year-built li, ol#acres li { float:left; margin-right:15px; }

fieldset#display-options label { float:right; margin-left:5px; width:auto; text-align:left; }

fieldset#display-options input { float:left; }

ol#pastdays li, ol#oceanfront-listtype li { float:none; width:auto; }

ol#pastdays li label { display:block; float:none; }

ol#oceanfront-listtype label { float:left; width:auto; margin-right:10px; }

/* container styling for collapsible divs */
#vertical_nested_container { margin: 0; width: 320px; border-top:1px solid #E2AF7C; }

#vertical_container { width:310px; float:left; }

#vertical_container h1 { font-size:1.15em; }

/* gradient tabs */
#tabs { float:right; width:640px; }

ul#tabs-container { width:100%; height:72px; margin:0; background:url(/images/layout/tabs.gif) no-repeat; position:relative; }

ul#tabs-container li { position:absolute; top:0; }

ul#tabs-container li, ul#tabs-container a { display:block; height:72px; text-indent:-2000px; }

li#beach-rental { left:0; width:130px; } 

li#luxury-rental { left:130px; width:128px;  }

li#villa-rental { left:258px; width:128px; }

li#new-developments { left:386px; width:128px; }

li#golf-packages { left:514px; width:130px; }

li#beach-rental a:hover { background:transparent url(/images/layout/tabs.gif) 0 -72px no-repeat; }

li#luxury-rental a:hover { background:transparent url(/images/layout/tabs.gif) -130px -72px no-repeat; }

li#villa-rental a:hover { background:transparent url(/images/layout/tabs.gif) -258px -72px no-repeat; }

li#new-developments a:hover { background:transparent url(/images/layout/tabs.gif) -386px -72px no-repeat; }

li#golf-packages a:hover { background:transparent url(/images/layout/tabs.gif) -514px -72px no-repeat; }

/* BOTTOM-CONTAINER
-------------------------------------------------------------*/
#bottom-container { width:100%; float:left; }

/* FEATURED AGENT
-------------------------------------------------------------*/
#featured-agent { background:url(/images/layout/featured-agent-b.jpg) 0 0 no-repeat; float:left; width:379px; height:204px; margin:30px 24px 10px 10px; }

#featured-agent img { float:left; border:1px solid #C0C0C0; padding:2px; width:114px; background-color:#FFFFFF; margin:15px 0 15px 15px; }

#featured-agent ul { margin:30px 0 0 10px; float:left; width:210px; line-height:1.5em; }

#featured-agent ul li#title { font-size:1.38em;  margin-bottom:16px; font-weight:bold; }

#featured-agent ul li#agent-name { font-size:1.23em; font-weight:bold; }

/* MY HOMEFINDER - HOMEPAGE
-------------------------------------------------------------*/
#my-homefinder { float:left; width:510px; margin-top:36px; }

#my-homefinder h1 { font-size:1.38em; }

#my-homefinder ol li { float:left; margin-right:20px; }

#my-homefinder form { margin-top:15px; }

#my-homefinder form label { display:block; }

#hfoverview { width:510px; margin-top:0; }

#hfoverview ul { width:510px; float:left; }

#hfoverview ul li { display:inline; margin-right:8px; }
 
#hfoverview ul li a:link, #overview ul li a:visited { color:#555555; }
 
#hfoverview ul li a:hover { color:#07243B; } 

#hfoverview h1 { font-size:1.38em; width:100%; margin-bottom:10px; }

/* MY HOMEFINDER - COMMERCIAL LANDING PAGE
-------------------------------------------------------------*/
#commercial-my-homefinder { background-color:#e5eff9; padding:15px; width:610px; float:right; }

#commercial-my-homefinder form label { display:block; }

#commercial-my-homefinder form ol li { float:left; width:180px; }

/* INTERIOR-CONTAINER
----------------------------------------------------------------------------------------*/
#interior-container { background:url(/images/layout/interior-container-bg.gif) 0 0 repeat-x #fff; width:920px; padding:20px; float:left; }

#interior-container ol, #interior-container ul { margin-bottom:10px; }

#interior-container form ol li { list-style:none; text-indent:0; }

#interior-container ol li { list-style:inside decimal; text-indent:5px; }

#interior-container ul li { list-style:inside disc; text-indent:5px; }

#interior-container p { margion-bottom:10px; }

#interior-container a.name { color:inherit; }

#interior-container a.name:hover { color:none; }

/* MY HOMEFINDER - INTERIOR
-------------------------------------------------------------*/
#interior-homefinder { width:898px; border:1px solid #B0D2E5; margin-bottom:20px; background-color:#D9ECF7; padding:10px; }

#interior-homefinder h1 { font-size:1.38em; float:left; margin-right:20px; } 

#interior-homefinder li { float:left; margin-right:10px; }

#interior-homefinder form label { float:left; width:85px; margin-right:10px; text-align:right; }=

#interior-hfoverview { width:100%; float:left; }

#interior-hfoverview ul { width:330px; float:left; }

#interior-hfoverview ul li { display:inline; margin-right:8px; }
 
#interior-hfoverview ul li a:link, #overview ul li a:visited { color:#555555; }
 
#interior-hfoverview ul li a:hover { color:#07243B; } 

#interior-hfoverview h1 { font-size:1.38em; float:none; }

/* NEWS
-------------------------------------------------------------*/
#news { float:right; width:346px; margin-bottom:20px; background-color:#fff; color:#333; padding:15px; }

#news table tr td a:link, #news table tr td  a:visited { color:#34506C; }

#news table tr td a:hover {  color:#88AECA; }
 
.hnewstitle {font-weight: bold; font-size:1.38em; width:100%; float:left; } 

/* WELCOME-TEXT
-------------------------------------------------------------*/
#welcome-text { float:left; width:548px; }

#welcome-text h1 { color:#88AECA; font-size:1.38em; }

ul#homepage-ad { margin-bottom:20px; }

ul#homepage-ad li img { border:1px solid white; }

ul#homepage-ad li { text-align:center; } 

/* AREA-MAP
-------------------------------------------------------------*/
#area-map { float:right; width:376px; margin-bottom:50px; }

/* FOOTER
----------------------------------------------------------------------------------------*/
#footer { width:960px; color:#fff; margin:50px auto; }

#footer-bottom { float:left; width:100%; border-top:1px solid white; padding-top:10px; }

#footer-bottom ul li { display:inline; line-height:1.5em; }

#footer a:link, #footer a:visited { color:#c0dbef; } 

#footer a:hover, #footer a:focus { color:#88aeca; }

ul#company-links li a { font-weight:bold; }

.dotline {border-style: dotted; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-color: #666666;}

.dotline2 {border-style: dotted; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-width: 0; border-color: #666666;}

.dotline3 {border-style: dotted; border-top-width: 0; border-left-width: 1px; border-right-width: 0; border-bottom-width: 0; border-color: #666666;}

.FormFieldLabel, .FormField, .ListingInfo {font-size: 12px;}

.text {font-size: 12px; padding-top: 10px;}

#foot-logos {float:left; width:100%; height:65px; background-color:#FFFFFF; margin-bottom:10px; text-align:center; padding-top:5px; border:#85a6d5 solid 2px;}
#foot-logos ul li{list-style:none; display:inline; padding:10px;}
#foot-logos ul {width:100%; text-align:center;}

/* SITEMAP
----------------------------------------------------------------------------------------*/
#interior-container .btext ul li {list-style: none;}
#interior-container .btext ul li ul {margin-left: 12px;}