/* base
-------------------------------------*/
* {
  margin:0;
  padding:0;
}
body {
	background: #fff;
  font-family:arial, helvetica, sans-serif;
	text-align:left;
	z-index:0;
}
img,
table {
  border:0;
}
img.title {
	margin-bottom: 10px;
	display: block;
}
p {
  margin:10px 0 0 0;
	line-height: 24px;
	color: #3c3c3c;
}
h1 {
  margin:10px 0;
  font-size:16px;
}
h2 {
  margin:10px 0;
  font-size:14px;
}
h3 {
  margin:10px 0;
  font-size:12px;
}
td, th {
	vertical-align:top;
}
ul {
	list-style-type: square;
	margin-left: 15px;
}
hr {
	border:0;
	height: 1px;
	color: #c8c8c8;
	background-color: #c8c8c8;
	margin: 15px 0px;
}
hr.clear {
	clear:both;
	margin:0;
	height: 1px;
}

/* links
-------------------------------------*/
a {
	color:#d9ad09;
	font-weight: bold;
  text-decoration:underline;
}
a:hover {
  text-decoration:none;
}
a:visited {
	color:#c79001;
}
a.previous {
	background: url('/images/arrow_left.gif') no-repeat left center;
	padding-left: 10px;
}
a.next {
	background: url('/images/arrow_right.gif') no-repeat right center;
	padding-right: 10px;
}

/* layout
-------------------------------------*/
/* 
	Allows the page to have two different 
	background images effectively.
*/
div#outer-container {
	width: 1009px;
	margin:0 20px; 
	overflow:visible;
	background: #fff;
	border-left: 3px solid #fff;
}

div#right-bg {
	position:absolute; 
	width:50%; 
	top:0px; 
	left:50%; 
	height:400px;
	background: #fff;
	z-index: 0;
}

div#col-left {
	float:left;
	width:227px;
}
div#col-left img {display: block;}

div#col-right {
	position: relative;
	z-index: 10;
	float:left;
	width:626px;
	border-left: 3px solid #fff;
	border-right: 3px solid #fff;
	background:#fff; 
  height:auto !important;
}

div#header {
	position: relative;
	z-index: 10;
	background: #fff;
	height: 128px;
	width: 1012px;
}
div#header img{ margin: 15px 0px 0px 5px;}


/* content
-------------------------------------*/
div#content {
	font-size: 12px;
	width: 626px;
	margin-bottom: 30px;
}
div#content-pad { padding:30px 0px 0px 0px; }
div#sub-content { padding: 20px; }

div#content-col-left {
	float: left;
	width: 500px;
	margin-bottom:30px;
}
div#content #home-services {
	float: left;
	width: 230px;
	color: #3c3c3c;
	font-size: 13px;
}
div#content #home-contact {
	float: left;
	width: 146px;
	margin-bottom: 20px;
}
div#content #home-contact p {
	line-height: 24px;
	font-size: 11px;
	margin:0;
	padding:0;
}
div#content #home-news {
	clear:both;
	padding-top: 25px;
	border-top: 1px solid #c8c8c8;
}
div#content .news-blurb {
	font-size: 11px;
	color: #907100;
	margin-bottom: 25px;
}
div#content .news-blurb h4 {
	font-size: 11px;
}
div#content .news-blurb h5 {
	font-weight: normal;
	font-size: 11px;
}
div#content .news-blurb p {
	margin:0;
	line-height: 24px;
}

div#content-col-right {
	float: left;
	width: 156px;
	padding: 0px 0px 30px 50px;
}
div#content-col-right p {
	line-height: 24px;
	font-size: 12px;
	margin: 0;
}
div#content-col-right .property-type {
	width: 158px;
	margin-bottom: 10px;
	background-color: #f2e6bb;
}
div#content-col-right .property-type img {
	padding: 3px;
	background-color: #fff;
	border-right: 1px solid #e4c555;
	border-left: 1px solid #e4c555;
	display: block;
}
div#content-col-right .property-type img.title {
	margin: 0px;
	padding: 0px;
	border: 1px solid #e4c555;
}
div#content-col-right .property-type .view {
	border: 1px solid #e4c555;
	background-color: #f2e6bb;
}
div#content-col-right .property-type .view a {
	padding: 3px 10px 3px 4px;
	display: block;
	font-size: 10px;
	color: #000;
	background: #f2e6bb url('/images/arrow_right.gif') no-repeat 145px 7px;
	padding-right: 10px;
	font-weight: normal;
}
div#content-col-right .property-type .view a:hover {
	background-color:#e4c555;
	text-decoration: none;
}

