/* Reset Styles - Eric Meyer's Reset Reloaded 
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Fundamental Styles
--------------------------------------------------------------------*/
body {
        color: #000;
        font-family: Georgia, Cambria, Palatino, serif;
        font-size: 92%;
        line-height: 1.1em;
        font-weight: normal;
        padding: 0;
        margin: 0;
        min-width: 900px;
}

p { 
        margin: 0 0 1.25em 0;
}

h1, h2, h3, h4, h5, h6 { 
        font-family: Tahoma, Verdana, sans-serif;
        color: #084887;
        font-weight: normal;
}

h1 { font-size: 1.5em; }

h2 { font-size: 1.2em; }

h3 { font-size: 1.1em; }

hr { 
        height: 1px;
        border: none;
        background: url(border-h.gif) repeat-x bottom;
        margin: 0;
}

strong { 
        font-weight: bold;
}

em { 
        font-style: italic;
}

a { 
        text-decoration: none;
}

a:link {  
        color: #084887;        
}

a:visited { 
        color: #063666;        
}

a:hover { 
        background-color: #063666;
        color: #FFF;
}

a:active { 
        color: #A3E55E;
        background-color: transparent;
}

/* Forms in general */
form { 
        background: #EDEBDB none;
}

input, select, textarea { 
        font-family: Georgia, Cambria, Palatino, serif;
        border: solid 1px #B0AFA9;
        padding: 1px;
        color: #383838;
}

.button { 
        background: #DBD8BA none;
        border: solid 1px #979C88;
        border-top: solid 1px #FFFCD9;
        border-left: solid 1px #FFFCD9;
        padding: 0.1em 0.2em 0.1em 0.2em;
        overflow: visible;	/* IE Hack */
        font-size: 1em;      
}

a.button { 
        color: #383838;
        float: left;
        display: block;
        margin: 3px;
        cursor: pointer;
        padding: 4px;
}

a.button img {
        margin: 0 3px -3px 0 !important;
        padding: 0;
        border: none;
        width: 16px;
        height: 16px;
}

input.button:hover, a.button:hover {
        background-color: #E8E5C5;
        text-decoration: none;
}

a.button:active {
        background-color: #6299c5;
        border: 1px solid #6299c5;
        color: #fff;
}

.note { 
        font-size: 0.8em;
        font-style: italic;
        font-family: Tahoma, Verdana, sans-serif;
}


/* Header for all pages on the site
--------------------------------------------------------------------*/
#siteheader { 
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 0.91em;
        width: 940px;
        margin: 0 auto 0 auto;
        padding: 11px 0 0 0;        
}


/* Title block */
#title { 
        float: left;
        width: 324px;
        height: 70px;
        padding: 15px 40px 15px 0;        
        overflow: hidden;
        background: url(border-v.gif) repeat-y right;
}

#logo { 
        font-family: Georgia, Cambria, Palatino, serif;        
        position: relative;
        height: 44px;
        width: 324px;
        overflow: hidden;
}

/* Gilder-Levin Method for image replacement used here and elsewhere */
#logo span { 		
        background: url(logo.gif) no-repeat 0 0;
        position: absolute;
        width: 324px;
        height: 44px;
        cursor: pointer;	/* IE Hack */
        top: 0;
}

#motto { 
        font-family: Georgia, Cambria, Palatino, serif;
        text-transform: uppercase;
        font-size: 0.85em;
        position: relative;
        height: 25px;
        overflow: hidden;
}

#motto span { 
        background: url(motto.gif) no-repeat 0 0;
        position: absolute;
        width: 324px;
        height: 25px;
        cursor: pointer;	/* IE Hack */
        top: 0;
}


#logo a { 
        color: #000;
        display: block;
        width: 324px;
        height: 44px;
        position: relative;
}

#motto a { 
        color: #000;
        display: block;
        width: 324px;
        height: 25px;
        position: relative;
}

#logo a:hover, #motto a:hover { 
        background: transparent none;
}


/* Navigation */
#mainnav { 
        float: left;
        margin: 6px 39px 6px 40px;
        width: 135px;
        height: 88px;
}

#mainnav li { 
        height: 22px;
        width: 135px;
        background: url(nav.gif); /* IE Hack */
}

#mainnav li a { 
        display: block;
        height: 22px;
        width: 135px;
        position: relative;
        line-height: 22px;
        overflow: hidden;
        color: #383838;
}

