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

/* all fonts use ems which are based on 13px. 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(http://www.elliottcoastalliving.com/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:43px; 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(http://www.elliottcoastalliving.com/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
-------------------------------------------------------------*/
#photos-container { width:100%; height:160px; float:left; }

/* COMMERCIAL-SEARCHFORM-CONTAINER
-------------------------------------------------------------*/

/* container styling for collapsible divs */
.commercial-searchform { width:320px; /*height:385px;*/ float:left; /*border-bottom:1px solid #A8BECF;*/ }

#buildings-for-sale h1, #buildings-for-lease h1, #land-for-sale h1 { display: block; height: 32px; width: 300px; padding:5px 0 0 20px; line-height: 30px; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; margin: 0 0 0 0; font-size:1.15em; font-weight:normal; }

#collapsible-searchforms-container { width:214px; float:left; height: }

#buildings-for-sale, #buildings-for-lease, #land-for-sale { width:320px; /*height:334px;*/ color: #444444; overflow: hidden; font-size:12px;  }

#buildings-for-sale h1 { background-color:#f9e1c0; color: #5b4a38; }

#buildings-for-sale { background-color:#FFF3E4; height:395px; }

#buildings-for-lease h1 { background-color:#d4e5f6; color:#34506c; }

#buildings-for-lease { background-color:#e1ebf3; height:395px; }

#land-for-sale { background-color:#f5f6f7; }

#land-for-sale h1 { background-color:#e5ebf2; color:#4a5e76; }

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

.commercial-form-container form ol li { float:left; }

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

.commercial-form-container form fieldset { width:280px; padding:20px; }

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

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

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

ol#radio-buttons input { float:left; width:auto; margin-right:10px; }

ol.commercial-proptypes input { float:left; width:auto; margin-right:10px; }

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

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

ol.industrial { width:100%; }

ol.industrial input { float:left; width:auto; margin-right:10px; }

ol.industrial label { float:left; width:100px; }

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

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

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

#cityDiv1, #cityDiv2, #cityDiv3, #cityDivYY, #cityDivZZ { float:left; width:auto; margin-bottom:10px; }

/* residential listings search button */
p#residential-search {  width:320px; background-color:#8cc0e8; margin:0; float:left; margin-top:-17px; }

p#residential-search a:link, p#residential-search a:visited { font-weight:normal; text-decoration:none; display:block; color:#173a54; font-size:1.15em; height:27px; width:300px; padding:15px 0 0 20px; }

p#residential-search a:hover { background-color:#4684b4; color:#fff; }

/* gradient tabs */
#tabs { float:left; width:320px; }

ul#tabs-container-toprow { width:100%; height:58px; margin:0; background:url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-toprow2.gif) no-repeat; position:relative; }

ul#tabs-container-bottomrow { width:100%; height:58px; margin:0; background:url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-bottomrow2.gif) no-repeat; position:relative; }

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

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

/* top row tabs */
li#sc-search { left:0; width:160px; } 

li#nc-search { left:160px; width:160px;  }

li#sc-search a:hover { background:transparent url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-toprow2.gif) -320px 0 no-repeat; }

li#nc-search a:hover { background:transparent url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-toprow2.gif) -480px 0 no-repeat; }

/* bottom row tabs */
li#find { left:0; width:160px; }

li#contact { left:160px; width:160px; }

li#find a:hover { background:transparent url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-bottomrow2.gif) -320px 0 no-repeat; }

li#contact a:hover { background:transparent url(http://www.elliottcoastalliving.com/commercial/images/layout/commercial-tabs-bottomrow2.gif) -480px 0 no-repeat; }

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

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

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

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

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

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

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

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

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

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

/* INTERIOR-CONTAINER
----------------------------------------------------------------------------------------*/
#interior-container { background:url(http://www.elliottcoastalliving.com/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; }

/* CONTACT FORM
-------------------------------------------------------------*/
form#commercial-contact-form { width:100%; }

form#commercial-contact-form label { float:left; width:180px; margin-right:10px; }

form#commercial-contact-form ol li { margin:5px 0; }

form#commercial-contact-form ol li:second { background:#BCBCBC; }

/* 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;}