div#content-col-both {
	float: left;
	margin-bottom:50px;
  padding-right:0;
	*padding-bottom:20px;
}


 /* previous/next navigation
-------------------------------------*/
div.nav-container-top {
  clear:both;
  padding:0;
	margin:0 0 25px 0;
  vertical-align:middle;
}
p.nav-top {
  float:right;
  padding:0;
  margin:0;
  *margin:22px 0 0 0;
}
div.nav-container-bottom {
  clear:both;
  padding:0;
	margin:25px 0 0 0;
  vertical-align:middle;
}
p.nav-bottom {
  float:right;
  padding:0;
  margin:0;
  *margin:2px 0 0 0;
  _margin:4px 0 0 0;
}
p.listing {
  padding:0;
}


div#footer {
	clear: both;
	font-size: 11px;
	color: #878687;
	height: 40px;
	background-color: #fff;
	line-height:24px;
	border-top: 1px solid #dadada;
	margin-top:10px;
	width: 630px;
}
#footer-left{
	float:left;
  width:227px;
	padding-top:5px;
	text-align:center;
}
#footer-left img {
	margin-top:10px;
	margin-bottom:-5px;
}
#footer-right{
	float:left;
	width:626px;
	margin-left: 3px;
	padding-top: 2px;
}
div#footer-right #copy {
	margin-top:3px;
	text-align: right;
	position:relative;
}
div#footer a {
	color: #000;
	text-decoration:none;
}
div#footer a:hover {
	color: #000;
	text-decoration:underline;
}

 /* 2nd Level Footer
-------------------------------------*/
div#footer2 {
	clear: both;
	font-size: 11px;
	color: #878687;
	height: 40px;
	background-color: #fff;
}
#footer2-left{
	float:left;
  width:227px;
	padding-top: 5px;
}
#footer2-left img {margin-bottom: -5px;}
#footer2-right{
	float:left;
	width: 399px;
	margin-left: 3px;
	padding-top: 2px;
}
div#footer2-right #copy {
	text-align: right;
	line-height: 24px;
	margin-top: -21px;
	position:relative;
	z-index: 20;
}
div#footer2 a {
	text-decoration:none;
	color:#000;
}
div#footer2 a:hover {
	text-decoration:underline;
}

div#long-footer {
	clear: both;
	font-size: 11px;
	color: #878687;
	height: 40px;
	background-color: #fff;
	line-height:24px;
	border-top: 1px solid #dadada;
	margin-top:10px;
}
#long-footer-left{
	float:left;
  width:227px;
	padding-top:5px;
	text-align:center;
}
#long-footer-left img {
	margin-top:10px;
	margin-bottom:-5px;
}
#long-footer-right{
	float:left;
	width: 776px;
	margin-left: 3px;
	padding-top: 2px;
}
div#long-footer-right #copy {
	margin-top:3px;
	text-align: right;
	position:relative;
}
div#long-footer a {
	color: #000;
	text-decoration:none;
}
div#long-footer a:hover {
	color: #000;
	text-decoration:underline;
}


/* notice area
-------------------------------------*/
div#notice {
  margin:0 35px 15px 0;
  padding:10px 10px 10px 32px;
  text-align:left;
}
div#notice a {
  color:#c00;
  text-decoration:underline;
}
div#notice a:hover {
  text-decoration:none;
}
div.notice-info {
  background-color:#e2f9e3;
  background-image:url(/images/icons/tick.png);
  background-position:10px 10px;
  background-repeat:no-repeat;
  border:1px solid #9c9;
}
div.notice-error {
  background-color:#ffcfce;
  background-image:url(/images/icons/cross.png);
  background-position:10px 10px;
  background-repeat:no-repeat;
  border:1px solid #c00;
}

/* no script notice
-------------------------------------*/
#noscript {
  margin:10px;
  padding:10px;
  text-align:left;
  background-color:#ffcfce;
  border:1px solid #c00;
}