#mainnav li a:hover { 
        color: #FFF;
        visibility: visible;	/* IE Hack */
}

#mainnav li a span { 
        background: url(nav.gif);
        position: absolute;
        height: 22px;
        width: 135px;
        cursor: pointer;	/* IE Hack */
        top: 0;
}

#mainnav li a:hover span { 
        background-image: url(nav-hover.gif);
}

/* Selected color */
body.home #mainnav li.home a, body.listings #mainnav li.listings a, 
body.realtors #mainnav li.realtors a, body.offices #mainnav li.offices a {
        color: #084887;       
}
/* Selected background graphic */
body.home #mainnav li.home a span, body.listings #mainnav li.listings a span,
body.realtors #mainnav li.realtors a span, body.offices #mainnav li.offices a span {
        background-image: url(nav-select.gif);
}
/* Undoes selected color when hovering */
body.home #mainnav li.home a:hover, body.listings #mainnav li.listings a:hover, 
body.realtors #mainnav li.realtors a:hover, body.offices #mainnav li.offices a:hover { 
        color: #FFF;
}
/* Undoes selected background graphic when hovering */
body.home #mainnav li.home a:hover span, body.listings #mainnav li.listings a:hover span, 
body.realtors #mainnav li.realtors a:hover span, body.offices #mainnav li.offices a:hover span { 
        background-image: url(nav-hover.gif);
}

/* Offsets for sprite method - the li is included as well as the span because of an IE Hack */
#mainnav li.home a span, #mainnav li.home { background-position: 0px 0px; }
#mainnav li.listings a span, #mainnav li.listings { background-position: 0px 66px; }
#mainnav li.realtors a span, #mainnav li.realtors { background-position: 0px 44px; }
#mainnav li.offices a span, #mainnav li.offices { background-position: 0px 22px; }


/* Admin block on right side 
Uses Yuhu's vertical centering technique: 
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html */
#headeradmin { 
        float: left;
        width: 358px;
        height: 100px;
        display: table;
        overflow: hidden;
        background: url(border-v.gif) repeat-y left;
        #position: relative;	/* IE Hack */
}

#headeradminmiddle { 		
        display: table-cell;
        vertical-align: middle;
        #position: absolute;	/* IE Hacks */
        #top: 50%;
}

#contactline { 
        text-align: right;
        padding: 0 0 0 40px;
        width: 318px;
        #position: relative;	/* IE Hacks */
        #top: -50%;
}


/* Page-dependent header for breadcrumbs and the like
--------------------------------------------------------------------*/
#pageheader {
        clear: both;
        padding: 11px 0 2px 0;
        border-bottom: solid 7px #87867D;        
}

#location { 
        background: #063666 url(location-bg.gif) repeat-x left top;
        text-align: center;
        padding: .25em 0 .25em 0;
        width: 100%;
}

#pagelocation { 
        color: #B5C8DB;
        width: 940px;
        margin: 0 auto 0 auto;
        text-align: right;
}

#headerphotos {
        background: #084887 url(banner.jpg) no-repeat center top;
        padding: 13px 0 13px 0;
        text-align: right;
        height: 236px;
}

#featured { 
        width: 940px;
        margin: 0 auto 0 auto;
        text-align: right;        
}

#specialfeatures { 
        float: left;
        width: 264px;
        height: 236px;
        padding: 0 0 0 0;        
        overflow: hidden;
}

#exploreflorida {
        width: 264px;
        height: 79px;
}

#exploreflorida span { 
        background: url(specialfeatures.jpg) no-repeat 0 -157px;
        position: absolute;
        width: 264px;
        height: 79px;
        cursor: pointer;
        top: 0;
}

#exploreflorida a:hover span {
        background: url(specialfeatures.jpg) no-repeat -264px -157px;
}

#marketanalysis {
        width: 264px;
        height: 79px;
}

#marketanalysis span { 
        background: url(specialfeatures.jpg) no-repeat 0 -78px;
        position: absolute;
        width: 264px;
        height: 79px;
        cursor: pointer;
        top: 0;
}

#marketanalysis a:hover span {
        background: url(specialfeatures.jpg) no-repeat -264px -78px;
}

#webmagazine {
        width: 264px;
        height: 78px;        
}

