/* base.css */

/*--------------------------
CSS RESET
--------------------------*/
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;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} 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: "" "";}

/* --------------------------
BASIC STRUCTURE
--------------------------*/
html {background: #e7e7e7 url(../images/bg-html.gif) repeat-x 0 0;}
body {background: transparent url(../images/bg-body.jpg) no-repeat 5px 0; font-family: Arial, sans-serif; font-size: 12px;}
div#wrapper {width: 1000px;}
div#header {height: 110px; position: relative;}
div#content {padding: 20px 30px; width: 940px; overflow: hidden;}
div#footer {width: 100%; background: #033c8b url(../images/bg-footer.gif) repeat-x 0 0;}

.img-text {position: absolute; top: -9999px;}

/*--------------------------
HEADER
--------------------------*/
div#header a#logo {position: absolute; left: 40px; top: 30px;}
div#header div#talk-to-professional {width: 420px; height: 60px; position: absolute; top: 0; right: 15px; background: url(../images/bg-talk_to_professional.jpg) no-repeat;}
div#header div#talk-to-professional span#phone-number {display: block; width: 178px; text-align: center; color: white; font-weight: bold; font-size: 19px; line-height: 19px; position: absolute; right: 17px; top: 16px;}

/*--------------------------
FONTS/LINKS
--------------------------*/
h1, h2, h3, h4, h5, h6 {font-weight: normal;}

h1, h2, h3, h4, h5, h6, p {margin-bottom: 10px; line-height: normal;}

h1 {}

h2 {font-size: 20px; line-height: normal; color: #0854a0;}

h3 {font-size: 20px; line-height: 20px; color: #0854a0; text-transform: uppercase; font-weight: bold;}

h4 {}

h5 {font-size: 18px; color: #0854a0; font-weight: normal;}

h6 {font-size: 13px; color: /*#0854a0*/#333; text-transform: uppercase; letter-spacing: 1px; font-weight: bold;}

p {line-height: normal;}

b, strong {font-weight: bold;}

i, em {font-style: italic;}

hr {border: none; display: block; height: 1px; border-top: 1px dashed #999; margin-bottom: 15px; margin-top: 15px;}
hr.solid {border-top-style: solid;}

.clear {display: block; clear: both;}

br.clear {height: 1px;}

ul, ol {padding-bottom: 5px;}
ul li, ol li {padding-bottom: 10px;}
ul li {padding-left: 12px; background: url(../images/bullet.gif) no-repeat 0 2px;}
ol {list-style: decimal;}

a {color: #0854A0;}
a:hover {text-decoration: none;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a:link, a:visited {}
a:active, a:hover, a.active {}

a.more-button {padding: 5px 10px; margin-top: 3px; border: 2px solid white; display: block; float: left; clear: left; background-color: #e6f0f3;}
a.more-button:hover {background-color: transparent;}

img.align-left {float: left; clear: left; margin: 0 10px 10px 0;}
img.align-right {float: right; clear: right; margin: 0 0 10px 10px;}

/*--------------------------
MAIN NAVIGATION
--------------------------*/
ul#navigation {position: absolute; left: 275px; top: 60px; width: 710px; height: 50px; padding: 0;}
ul#navigation li {display: block; float: left; height: 50px; padding: 0; background: transparent;}
ul#navigation li a {display: block; float: left; height: 50px; background-repeat: no-repeat; background-image: url(../images/bg-main_nav.jpg);}

li#home a {width: 53px;}
li#home a:hover {background-position: 0 -50px;}
li#home a.active {background-position: 0 -100px !important;}

li#property-listings a {width: 130px; background-position: -53px 0;}
li#property-listings a:hover {background-position: -53px -50px;}
li#property-listings a.active {background-position: -53px -100px !important;}

li#services a {width: 75px; background-position: -183px 0;}
li#services a:hover {background-position: -183px -50px;}
li#services a.active {background-position: -183px -100px !important;}

li#about-us a {width: 76px; background-position: -258px 0;}
li#about-us a:hover {background-position: -258px -50px;}
li#about-us a.active {background-position: -258px -100px !important;}

li#news a {width: 54px; background-position: -334px 0;}
li#news a:hover {background-position: -334px -50px;}
li#news a.active {background-position: -334px -100px !important;}

li#report a {width: 135px; background-position: -388px 0;}
li#report a:hover {background-position: -388px -50px;}
li#report a.active {background-position: -388px -100px !important;}

li#contact-us a {width: 89px; background-position: -523px 0;}
li#contact-us a:hover {background-position: -523px -50px;}
li#contact-us a.active {background-position: -523px -100px !important;}

li#links a {width: 98px; background-position: -612px 0;}
li#links a:hover {background-position: -612px -50px;}
li#links a.active {background-position: -612px -100px !important;}

/*--------------------------
SUB-NAVIGATION
--------------------------*/
ul#sub-navigation {padding-bottom: 0;}
ul#sub-navigation li {background: none; font-size: 14px; padding-left: 0; padding-bottom: 7px; line-height: 14px;}
ul#sub-navigation li ul li {background: url(../images/bullet-arrow.jpg) no-repeat 1px 2px; padding-left: 12px;}
ul#sub-navigation li a.active {text-decoration: none; font-weight: bold; color: #e32f36;}
ul#sub-navigation li hr {border-top-style: dashed !important; margin: 10px 0;}

/*--------------------------
CONTENT
--------------------------*/
div#content div#feature {padding: 10px 0 20px 15px; width: 905px;}
div#content div#feature p {font-size: 15px; line-height: 21px; width: 300px;}

a.button {text-decoration: none; color: white; display: block; white-space: nowrap;}
a.button.big {width: 300px; height: 30px; padding: 10px 10px 0; font-size: 18px; line-height: 18px; font-weight: bold; background: transparent url(../images/button-big-blank.gif) no-repeat;}
a.button.small {width: 164px; height: 15px; text-align: center; padding-top: 5px; font-size: 11px; text-transform: uppercase; background: url(../images/button-small-blank.gif) no-repeat; margin-bottom: 3px; line-height: 11px !important;}
a.small.red {background: url(../images/button-small-red-blank.gif) no-repeat !important;}

a.button:hover {filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

blockquote h3 {margin-bottom: 10px;}
blockquote p {font-size: 17px; line-height: 24px; color: #666; text-indent: -5px; padding-left: 5px;}

/*homepage*/
body#homepage div.left-column,
body#homepage div.right-column {float: left;}
body#homepage div.left-column {width: 580px;}
body#homepage div.right-column {width: 310px; padding-top: 20px;}

body#homepage div.right-column h3,
body#homepage div.right-column h6,
body#homepage div.right-column p {padding: 0 10px; padding-right: 30px;}
body#homepage div.right-column h6 {margin-bottom: 0;}
body#homepage div.right-column p {color: #666;}
body#homepage div.right-column p.date {font-size: 10px; text-transform: uppercase;}
body#homepage div.right-column p#meet-the-team {padding-left: 90px; background: url(../images/bg-meet_the_team.jpg) no-repeat;}

body#homepage div#featured-listings {background: url(../images/bg-featured_listings.gif) repeat-y;}
body#homepage div#featured-listings h2 {margin-bottom: 0; line-height: 1px;}
body#homepage div#featured-listings div#listings {width: 526px; overflow: hidden; margin: 0 15px; padding: 0 10px; background: url(../images/bg-listings.gif) no-repeat -5px 0; position: relative; z-index: 10;}
body#homepage div#featured-listings div.bottom {width: 580px; height: 40px; background: url(../images/bg-featured_listings-bottom.gif) no-repeat; margin-top: -20px; position: relative; z-index: 0;}
body#homepage div#featured-listings div.featured-item {position: relative; width: 256px; overflow: hidden; float: left; margin-right: 5px;}
body#homepage div#featured-listings div.featured-item img.featured-image {position: absolute; left: 19px; top: 21px;}
body#homepage div#featured-listings div.featured-item div.frame {position: relative; top: 0; left: 0; padding: 90px 20px 0; width: 216px; height: 70px; background: url(../images/bg-featured_item.gif) no-repeat;}
body#homepage div#featured-listings div.featured-item div.frame h6,
body#homepage div#featured-listings div.featured-item div.frame p {margin-bottom: 0; font-size: 11px; line-height: normal;}
body#homepage div#featured-listings div.featured-item div.frame p {color: #666;}
body#homepage div#featured-listings div.featured-item a.button.small {margin: 0 auto;}

body#homepage div#featured-listings hr {border-top: 1px solid #bcced7; border-bottom: 1px solid white; margin-bottom: 15px;}

/*interior*/
body#interior div#content {background: url(../images/bg-interior-content.jpg) repeat-y; padding: 0; width: 960px; margin-left: 25px; margin-bottom: 10px;}
body#interior div#content div#content-inner {background: url(../images/bg-interior-content-top.jpg) no-repeat; padding: 20px 0 0 25px; width: 935px; overflow: hidden; position: relative; z-index: 10;}
body#interior div#content div#content-bottom {width: 960px; height: 50px; background: url(../images/bg-interior-content-bottom.jpg) no-repeat; margin-top: -30px; position: relative; z-index: 0;}

body#interior h1 {margin: 0 0 0 35px; font-size: 43px; line-height: 43px; color: #0955a3; text-transform: uppercase; height: 70px;}

body#interior div#content div.left-column {padding: 15px 15px 0; width: 620px; float: left;}
body.alternate2 div#content div.left-column {padding: 0 !important; width: 650px !important;}

body#interior div#content div.right-column {width: 230px; margin-left: 25px; padding-top: 10px; float: left;}

body#interior h4 {font-size: 20px; font-weight: bold; color: #0854a0;}

body#interior div#content div.right-column hr {border-top-style: solid;}

body#interior form .text {background: #ededed; border: none; border-top: 2px solid #a3a3a3; border-left: 1px solid #a3a3a3; padding: 4px 3px; font-family: Arial, sans-serif; font-size: 12px; color: #666; width: 160px;}

div#porter-reports p {width: 30%; float: left; margin-right: 3%; text-align: center;}
div#porter-reports p a {text-decoration: none; font-size: 14px;}
div#porter-reports p a span {text-decoration: underline;}
div#porter-reports p a:hover span {text-decoration: none;}
div#porter-reports div.report-archives {width: 33%; float: left;}
div#porter-reports div.report-archives ul li {background: none; padding-left: 0;}

ul.no-bullets li {background: none !important; list-style: none; padding-left: 0; width: 100%; overflow: hidden;}
ul#employees li ul li {width: 45%; margin-right: 5%; float: left;}
ul#employees li h5 {margin-bottom: 0; font-size: 13px; font-weight: bold; color: #0854A0;}
ul#employees li h2 {color: #333;}

ul#employees li a.more-button {clear: none;}

ul#employees li h6 {margin-bottom: 0;}

/*img.employee-image {float: left; margin-right: 10px;}*/

ul.columns li {}

ul.employees li {margin-bottom: 10px;}
ul.employees li h5 {font-size: 14px !important;}

ul.employees li span.employee-left {display: block; float: left; margin-right: 10px;}
ul.employees li span.employee-right {display: block; width: 70%; float: left;}

.list-item {padding-right: 10px; padding-top: 10px; padding-left: 10px; width: 630px; overflow: hidden; background: url(../images/bg-category-listing.gif) repeat-x 0 100%;}

p.post-date {font-size: 11px; text-transform: uppercase; color: #666;}

/*interior - content full width*/
body#interior div#content.full-width {background: url(../images/bg-interior-content-blank.jpg) repeat-y;}

body#interior div#content.full-width div#content-inner {background: url(../images/bg-interior-content-top-blank.jpg) no-repeat; padding: 40px 0px 0px 25px;}

body#interior div#content.full-width div#content-bottom {background: url(../images/bg-interior-content-bottom-blank.jpg) no-repeat; margin-top: 0;}

body#interior div#content.full-width iframe#property-search {width: 905px; height: 570px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}


/*services*/
div.services-category.list-item {padding-left: 0; width: 640px;}
div.services-category-image {width: 127px; height: 130px; background-repeat: no-repeat; float: left; margin-right: 10px; clear: left;}
div.services-category-description {float: left; width: 503px;}

/*about us*/
div#about-content-header img {display: block;}
div#about-content-header a {display: block; padding: 10px 15px; background-color: black; color: yellow;}

.large-icon {display: block; width: 50%; height: 97px; text-decoration: none;}
.large-icon span {position: relative; top: 45%; left: 110px; display: block;}
.large-icon:hover span {text-decoration: none;}
a.large-icon span {text-decoration: underline;}
a#sales-staff {background: url(../images/icon-meet_our_staff.jpg) no-repeat;}
a#office-staff {background: url(../images/icon-office_staff.jpg) no-repeat;}
a#philosophy {background: url(../images/icon-philosophy.jpg) no-repeat;}
a#job-opps {background: url(../images/icon-job_opps.jpg) no-repeat;}

/*property listings*/
ul.icon-links {width: 620px; overflow: hidden;}
ul.icon-links li,
ul.icon-links li ul li {padding-left: 0; line-height: normal; background: none;}
ul.icon-links li.column {width: 310px; float: left;}
ul.icon-links li.column li.large-icon {width: 310px;}
ul.icon-links li.column li.large-icon span {display: block; left: 0; padding-left: 110px; width: 200px; top: 35%;}
li#properties {background: url(../images/icon-search-properties.jpg) no-repeat;}
li#industrial {background: url(../images/icon-search-industrial.jpg) no-repeat;}
li#flex {background: url(../images/icon-search-flex.jpg) no-repeat;}
li#office {background: url(../images/icon-search-office.jpg) no-repeat;}
li#retail {background: url(../images/icon-search-retail.jpg) no-repeat;}
li#investment {background: url(../images/icon-search-investment2.jpg) no-repeat;}
li#land {background: url(../images/icon-search-land.jpg) no-repeat;}

/*--------------------------
FOOTER
--------------------------*/
div#footer-inner {padding: 20px 0 20px 30px; width: 1000px; overflow: hidden;}

div#footer-newsletter {padding: 10px 15px; width: 340px; height: 120px; overflow: hidden; background: url(../images/bg-footer-newsletter.gif) no-repeat; float: left; margin-right: 10px;}
div#footer-newsletter h5 {font-size: 20px; line-height: 20px; color: white; margin-bottom: 20px;}
div#footer-newsletter form fieldset {width: 340px; overflow: hidden;}
div#footer-newsletter form fieldset p {float: left; width: 155px; margin-right: 10px;}
div#footer-newsletter form fieldset p input.text {background: white; border: none; border-top: 2px solid #a3a3a3; border-left: 1px solid #a3a3a3; padding: 4px 3px; width: 149px;}
div#footer-newsletter form fieldset p label {color: white; display: block; margin-bottom: 2px;}

div#footer-info {padding: 13px 15px; width: 570px; height: 114px; overflow: hidden; background: url(../images/bg-footer-nav.gif) no-repeat; float: left; position: relative;}
div#footer-info p {color: white;}
div#footer-info p#footer-phone-number {font-size: 22px; font-weight: bold;}
/*div#footer-info p#footer-nav {padding-top: 4px;}*/
div#footer-info p#footer-nav a {color: white; text-decoration: none; margin-right: 17px;}
div#footer-info p#footer-nav a:hover {text-decoration: underline;}
div#footer-info p#footer-affiliates {position: absolute; right: 0px; top: 40px; width: 330px; height: 50px;}
div#footer-info p#footer-affiliates a {float: left; margin-right: 20px;}
div#footer-info a#back-to-top {position: absolute; top: 5px; right: 40px; width: 113px; height: 27px; display: block;}

div#footer-info p#footer-affiliates.ver2 {width: 370px; top: 37px;}
div#footer-info p#footer-affiliates.ver2 a {margin-right: 10px;}


/*--------------------------
PROPERTY LANDING PAGES
--------------------------*/
h1#property-title {padding-top: 15px; height: 55px !important;}
h2#property-address {font-size: 15px; color: #333; margin-bottom: 0; font-weight: bold;}

body#interior div#content.full-width.property-page div#content-inner {padding-top: 30px;}

div#property-info {float: left; width: 702px; margin-top: -10px;}
div#property-info p, div#property-footer p {font-size: 14px;}

div#property-slideshow {position: relative; width: 702px; height: 380px; overflow: hidden; background: #ccc; text-align: center; left: 0;}
div#property-slideshow div#property-slideshow-frame {position: absolute; z-index: 999; left: 0; top: 0; width: 702px; height: 380px; background: url(../images/property/slideshow-frame.gif) no-repeat;}
div#property-slideshow div#property-slides {position: absolute !important; left: 1px;}
div#property-slideshow .slide {width: 700px; height: 380px;}
div#property-slideshow .slide image {display: block;}

div#property-nav {float: left; width: 170px; margin-left: 30px;}
div#property-nav ul li {background: none; padding-left: 0;}
div#property-nav ul#property-pages {font-size: 15px; line-height: 15px; font-weight: bold;}
div#property-nav ul#property-pages li {padding-bottom: 5px;}
div#property-nav ul#property-pages li a {display: block; width: 150px; height: 15px; padding: 10px 10px 9px; background: url(../images/property/bg-prop_subnav.png) no-repeat; text-decoration: none;}
div#property-nav ul#property-pages li#tour360 a {background: url(../images/property/bg-prop_subnav-360tour.png);}
div#property-nav ul#property-pages li a:hover, div#property-nav ul#property-pages li.here a {background-position: 0 -34px !important;}
div#property-nav ul#property-pages li.here a {cursor: default;}

div#property-nav ul#property-docs li {font-size: 13px;}
div#property-nav ul#property-docs li a {display: block; background: url(../images/icon-pdf.gif) no-repeat; padding: 3px 0 3px 20px;}

div#property-nav hr {margin-top: 5px;}

div#property-footer {padding-top: 10px; width: 900px; overflow: hidden;}
p.property-realtor {width: 150px; margin-right: 10px; float: left;}
p.property-realtor img {display: block; border: 3px solid #bebebe; padding: 1px; background: white; margin-bottom: 5px;}

div#property-contact h5 {margin-bottom: 0;}
div#property-contact h5 img {display: block;}
div#property-contact form {width: 420px; padding: 10px 0 10px 10px; overflow: hidden; background: #797979;}
div#property-contact form button#send {width: 76px; height: 36px; background: url(../images/property/button-send.gif) no-repeat; border: none;}

div.field-group {width: 200px; padding-right: 10px; float: left; margin-bottom: 10px;}
div.field-group label {color: #bebebe; font-size: 14px; line-height: 18px;}
div.field-group input.text {width: 192px !important; background: white !important;}

div#property-message.field-group {float: none; width: auto; margin-right: 0;}
div#property-message.field-group textarea {width: 404px;}
a#add-message {display: none; float: right; padding: 1px 0 1px 18px; margin: 10px 10px 0 0; background: url(../images/property/icon-add.gif) no-repeat; color: #cacaca;}
a#add-message:hover {color: white;}

button {cursor: pointer;}

div.google-map {height: 400px;}

div#photo-gallery {width: 700px; overflow: hidden;}
div#photo-gallery a {display: block; border: 4px solid #a2bfdb; padding: 1px; margin: 0 10px 10px 0; float: left; width: 210px; position: relative; text-decoration: none;}
div#photo-gallery a:hover {border-color: #0854A0;}
div#photo-gallery a img {display: block;}
div#photo-gallery a span {position: absolute; bottom: 1px; left: 1px; background: black; filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6; color: white; padding: 7px 5px; width: 200px; display: none;}
div#photo-gallery a:hover span {display: block;}

div.pageContent {position: relative;}

div#vt-slideshow {width: 604px; height: 460px; overflow: hidden; margin: 0 auto;}
div.vt-slide {width: 604px; height: 460px;}
/*div.vt-slide p.vt-app {border: 2px solid #175ea5; width: 600px; height: 450px;}*/
a#vt-prev,
a#vt-next {display: block; width: 36px; height: 34px; overflow: hidden; background: url(../images/buttons-prev_next.png) no-repeat 0 0; filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8; position: absolute; top: 270px; left: 5px; text-indent: -9999px;}
a#vt-next {background-position: -36px 0; left: 660px;}
a#vt-prev:hover,
a#vt-next:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}