/* misc
-------------------------------------*/
span.highlight {
	background-color:#ffc;
}
.hide {
  display:none;
}
.caption {
  font-size:.85em;
}
p.back-to-top {
  margin:10px 0 15px 0;
  font-size:.85em;
}
a.disabled,
a.disabled:hover,
span.disabled,
span.disabled a {
  color:#ccc;
}
.odd {
  background-color:#fff;
}
.even {
  background-color:#f6f6f6;
}
h2.header span.caption {
  font-size:12px;
  font-weight:normal;
  text-transform:none;
}
ul.sitemap {
	margin-top:20px;
}
ul.sitemap li {
	margin:10px;
}
table.contact {
	margin:0;
	padding:0;
}
table.contact td {
	padding:0 3px 0 0;
}

/* icons
-------------------------------------*/
ul.icons {
  list-style-type:none;
  margin:0;
  padding:0;
}
ul.icons li {
  padding:0;
  margin:.5em 0;
}
ul.icons li a {
  padding:3px 0 3px 20px;
  margin:0;
}
a.icon {
  margin:0;
  padding:3px 0 3px 23px;
	color:#d9ad09;
}
a.pdf             { background:url(/images/icon_pdf.gif)        0 50% no-repeat; }
a.doc             { background:url(/images/icon_doc.gif)        0 50% no-repeat; }
a.ppt             { background:url(/images/icon_ppt.gif)        0 50% no-repeat; }
a.xls             { background:url(/images/icon_xls.gif)        0 50% no-repeat; }
a.txt             { background:url(/images/icon_txt.gif)        0 50% no-repeat; }
a.jpg             { background:url(/images/icon_jpg.gif)        0 50% no-repeat; }
a.gif             { background:url(/images/icon_gif.gif)        0 50% no-repeat; }
a.email           { background:url(/images/icon_email.gif)      0 50% no-repeat; }
a.print           { background:url(/images/icon_print.gif)      0 50% no-repeat; }
a.lock            { background:url(/images/icon_lock.gif)       0 50% no-repeat; }
a.help            { background:url(/images/icon_help.gif)       0 50% no-repeat; }
a.login           { background:url(/images/icon_login.gif)      0 50% no-repeat; }
a.logout          { background:url(/images/icon_logout.gif)     0 50% no-repeat; }
a.chat            { background:url(/images/icon_chat.gif)       0 50% no-repeat; }
a.cart            { background:url(/images/icon_cart.gif)       0 50% no-repeat; }
a.flyer           { background:url(/images/icon_flyer.gif)      0 50% no-repeat; }
a.map             { background:url(/images/icon_map.gif)        0 50% no-repeat; }
a.zoom            { background:url(/images/icon_zoom.gif)       0 50% no-repeat; }

/* our team navigation links
-------------------------------------*/
ul.nav-links li a,
ul.nav-links li a:visited {
	color:#d9ad09;
	font-weight: bold;
  text-decoration:underline;
	outline:none;
}
ul.nav-links li a.on {
	color:#000;
}

/* testimonials
-------------------------------------*/
div.testimonial {
	margin:0 0 10px 0;
	padding:10px 0;
	border:0;
	line-height:24px;
}
div.testimonial div.details {
	margin-top:3px;
	font-size:11px;
	font-weight:bold;
	color:#686868;
}

/* news
-------------------------------------*/
dl.article {
	margin:0;
}
dl.article dt {
	float:left;
	width:90px;
	padding:8px 0 8px 8px;
	font-weight:bold;
	font-size:11px;
}
dl.article dd {
	margin:0 0 0 90px;
	padding:5px 10px;
	line-height:24px;
}
.source {
	font-weight:bold;
	font-size:11px;
}
.source {
	font-weight:bold;
	font-size:11px;
}
div.article-container {
  padding-right:30px;
}

/* properties
-------------------------------------*/
div#property {
	position: relative;
	z-index: 10;
	clear: both;
	border-right: 3px solid #fff;
	background: #fff;
}
div#property-pad {
	padding: 0px 20px 20px 20px;
}

div#property-header {
	padding:25px 0px 20px 0px;
	text-align: right;
	background: url('/images/t_available_properties.gif') no-repeat 0px 25px;
	font-size: 10px;
	color: #505050;
	text-align: right;
}

div#property-overview {
	font-size: 12px;
}

div#property h1 {
	font-size: 18px;
	color: #3c3c3c;
	font-weight: bold;
	margin: 0;
	margin-top: 20px;
}