#webmagazine span { 
        background: url(specialfeatures.jpg) no-repeat 0 0;
        position: absolute;
        width: 264px;
        height: 78px;
        cursor: pointer;
        top: 0;
}

#webmagazine a:hover span {
        background: url(specialfeatures.jpg) no-repeat -264px 0;
}

.specialfeature { 
        text-align: left;
        font-size: 1em;
        font-style: italic;
        font-family: Tahoma, Verdana, sans-serif;
        overflow: hidden;
        position: relative;
}

.specialfeature a { 
        display: block;
        color: #FFF;
}

.specialfeature a:hover { 
        background: transparent;
}

#featuredphotos a { 
        border: solid 1px #B5C8DB;
        float: right;
        margin-left: 12px;
        color: #FFF;
        background: #063666;
        width: 324px;
        height: 234px;
        padding: 0;
        font-size: 1em;
        overflow: hidden;
}

.featuredlabel {
        padding: 0 12px 0 12px;
        display: block;
        line-height: 30px;
        vertical-align: middle;
        position: relative;
        top: -34px;
        height: 34px;
        background: #063666;
}

.cityname { 
        text-align: left;
        float: left;
        display: block;
}

/* Content area layout 
--------------------------------------------------------------------*/
#content { 
        margin: 0 auto 0 auto;
        width: 940px;
        padding: 4em 0 4em 0;
}

#content h1 { 
        line-height: 1.3em;
}

.home #content { 
        padding: 0;
}

#mainblock { 
        background: #FFF url(front-bg.gif) repeat-y center;
}

/* Makes #content contain its floats - read more at: 
http://csscreator.com/?q=attributes/containedfloat.php*/ 
#content:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#content { display: inline-block; }

/* Hides from IE Mac \*/
* html #content { height: 1%; }
#content{ display: block; }
/* End Hack */

/* 3 column layout - "Any Order Columns" from:
http://www.positioniseverything.net/articles/onetruelayout/anyorder
--------------------------------------------------------------------*/

/* Main content - center */
#maincontent { 
        float: left;
        width: 360px;
        margin: 25px 0 25px 263px; 
        padding: 0 17px 0 17px;
        text-align: right;
}

* html #maincontent { 		/* IE Hack - fixes doubled float-margin bug */
        display: inline;
}

/* Ad column - left side */
#adverts { 
        float: left;
        width: 263px;
        margin-left: -658px;       
        color: #383838;
        font-style: italic;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 0.8em;
}


/* Search form - right side */
#searchform { 
        float: left;
        width: 260px;        
        padding: 25px 3px 25px 19px;
        color: #383838;
}


/* Main content area styles
--------------------------------------------------------------------*/
#welcomemessage { 
        background: url(border-h.gif) repeat-x bottom;
        padding-bottom: 1em;
}

#maincontent h2 { 
        padding-bottom: 0.7em;
        text-align: left;
        font-size: 1.5em;
}

#maincontent p { 
        text-align: left;
}

#maincontent h3, #searchform h3 {
        font-size: 1.1em;
        text-align: left;
        padding: 0.8em 0 0.8em 0;
}

#searchform h3 { 
        padding-top: 0;
}

.newsstory { 
        color: #383838;
        font-size: 0.91em;
        margin: 1em 0 1em 0;
        text-align: right;
}

.newsstory h1 { 
        font-family: Georgia, Cambria, Palatino, serif;
        color: #063666;
        font-size: 1.2em;
        padding: 0.1em 0 0.1em 0;
        margin-bottom: 0.25em;
        text-align: left;
}



/* Advert column
--------------------------------------------------------------------*/
#adverts br { 
        display: none;
}

.ad { 
        padding: 25px 17px 25px 17px;
        font-size: 1.1em;
        display: block;
}

.ad:link { 
        color: #383838;

}

.ad:visited { 
        color: #383838;
}

.ad:hover { 
        background: #F2F2E6 none;
        color: #383838;
}

.ad .adheadline { 
        font-style: normal;
        font-size: 1.2em;
        line-height: 1.5em;
        display: block;
}

.ad img { 
        padding: 6px;
        background: #FFF none;
        border: solid 1px #CDCDCD;
}


/* Front page search form
--------------------------------------------------------------------*/
#searchform form, form #searchformmore { 
        font-size: 0.91em;
}

