/* General styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, fieldset, table, th, td { margin: 0px; padding: 0px; }
body { font: 12px/16px Helvetica, Arial, sans-serif; text-align: center; }
.container { margin: 0px auto; overflow: auto; width: 888px; text-align: left; }
a img { border: 0px; }
a { text-decoration: underline; color: #c94d00; }
a:hover { text-decoration: none; }

/* Header */
#header { background: url('../img/header-background.gif') 0px 0px repeat-x #fff; }
#header img { margin: 28px 0px 12px; }

/* Utility navigation */
#header #utility-nav { float: right; margin-top: 18px; }
#header #utility-nav ul li { display: inline; background: url('../img/utility-nav-separator.gif') 0px 0px no-repeat; padding: 0px 3px 0px 7px; }
#header #utility-nav ul li:first-child, #header #utility-nav ul li.first-child { background: none; }
#header #utility-nav ul li a { color: #022f5d; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#header #utility-nav ul li a:hover { text-decoration: underline; }

/* Search box in header */
#header #search { background: url('../img/header-search-background.gif'); width: 267px; height: 41px; float: right; clear: right; margin-top: 15px; }
#header #search form { border: none; text-align: center; padding-top: 7px; }
#header #search form label, 
#header #search form legend { position: absolute; left: -9999px; }
#header #search form input { background: url('../img/header-search-input-background.gif') 0px 0px no-repeat; border: 0px; width: 180px; height: 26px; padding: 0px 0px 0px 10px; outline: none; }
#header #search form button { vertical-align: top; color: #022f5d; font-weight: bold; border: 0px; cursor: pointer; background: url('../img/header-search-button.gif'); width: 59px; height: 26px; margin-left: 4px; }

/* Main navigation */
#nav { height: 30px; background: url('../img/nav-background.gif') 0px 0px repeat-x; }
#nav ul { display: block; background: url('../img/nav-ul-background.gif') 0px 0px repeat-x; width: 888px; height: 30px; margin: 0px auto; }
#nav ul li { list-style-type: none; float: left; background: url('../img/nav-separator.gif') 0px 0px no-repeat; }
#nav ul li a { color: #fff; text-decoration: none; font-size: 14px; text-transform: uppercase; float: left; padding: 7px 30px 0px 30px; height: 23px; display: inline; }
#nav ul li:first-child a, #nav ul li.first-child a { padding-left: 60px; }
#nav ul li a:hover{ background: #1d92cb;}
#nav ul li a:hover {border-bottom: 4px solid #1571a7; height: 19px; background: #1d92cb;}

/* "Portfolio" nav popup */
#popup-wrapper { position: relative; z-index: 999; width: 888px; margin: 0px auto; }
#popup { display: none; position: absolute; background: url('../img/popup-background.png'); width: 465px; height: 255px; padding: 15px 10px; text-align: left; z-index: 999; }
#popup ul { width: 125px; height: 240px; float: left; margin: 0px; padding: 0px 8px; background: none; border-right: 1px solid #dbd1b2; list-style-type: none; }
#popup ul.last-child { border: none; }
#popup ul.first-child { width: 155px; }
#popup ul li { margin: 0px; padding: 10px 0px; background: none; border-bottom: 1px dotted #094879; }
#popup ul li.last-child { border: none; }
#popup ul li a { text-decoration: none; color: #fff; text-transform: none; font-size: 11px; font-weight: bold; }
#popup ul li span { font-size: 10px; }
#popup ul li a span { font-weight: normal; font-size: 11px; }
#popup ul li a:first-child { padding: none; }
#popup ul li a:hover { text-decoration: underline; }
#popup ul li ul { width: auto; height: auto; float: none; border: none; padding-left: 0px; list-style-type: circle; color: #fff; list-style-position: outside; }
#popup ul li ul li { border: none; padding: 0px; margin-left: 1em; }
#popup ul li ul li a { font-size: 11px; font-weight: normal; }