div#property-title {
	margin: 0px 0px 16px 0px;
}
div#property-title h2 {
	font-size: 18px;
	color: #3c3c3c;
	font-weight: bold;
	margin: 0;
}
div#property-title h3 {
	margin: 0;
	font-size: 12px;
	color: #505050;
	font-weight: normal;
}

div#property-image {
	border: 1px solid #3c3c3c;
}
div#property-image img { display: block; }
div#property-image-options {
	background-color: #737373;
	padding: 4px;
	text-align:left;
	font-size: 10px;
	border-bottom: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
}
div#property-image-options a {
	color: #fff;
}

table#property-information {
	width: 100%;
	font-size: 12px;
	color: #505050;
}
table#property-information th {
	text-align: left;
	text-transform: uppercase;
	color: #505050;
	font-size: 12px;
	font-weight: normal;
}
table#property-information td {
	text-align: right;
	color: #000;
	font-size: 12px;
}

div#property-details-pad {
	padding: 0px 30px;
	border-right:0;
}
table#property-details {
 width:100%;
}
table#property-details th {
	font-size:12px;
}
table#property-details td, table#property-details th {
	border-bottom: 1px solid #dadada;
	padding: 10px 0px 5px 0px;
}
table#property-details th.last { border: none; }
table#property-details p {
	line-height: 24px;
	font-size: 12px;
	text-transform: none;
}
table#property-details .contacts td, table#property-details .contacts th {
	border-bottom: 1px solid #c79001;
}
table#property-details .contacts td {text-transform: none;}
table#property-details .contacts a {padding-right: 15px;}

#property-sidebar {
	text-align: left;
	padding: 0px 0px 50px 30px;
	width: 170px;
}
#property-sidebar ul {
	list-style-type: none;
	margin:0 0 24px 0;
	padding: 0;
}
#property-sidebar ul li {
	padding: 3px 0px;
}
#property-sidebar h2 {
	text-transform: uppercase;
	color: #505050;
	border-bottom: 1px solid #dadada;
	font-size: 12px;
}
#property-sidebar a {
	color: #505050;
	text-decoration:underline;
}
#property-sidebar a:hover { color: #000; } 

table.sortable {
	border-top: 1px solid #3c3c3c;
	border-left: 1px solid #3c3c3c;
	margin-top: 20px;
}
table.sortable tr.rowodd {
	background-color: #f8f8f8;
}
table.sortable tr.roweven {
	background-color: #fff;
}
table.sortable tr.highlight {
  background-color:#fff1bd !important;
}
table.sortable .sortcol {
	cursor: pointer;
	background: #737373 !important;
}
table.sortable .sortasc {
	background:#737373 !important;
}
table.sortable .sortdesc {
	background:#737373 !important;
}
table.sortable .nosort {
	background:#737373;
	cursor: default;
}
table.sortable thead td {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size:12px;
	font-weight:bold;
	padding: 6px 0px;
	border-right: 1px solid #3c3c3c;
	border-bottom: 1px solid #3c3c3c;
	background:#737373 !important;
}
table.sortable td {
	text-align: center;
	font-size:12px;
	font-weight:bold;
	padding: 5px;
	border-right: 1px solid #737373;
	border-bottom: 1px solid #737373;
  vertical-align:middle;
}
table.sortable td img {
 padding:2px;
 border:1px solid #aaa;
 background:#fff;
}
table.sortable td.tip {
	display:none;
}

.clickable {
	cursor:pointer;
}

td#rental-thumb,
td#sale-thumb {
	width:134px;
}
td#rental-name,
td#sale-name {
	width:300px;
}
td#rental-submarket,
td#sale-submarket {
	width:175px;
}
td#rental-size,
td#sale-size {
	width:175px;
}
td#rental-type {
	width:175px;
}
td#sale-price {
	width:175px;
}

table.suites {
	width:100%;
}
table.suites td {
	font-weight:normal;
}

/* tooltips
-------------------------------------*/
a.tooltip-link {
  font-style:normal;
  text-decoration:none;
  border-bottom:dashed 1px #00f;
}
a.tooltip-link:hover {
  border-bottom:none;
}
.tooltip {
  width:500px;
  text-align:left;
  border:1px solid #737373;
}
.tooltip .title {
  padding:3px;
  background:#ccc;
  font-size:12px;
  font-weight:bold;
  color:#000;
}
.tooltip .content {
  padding:5px;
  background-color:#fff;
  font-size:12px;
}