/* CSS Tabs, with some help from Joshua Kaufman 
http://unraveled.com/projects/html/css_tabs/
*/
#searchform li { 
        text-align: center;
        vertical-align: middle;
        width: 127px;
        padding: 0;
        background: #EDEBDB none;
        border: solid 1px #B8B7AC;
        border-bottom: none;
}

#forsale { 
        float: left;
}

#forrent { 
        float: right;
}

div.sale #forsale a, div.rent #forrent a { 
        position:relative;
        top:1px;
        padding: 4px 0 5px 0;
        background: #EDEBDB none;
}

#saleorrent a { 
        color: #383838;
        background: #DBD8BA none;
        display: block;
        width: 127px;
        padding: 5px 0 4px 0;
}

div.rent #forsale a:hover, div.sale #forrent a:hover { 
        background: #F2EFCE none;
}

/* The rest of the form */
#searchform #proplocation { 
        border-top: none;
}

#searchform form { 
        border: solid 1px #B8B7AC;
        clear: both;
}

#searchform fieldset { 
        border-top: solid 1px #FFF;
        padding: 0.7em 0.5em 0.3em 0.5em;
}

#searchform legend { 
        display: none;
}

#zipcode { 
        width: 50%;
}

#searchform #formcontrols { 
        text-align: center;
}

#proplocation label, #price label, #property label { 
        padding: 0.1em 0.5em 0.7em 0;
        vertical-align: middle;
}

#searchform input, #searchform select { 
        margin: 0.1em 0 0.5em 0;
        vertical-align: middle;
}

#price select, #city, #proptype, #development { 
        width: 100%;
}

#bedsbox { 
        text-align: center;
}

#bathsbox {
        text-align: center;
}


/* Property search pages
--------------------------------------------------------------------*/
#searchresultsbar { 
        background: url(border-h.gif) repeat-x bottom;
        padding: 0.5em 0 0.5em 0;
        margin: 0 0 1em 0;
        text-align: center;
        display: inline-block;
        _height: 1%;
}

#toppagination { 
        float: right;        
        text-align: right;
}

#topresultsinfo { 
        float: left;
        text-align: left;
}

#searchresultsbar .button {
        margin: 0.5em 0 0.5em 0;
}

#searchresultsbar:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* Hides from IE-mac \*/
#searchresultsbar { display: block; }
/* End hide from IE-mac */

#bottomsearchresultsbar { 
        background: url(border-h.gif) repeat-x top;
        padding: 0.5em 0 0.5em 0;
        margin: 1em 0 5em 0;
}

#bottompagination { 
        float: right;
        text-align: right;
}


/* Property search list display
--------------------------------------------------------------------*/
table { 
        border-spacing: 3px;
}

td { 
        background: none #EDEBDC;
        border-bottom: solid 1px #C6C5C0;
        border-right: solid 1px #C6C5C0;
        border-top: solid 1px #F9F8F4;
        border-left: solid 1px #F9F8F4;
        width: 50%;
        padding: 0.9em;
}

td .listnumber { 
        color: #383838;
        font-family: Georgia, Cambria, Palatino, serif;        
        font-size: 1.3em;
        line-height: 1.1em;        
        float: left;
}

.propertyinformation { 
        margin-left: 2em;
}

td h1, td h2 { 
        color: #383838;
        font-family: Georgia, Cambria, Palatino, serif;        
        font-size: 1.3em;
        line-height: 1.1em;
}

td h2 { 
        font-size: 1.15em;
}

td img { 
        float: left;
        padding: 6px;
        background: #FFF none;
        border: solid 1px #CDCDCD;
        margin-right: 1em;
}


/* More search form
--------------------------------------------------------------------*/
#searchformmore { 
        background: none #EDEBDC;
        border-bottom: solid 1px #C6C5C0;
        border-right: solid 1px #C6C5C0;
        border-top: solid 1px #F9F8F4;
        border-left: solid 1px #F9F8F4;      
        padding: 10px 12px 10px 12px;
        width: 920px;
        display: inline-block;
        _height: 1%;
}

#searchformmore fieldset { 
        border: dashed 1px #C0BEAF;
        padding: 17px;
        margin: 4px;
        float: left;
        width: 185px;
        vertical-align: middle;
}

#moreformcontrols { 
        clear: both;
        padding: 0.5em 0 0.2em 0;
}

#moreformcontrols input { 
        float: right;
}

#moresearchoptions { 
        line-height: 2em;
}