/* Slideshow */
#slideshow { height: 377px; background: url('../img/slideshow-background.gif') center 0px repeat-x; }
#slideshow .container { height: 369px; border-bottom: 8px solid #022f5d; overflow: hidden; background: transparent; }
#slideshow img { margin-top: 0px; }
#slideshow #slides p {color: #fff; padding-left: 40px; font-weight: bold; font-size: 13px;  margin-top: 5px; ;}
#slideshow #slides p a {color: #fff}
#slideshow #slides div { height: 327px; background: #0175af url('../img/slide-shadow.jpg') -12px 0px no-repeat; padding: 5px 12px 12px 0px; margin-top: 20px;}
#slideshow #slides div img{width: 888px; height: 302px;}
#slideshow #control { float: right; color: #fff; position: relative; z-index: 10; padding: 5px 40px 0px 0px; }
#slideshow #control ul { list-style-type: none; margin-top: -12px; }
#slideshow #control ul li { display: inline; background: url('../img/slideshow-control-separator.gif') 0px 0px no-repeat; padding: 0px 3px 0px 7px; }
#slideshow #control ul li.first-child { background: none; }
#slideshow #control ul li a { color: #fff; text-decoration: none; font-size: 13px; }
#slideshow #control ul li a:hover, #slideshow #control ul li a.activeSlide { color: #d9cfaf; }

/* "Featured Properties" on homepage */
#featured { width: 215px; height: 195px; padding: 15px 25px; margin-top: 20px; background: url('../img/featured-callout-background.jpg'); float: right; }
#featured h2 { color: #022f5d; font-size: 14px; padding: 3px 0px 15px 0px; }
#featured img { border: 1px solid #c94d00; }
#featured p { font-size: 11px; line-height: 13px; margin: 3px 0px 0px 0px; }

/* On secondary pages */
#banner { background: url('../img/banner-background.jpg') 0px 0px repeat-x; height: 181px; overflow: hidden; text-align: center; }
#banner img { border-bottom: 6px solid #022f5d; margin: 25px auto 0px auto; display: block; }

#content { background: #ebe6d3; padding: 0px 0px 10px 0px; min-height: 450px; overflow: auto; }
#content .container { overflow: visible; }
#content .sidebar { background: url('../img/sidebar-background.jpg') 0px 0px no-repeat; width: 247px; min-height: 500px; padding: 0px 0px 0px 15px; float: right; margin-left: 50px; }
#content .sidebar h3 { font-size: 14px; padding: 30px 0px 15px 0px; color: #022f5d; border-bottom: 2px solid #dbd1b2; margin: 0px 0px 15px 0px; clear: both;}
#content .sidebar h4 { font-size: 12px; color: #c94d00; margin: 15px 0px -10px 0px; }
#content .sidebar ul { list-style-type: none; padding: 0px; }
#content .sidebar ul li { margin-bottom: 10px; list-style-type: circle;}
#content .sidebar ul li.news { margin-left: 0; }
#content .sidebar ul li strong { color: #c94d00; text-decoration: underline; } 
#content .sidebar a { color: #c94d00; }

#content .sidebar { min-height: 300px; }
#content .sidebar ul.property-thumbs {clear: both;}
#content .sidebar ul.property-thumbs li{display: block; margin: 0; padding: 0 3px 0 0; float: left;}
#content .sidebar ul.property-thumbs li.last{padding-right: 0px;}
#content .sidebar ul.property-thumbs li a img{border: 1px solid #c94d00; }
#content .sidebar ul.property-thumbs li a:hover img{border: 1px solid #022f5d;}
#content .sidebar .leadership li { list-style-type: circle; font-weight: bold; }

#content ul.properties li { list-style-type: circle; list-style-position: inside; padding-left: 10px; }
#content ul.news { padding-left: 0px; }
#content ul.news a { font-weight: bold; }
#content ul.news li { list-style-type: none; padding-left: 20px; margin-left: 0px; background: url('../img/pdf-icon-small.png') 0px 0px no-repeat; }
/*
#content ul.news li { background: url('../img/p-bullet.png') 0px 1px no-repeat; padding-left: 20px; margin-left: 0px; }
#content ul.news li.even { background: url('../img/n-bullet.png') 0px 1px no-repeat; }
*/