#searchformmore:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

/* Hides from IE-mac \*/
#searchformmore { display: block; }
/* End hide from IE-mac */


/* Property details display page
--------------------------------------------------------------------*/

.listings #content h1 { 
        padding: 0 0 0.8em 0;
}


/* 3 column layout - "Any Order Columns" from:
http://www.positioniseverything.net/articles/onetruelayout/anyorder
--------------------------------------------------------------------*/
#textcontent { 
        width: 321px;
        float: left;
}

* html #textcontent { 		/* IE Hack - fixes doubled float-margin bug */
        display: inline;
}

#photocontent { 
        float: left;
        width: 270px;
        margin-left: 31px;       
        padding: 0px 22px 4px 22px;
        background: #DFEAF2 none;
        color: #063666;
        vertical-align: middle;
        line-height: 2em;
}

#specscontent { 
        float: left;
        width: 243px;        
        margin-left: 31px;
}

#textcontent>h2 { 
        font-size: 1.15em;        
}

#textcontent p { 
        padding: 1em 0 1em 0;
        line-height: 1.1em;
        text-align: justify;
}

#textcontrols { 
        background: none #EDEBDC;
        margin: 0 0 1em 0;
        padding: 1em;
}

#textcontrols:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

#textcontrols { display: inline-block; }

/* Hides from IE-mac \*/
* html #textcontrols { height: 1%; }
#textcontrols { display: block; }
/* End hide from IE-mac */

.agentinformation { 
        background: none #EDEBDC;        
        color: #383838;
        padding: 1em;
        line-height: 1.2em;
}

div.agentinformation:after { 
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}

div.agentinformation { display: inline-block; }

/* Hides from IE-mac \*/
* html div.agentinformation { height: 1%; }
div.agentinformation { display: block; }
/* End hide from IE-mac */

.agentinformation h2 { 
        padding-bottom: 0.3em;
        font-size: 1.3em;
}

.agentinformation h3 { 
        font-size: 1em;
}

.agentinformation h2, .agentinformation h3, .agentinformation h4 { 
        font-family: Georgia, Cambria, Palatino, serif;        
}

.agentinformation img, #photocontent img, #realtorpersonal img,
.realtorpropphoto img, #officepersonal img, .clicklist img {
        padding: 6px;
        background: #FFF none;
        border: solid 1px #CDCDCD;
        margin: 0 auto 18px auto;
        display: block;
}

.agentinformation img { 
        float: left;
        margin: 0 1em 0 0;
}

#specscontent h3 { 
        color: #383838;
        font-size: 1.15em;        
}

#specscontent ul { 
        padding: 0.8em 0 1.4em 0;
}

#specscontent li { 
        background: none #EDEBDC;
        margin-bottom: 4px;
        padding: 6px;
        color: #383838;
}


/* Agent Page
--------------------------------------------------------------------*/
#realtorpersonal, #realtorlistings, #realtorrentals { 
        margin: 0 0 3em 0;
}

#realtorpersonal:after { 
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#realtorpersonal { display: inline-block; }

/* Hides from IE Mac \*/
* html #realtorpersonal { height: 1%; }
#realtorpersonal { display: block; }
/* End Hack */

#personalinformation {
        float: left;
        width: 213px;
        padding: 0 40px 0 0;
        font-family: Tahoma, Verdana, sans-serif;
        color: #383838;
        line-height: 1.15em;
        margin-left: 26px;
}

#personalinformation h1 { 
        padding: 0 0 .2em 0;
}

#personalstory { 
        float: left;
        width: 529px;
        margin-left: 47px;
        text-align: justify;
}

#personalphoto { 
        float: left;
        width: 85px;
}

#realtorlistings, #realtorrentals, #officeagents {
        clear: both;
}

.realtors #content h2 { 
        padding: 0 0 0.25em 0;
        font-size: 1.2em;
}

.realtors #content h4, .offices #content h4 {
        font-size: 0.86em;
}

#realtorlistings p, #realtorrentals p { 
        text-align: justify;
        padding: 1.2em 0 1.2em 0;
}

#realtorlistings li, #realtorrentals li { 
        margin: 0 0 2.5em 0;
}

h3.blockhead { 
        padding: 1.5em 0 1.5em 0;
        font-size: 1.15em;
}

#realtorlistings li:after, #realtorrentals li:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#realtorlistings li, #realtorrentals li { display: inline-block; }

/* Hides from IE Mac \*/
* html #realtorlistings li { height: 1%; }
#realtorlistings li { display: block; }
/* End Hack */

/* Hides from IE Mac \*/
* html #realtorrentals li { height: 1%; }
#realtorrentals li { display: block; }
/* End Hack */

.realtorpropphoto { 
        width: 244px;
        text-align: right;
        display: block;
        float: left;
}

.realtorpropphoto:hover { 
        background-color: transparent;
}

.realtorpropphoto img { 
        display: inline;
}

.realtorpropinfo { 
        width: 670px;
        margin-left: 26px;
        float: left;
}

.realtorpropinfonophoto { 
        width: 670px;
        margin-left: 270px;
        float: left;
}


/* Contact Form
--------------------------------------------------------------------*/
#contact { 
        padding: 1.5em 0 0 0;
        font-family: Tahoma, Verdana, sans-serif;
        color: #383838;
        line-height: 1.15em;
        margin: 0 0 3em 0;
        clear: both;
}

#contactinfo { 
        float: left;
        width: 244px;       
}

#contactinfo>h3 { 
        font-size: 114%;
}

#contactform { 
        width: 630px;
        margin: 0 0 0 26px;
        float: left;
        background: #EDEBDC;
        text-align: right;
        padding: 20px;
        font-family: Georgia, Cambria, Palatino, serif;
        line-height: 2em;
        color: #383838;
}

#contactform input { 
        width: 313px;
        margin: 0 0 0 0.5em;
        color: #000;
}

#contactform li { 
        padding: 0.2em 0 0.2em 0;
}

#contactform li:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#contactform li { display: inline-block; }

/* Hides from IE Mac \*/
* html #contactform li { height: 1%; }
#contactform li { display: block; }
/* End Hack */

#contactform li label { 
        width: 307px;
        padding: 0 5px 0 0;
        float: left;
        text-align: right;
        line-height: 1.7em;
}

#contactform li input, #contactform li select { 
        float: left;
        margin: 0;        
        color: #000;
}

#contactform li.amenity input { 
        width: auto;        
        margin-top: 0.4em;
}

#contactform input.button { 
        width: auto;
        color: #383838;
}

#contactform textarea { 
        width: 600px;
        color: #000;
}

#messagelabel { 
        display: block;
        text-align: left;
        width: 626px;        
}

#contactcontrol { 
        text-align: left;
}

#contactform .button { 
        float: right;
}

#errorblock { 
        background-color: #FBB;
        border: solid 1px #F00;
        color: #000;
        text-align: center;
        padding: 0.2em 0.5em 0.2em 0.5em;
        margin-bottom: 2em;
}

.error { 
        color: #F00;
}

#contactform li:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#contactform li { display: inline-block; }

/* Hides from IE Mac \*/
* html #contactform li { height: 1%; }
#contactform li { display: block; }
/* End Hack */

.fakeinput { 
        float: right;
        text-align: left;
        width: 313px;
        margin: 0 0 0 0.5em;        
        border-bottom: dashed 1px #B0AFA9;
}

.faketextarea { 
        width: 626px;
        text-align: left;
        border-top: dashed 1px #B0AFA9;
        border-bottom: dashed 1px #B0AFA9;
}


/* Agents Page
--------------------------------------------------------------------*/
.officeagents { 
        width: 235px;
        float: left;
        padding: 0;
}

.officeagents h2 { 
        font-size: 129%;
        padding: 0 0 .35em 0;   
}

.officeagents ul { 
        width: 225px;
        margin: 0 auto 0 auto;
}

.linkgroup li { 
        background: #EDEBDC;
        margin: 1px 0 1px 0;       
}

.linkgroup a, .officeagents h2 a { 
        display: block;
        padding: 2px 6px 2px 6px;
        width: 213px;
}

.linkgroup li a { 
        color: #383838;
        
}

.linkgroup li a:hover { 
        background: #DFEAF2;
        color: #383838;
}


/* Office page
--------------------------------------------------------------------*/
#officepersonal img { 
        float: left;
        margin: 0 26px 0 0;
}

#officepersonal { 
        font-family: Tahoma, Verdana, sans-serif;
        color: #383838;
        margin: 0 0 3em 0;
}

#officepersonal:after { 
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#officepersonal { display: inline-block; }