#content h1 { font-size: 24px; padding: 30px 0px 15px 0px; line-height: 100%;color: #022f5d; border-bottom: 2px solid #dbd1b2; width: 550px; margin-bottom: 15px; }
#content.secondary h1 { width: auto; }
#content h2 { font-size: 16px; }
#content h3 { font-size: 12px; text-transform: uppercase; color: #c94d00; margin: 15px 0px 10px 0px; }
#content p { margin: 10px 0px; }
#content ul li, #content ol li{ padding-left: 0px; margin-left: 20px; list-style-position: outside;}
#content table tr { vertical-align: top; }

/* "Properties in _____" callout on secondary pages */
#properties-callout, #properties-callout-2 { width: 535px; height: 175px; background: url('../img/properties-callout-background.png') 0px 0px no-repeat; margin: 10px 0px 0px -15px; }
#properties-callout h4, #properties-callout-2 h4 { font-size: 12px; text-transform: uppercase; color: #c94d00; padding: 15px 10px 10px 15px; }
#properties-callout p, #properties-callout-2 p { float: right; margin: -25px 20px 0px 0px; }
#properties-callout p.photos, #properties-callout-2 p.photos { margin: 2px 20px 0px 0px; }
#properties-callout ul, #properties-callout-2 ul { padding-left: 15px; }
#properties-callout ul li, #properties-callout-2 ul li { display: inline; list-style-type: none; margin: 0px; padding: 0px 5px; }
#properties-callout ul li img, #properties-callout-2 ul li img { border: 1px solid #c94d00; }

/* For portfolio items' properties */
#content table.properties { width: 386px; float: left; margin: 0px 30px 0px 0px; }
#content table.properties.residential { margin-top: 10px; }
#content table.properties th { background: url('../img/property-table-header-background.png') 0px 5px no-repeat; height: 15px; padding: 11px 0px 10px 10px; color: #c94d00; text-transform: uppercase; font-size: 14px; }
#content table.properties td { padding: 5px; }
#content table.properties td p { margin-top: 0px; }
#content table.properties td img { border: 1px solid #c94d00; display: block; }
#content table.properties td p { padding: 0px; margin: 0px; }
#content table.properties td strong { color: #000; }
#content table.properties td strong a { color: #c94d00; }

/* styles for FancyBox modal content */
.popup-info { background: #ebe6d3; color: #000; height: 560px; padding: 10px; }
.popup-info h3 { background: url('../img/leasing-info-h3-background.png') 0px 5px no-repeat; height: 15px; padding: 11px 0px 10px 10px; color: #c94d00; text-transform: uppercase; font-size: 14px; }
.popup-info h4 { margin: 11px 0px 10px 10px; color: #c94d00; font-size: 13px; }
.popup-info p { margin: 10px 0px 10px 10px; }
.popup-info ul { list-style-type: circle; padding-left: 30px; }
.popup-info img { float: right; margin: 11px 4px 0px 5px; border: 1px solid #c94d00; }

.bio { background: #ebe6d3; color: #000; height: 335px; padding: 10px; }
.bio h3 { background: url('../img/leasing-info-h3-background.png') 0px 5px no-repeat; height: 15px; padding: 11px 0px 10px 10px; color: #c94d00; text-transform: uppercase; font-size: 14px; }
.bio h4 { margin: 11px 0px 10px 10px; color: #c94d00; font-size: 13px; }
.bio p { margin: 10px 35px; }
.bio ul { list-style-type: circle; padding-left: 30px; }
.bio img { float: right; margin: 11px 30px 0px 5px; border: 1px solid #c94d00; }

/* Footer */
#footer { background: #fff; }
#footer p { font-size: 10px; color: #4d4d4f; margin: 15px 0px; line-height: 13px; }
#footer ul li { font-size: 11px; display: inline; padding-right: 7px; }
#footer a { color: #4d4d4f; text-decoration: underline; }