/* Hides from IE Mac \*/
* html #officepersonal { height: 1%; }
#officepersonal { display: block; }
/* End Hack */

.agentinformation { 

}

.information { 
        float: left;
}

.offices table {
        margin-bottom: 3em;
}

td.agentinformation { 
        width: 430px;
        padding: 20px;
}

.officerealtorinfo { 
        font-family: Tahoma, Verdana, sans-serif;
        color: #383838;        
}


/* Offices page
--------------------------------------------------------------------*/
#officelist { 
        width: 350px;
        float: left;
        margin-left: 18px;
        font-family: Tahoma, Verdana, sans-serif;
        color: #383838;
}

.clicklist li { 
        background: #EDEBDC;
        margin: 0 0 2px 0;
        padding: 1em;
}

.clicklist li:after { 
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

.clicklist li { display: inline-block; }

/* Hides from IE Mac \*/
* html .clicklist li { height: 1%; }
.clicklist li { display: block; }
/* End Hack */

#officelist img { 
        float: left;
        margin-right: 0.5em;
}

#officelist h1 { 
        font-size: 117%;
}

#mapblock { 
        width: 558px;
        padding: 6px;
        float: left;        
        margin-left: 0px;
        border: solid 1px #CDCDCD;
}


/* Careers page
--------------------------------------------------------------------*/
.aboutus #content h1 { 
        line-height: 1.2em;
        padding: 0 0 0.6em 0;
}

.aboutus #content h2 { 
        line-height: 1.2em;
        padding: 1.5em 0 0.3em 0;
}

.aboutus #content p { 
        text-align: justify;
}

.aboutus #content #contact hr { 
        margin: 3em 0 3em 0;
}

#careerintro:after { 
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
}

#careerintro { display: inline-block; }

/* Hides from IE Mac \*/
* html #careerintro { height: 1%; }
#careerintro { display: block; }
/* End Hack */

#careerintromessage { 
        width: 368px;
        float: left;
        padding: 0 0 3em 0;
}

#careerintroimage { 
        width: 531px;
        float: left;
        margin-left: 40px;
        padding: 0 0 3em 0;
}

#careerintroimage img { 
        padding: 6px;
        border: solid 1px #CDCDCD;        
}

#linkbar { 
        clear: both;
        padding: 0 0 3em 0;
}

#maincolumn { 
        width: 940px;
        margin: 1.5em auto 0 auto;
        clear: both;
}

#halfcolumn1 { 
        width: 450px;
        padding-right: 20px;
        float: left;
}

#halfcolumn2 { 
        width: 450px;
        padding-left: 20px;
        float: left;
}

ul.tradlist {
        list-style: disc inside;
        margin: 0 0 1.25em 0;
}

.thirdcolumn { 
        width: 286px;
        float: left;
}

#thirdcolumn1, #thirdcolumn2 { 
        padding-right: 40px;
}

.thirdcolumn .linkgroup a { 
        width: 274px;
}


/* News
--------------------------------------------------------------------*/
.news #textcontent { 
        width: 591px;
}


/* CMA page
--------------------------------------------------------------------*/


/* Footer
--------------------------------------------------------------------*/
#footer { 
        background: #084887 url(white-gap.gif) repeat-x top;        
        color: #FFF;
        padding-top: 2px;
        border-top: solid 7px #87867D;        
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 0.75em;
        width: 100%;
        text-align: center;	/* IE Hack */
        clear: both;
}

#footercontacts { 
        width: 940px;
        margin: 0 auto 0 auto;
        text-align: left;	/* IE Hack */
}

#footertitle { 
        padding: 0.75em 1px 0.75em 0;
        background: url(border-h.gif) repeat-x bottom;
        color: #B5C8DB;
}

.officecontact {
        float: left;
        padding: 1em 0 1em 0;
        width: 33.33%;
        text-align: center;
}

.officecontact a {
        color: white;
        display: block;
        padding: 1em 0 1em 0;
        margin: 0 1em 0 1em;
}

.officecontact a:visited {
        color: white;
}

#footeradmin { 
        clear: both;
        width: 940px;
        margin: 0 auto 0 auto;
        padding-top: 1px;
        text-align: left;	/* IE Hack */
        padding: 0.75em 0 0.75em 0;
        background: url(border-h.gif) repeat-x top;
        color: #B5C8DB;
}

#footernav { 
        float: right;
}