a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  }

a:link {color: #000000;}
a:visited {color: #000000;}
a:hover {text-decoration: underline; color: black;}

a.navmenu {
  display:block;
  clear:both;
  font-family: "Segoe UI", Verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  background-color:#cce0ff;
  color:#024;
  border:none;
  clear:both;
  width:160px;
  padding:5px;
  margin:0px 0px 3px 0px;
  font-weight: normal;
  }

a.navmenuselected {
  display:block;
  clear:both;
  font-family: "Segoe UI", Verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  clear:both;  
  width:160px;
  background-color:#008;
  color:white;
  border:none;
  padding:5px;
  margin:0px 0px 3px 0px;
  font-weight: bold;
  }

a.navmenu:hover {
  background-color:#ffa;  
  text-decoration: none;
  }

a.navmenuselected:hover {  
  text-decoration: none;
  }

a.staffmember {
  font-weight:normal;
  }



a.topmenuback {
  clear:none;
  float:left;
  font-family:  verdana, arial, helvetica, sans-serif; 
  font-size:9pt;
  height:14px;
  overflow:visible;
  /*background-color:#def;*/
  background: #000020 url('./images/button_back.gif') no-repeat;
  color:black;
  text-align:center;
  border:none;
  width:112px;
  padding:13px 0px 4px 0px;
  margin:0px;
  color:#024;
  border-bottom: 1px solid #008;
  font-weight: normal;
  }

a.topmenuhighlight {
  clear:none;
  float:left;
  font-family:  verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  height:14px;
  overflow:visible;
  /*background-color:#def;*/
  background: #000020 url('./images/button_current.gif') no-repeat;
  color:#024;
  text-align:center;
  border:none;
  width:112px;
  padding:9px 0px 9px 0px;
  margin:0px;
/*  border-left: 1px solid #008;*/
  font-weight: bold;
  }

a.topmenuhover {
  clear:none;
  float:left;
  font-family:  verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  height:14px;
  overflow:visible;
  /*background-color:#def;*/
  background: #000020 url('./images/button_hover.gif') no-repeat;
  color:black;
  text-align:center;
  border:none;
  width:112px;
  padding:13px 0px 4px 0px;
  margin:0px;
  border-bottom: 1px solid #008;
  font-weight: normal;
  }

a.topmenuback:hover {
/*  background-color:#ffa;  */
  text-decoration: none;
  }

a.topmenuhighlight:hover {
/*  background-color:#ffa;  */
  text-decoration: none;
  }


a.topmenuhover:hover {
/*  background-color:#ffa;  */
  text-decoration: none;
  }


a.pagenavigation {
  font-weight:normal;
  text-decoration:none;
  }


body { 
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
/*  background: #90c2f0 url('./images/background.gif') repeat-x; */
  background: #ccddff url('./images/backgroundshade.gif') repeat-y center top;
  color: black;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  } 

p {
  color : black;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  text-align: left;
  }

p.p1 {
  line-height: 14pt;
  margin-bottom: 10pt;
  }

p.pintro {
  font-family: arial, helvetica, sans-serif; 
  text-align:justify;
  font-size: 11pt;
  line-height: 17pt;
  }

p.p2 {
/* Use for smaller text */
  font-size: 7pt;
  }

p.clientquote {
  margin:24px 200px 0px 0px;
  line-height: 14pt;
  font-style:italic;
  }

p.clientquotename {
  margin: 0px 50px;
  text-align:right;
  color:#888;
  }

p.whereami {
  font-size:8pt;
  color:#48b;
  margin: 20px 20px ;
  }

p.whereami a {
  font-weight:normal;
  color:#008;
  }

p.hline {
  width: 75%;
  border-bottom: 1px solid #ABC;
  margin: 10px 0px;
  }

p.pd {
  margin-bottom: 12px;  
  line-height: 16pt;
  }

td {
  color: black;
  margin: 0px;
  padding: 0px;
  text-align: left;
  }

tr {
  color: black;
  margin: 0px;
  padding: 0px;
  }

table {
  padding: 0px;
  margin: 0px;
  }


form {
  margin: 0px;
  padding: 0px;
  }

h1 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 18pt;
  margin: 0px 4px 0px 4px;
  color: #C0C0E0;
  text-align: center;
  }

h2 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 16pt;
  margin: 0px 0px 16px 0px;
  padding-bottom:4px;
  text-align: left;
  font-weight: bold;
  color: #4985DF;
  width: 100%;
  border-bottom: 1px solid #4985DF;
  }

h3 {
  font-family: arial, helvetica, sans-serif; 
  font-size: 12pt;
  margin: 0px 0px 8px 0px;
  color: #4985DF;
  font-weight: bold;
  }

h4 {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  margin: 2px 0px;
  font-weight: bold;
  }

li {
  color : black;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  line-height: 14pt;
  }

ul {
  color : black;
  margin: 0px;
  padding-left: 20px;
  list-style-type: disc; 
  }

input, select {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  vertical-align: middle;
  }

textarea {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 9pt;
  }

hr {
  border-bottom: 1px solid #AABBCC;
  border-top: 0px hidden transparent;
  }

img {
  border:none;
  }

img.bordered {
  border:1px solid #ace;
  }

/* GENERAL FONT FORMATTING */

.underlined {
  text-decoration: underline;
  }

.red {
  color:#ff0000;
  }





#wrapper {
	width:960px;
	margin:0px auto;
	border:none;
	padding:0px;
  overflow:auto;
  background-color: white;
}
#header {
	border:none;
  background-color: #000040;
  background-image: url('./images/backgroundtop.gif');
  background-repeat: repeat-x;
	padding:20px 0px 16px 44px;
}
#menuheader {
	border:none;
  background-color: #000020;
/*  background: white url('./images/whitefade.png') repeat-x top; */
	padding:0px 0px 0px 20px;
	margin:0px;
  overflow:auto;
}

#psbcontainer {
	margin:0px;
  width:100%;
	padding:0px 0px 0px 0px;
  background-color: #eeeeff;
  overflow:auto;
}
/*
#psbcontent {
	margin:30px 0px 0px 0px;
	padding:0px;
  float:left;
  clear:right;
}
*/

#content {
	margin:0px;
	padding:0px 0px 40px 0px;
  min-height:360px;
  background-color: white;
  background-image: url('./images/contentshade.gif');
  background-repeat: repeat-x;
  overflow:auto;
}
#content-left {
	width:170px;
  min-height:360px;
	padding:20px 10px 80px 20px;		
  float:left;
}
#content-main {
/*	margin-left:10px;*/
	padding:0px 20px;		
  float:left;
}
#content-right {
	margin:0px 0px 20px 10px;	
  padding:20px 10px 10px 10px;
  float:left;
  /*border-left: 1px dashed #abc;*/
}
#footer {
	float:left;
	margin:0px;
  padding:10px 0px 10px 30px;
  border:none;
  background-color: #def;
  width:930px;
}
#bottom {
	clear:both;
	text-align:right;
}
div.footerpanel {
  float:left;
  clear:none;
  height:190px;
  padding:10px 10px 10px 10px;
  margin-bottom:10px;
  border-right: 1px dashed #abc;
  color:#789;
  font-size: 8pt;
  line-height: 11pt;
  }
div.footercopyright {
  clear:left;
  float:left;
  display:block;
  text-align:right;
  padding:10px 0px;
  border-top: 1px solid #cde;
  width:880px;
  color:#789;  
  font-size: 7pt;
  }
p.footertitle {
  font-family: arial, helvetica, sans-serif;
  margin-bottom:8px;
  font-size: 12pt;
  line-height: 14pt;
  font-weight: bold;
  color: #789;
  }
a.footerlink {
  clear:both;
  display:block;
  color:#789;
  font-weight:normal;
  }
a.footerlink:hover {
  color:#000;
  text-decoration:none;
  }



div.psbtitleinactive {
  display:block;
  clear:both;
  padding:8px 3px;
  margin:4px 0px;
  width:140px;
  height:14px;
  color:#444;
  background-color:#cde;
  font-weight:bold;
  font-size:8pt;
  text-align:center;
  cursor:pointer;
  }
div.psbtitleinactive:hover {
  background-color:#bcd;
  }

div.psbtitleactive {
  font-family: arial, helvetica, sans-serif; 
  display:block;
  clear:both;
  padding:3px;
  margin:2px 0px;
  width:140px;
  height:24px;
  vertical-align:middle;
  color: white;
  background-color:#ee0000;
  font-size:14pt;
  font-weight:bold;
  text-align:center;
  }

div.psbpanel {
  clear:both;
/*  width:868px;*/
  padding:20px 0px 10px 0px;
  min-height:64px;
  font-size:8pt;
  overflow:auto;
/*  border-top: 1px solid #888;*/
/*  border-bottom: 1px solid #888; */
  vertical-align:middle;
  }

div.psbcolumn {
  clear:none;
  float:left;
  display:block;
  padding:0px;
  margin-left:50px;
  }

div.psbsearchbox {
  clear:none;
  float:left;
  display:block;
  width:150px;
  padding:30px 0px 0px 0px;
  margin-left:40px;
  }

.psbform {
  font-size:13pt;
  font-family: arial, verdana, sans-serif;
  font-weight:normal;
  vertical-align:middle;
  }

div.psbtext {
  color: #888;
  margin: 4px 0px;
  }

div.psbcounter {
  margin:4px 0px;
  font-size:12pt;
  color:#888;
  }

label.psbtown {
  font-size:11pt;
  font-family: arial, verdana, sans-serif;
  font-weight:bold;
  vertical-align:middle;
  }





div.mgtexample {
  float:left;
  clear:none;
  display:block;
  margin:2px;
  padding:6px;
  border:1px solid #bcd;
  background-color: #def;
  }

div.mgtexample img {
  border:1px solid #48a;
  }




div.historydate {
  font-family: arial, helvetica, sans-serif; 
  font-size: 14pt;
  clear:left;
  float:left;
  display:block;
  width:50px;
  background-color:#abc;
  color:#008;
  padding:8px;
  margin:12px 4px;
  text-align:center;
  font-weight:bold;
  }

div.historytext {
  clear:right;
  float:left;
  width:550px;
  display:block;
  padding:2px;
  margin:12px 4px;
  line-height: 14pt
  }




a.sboffice {
  color:#48c;
  display:block;
  clear:both;
  }

p.sbphone {
  display:block;
  clear:both;
  font-family: arial, verdana, sans-serif;
  color:#000080;
  font-size: 16pt;
  font-weight: bold;
  }

p.sbstaff {
  display:block;
  clear:both;
  margin-left:10px;
  font-size:8pt;
  }

a.sbstaff {
  display:block;
  clear:both;
  margin-left:10px;
  }






/* COMMERCIAL PROPERTY RESULTS LIST */
.compropertylistitem {
  font-weight:normal;
  clear:both;
  display:block;
  float:none;
  overflow:auto;
  width:816px;
  margin:4px 50px;
  padding:10px 0px;
  border: 2px solid #cdf;
  }

div.compropertylisttown {
  width:916px;
  margin:16px 0px 4px 0px;;
  padding:0px 0px;
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
  }

a.compropertylistitem {
  cursor:pointer;
  }

a.compropertylistitem:hover {
  border: 2px solid #008;
  background-color:#ffe;
  text-decoration:none;
  }

div.compropertylistimage {
  width:138px;
  text-align:right;
  margin-right: 12px;
  display:block;
  clear:left;
  float:left;
  }

div.compropertylistheader {
  font-size:10pt;
  font-weight:bold;
  display:block;
  width:580px;
  clear:right;
  float:left;
  }

div.compropertylisttitle {
  font-size:10pt;
  font-weight:bold;
  display:block;
  width:250px;
  clear:none;
  float:left;
  }

div.compropertylistprice {
  width:280px;
  font-size:8pt;
  font-weight:normal;
  clear:none;
  float:left;
  }

div.compropertylisttext {
  font-size:9pt;
  display:block;
  margin-top:4px;
  clear:left;
  float:left;
  text-align:justify;
  font-weight: normal;
  width:570px;
  }

div.compropertylistpdf {
  float:left;
  display:block;
  clear:right;
  margin-left:4px;
  width:70px;
  overflow:auto;
  }

a.compropertypdf {
  font-size:7pt;
  display:block;
  clear:none;
  margin: 0px 0px 4px 0px;
  padding: 3px;
  width:64px;
  overflow:hidden;
  font-weight: bold
  cursor:pointer;
  text-align:center;
  }

a.compropertypdf:hover {
  background-color: #ace;
  text-decoration: none;
  }








/* RESIDENTIAL PROPERTY RESULTS LIST */
.propertylistitem {
  font-weight:normal;
  clear:both;
  display:block;
  float:none;
  overflow:auto;
  width:816px;
  margin:4px 50px;
  padding:10px 0px;
  border: 2px solid #cdf;
  }

div.propertylisttown {
  width:916px;
  margin:16px 0px 4px 0px;;
  padding:0px 0px;
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
  }

a.propertylistitem {
  cursor:pointer;
  }

a.propertylistitem:hover {
  border: 2px solid #008;
  background-color:#ffe;
  text-decoration:none;
  }

div.propertylistimage {
  width:138px;
  text-align:right;
  margin-right: 12px;
  display:block;
  clear:left;
  float:left;
  }

div.propertylistheader {
  font-size:10pt;
  font-weight:bold;
  display:block;
  width:620px;
  clear:right;
  float:left;
  }

div.propertylisttitle {
  font-size:10pt;
  font-weight:bold;
  display:block;
  width:250px;
  clear:none;
  float:left;
  }

div.propertylistprice {
  width:280px;
  font-size:8pt;
  font-weight:normal;
  clear:none;
  float:left;
  }

div.propertylisttext {
  font-size:9pt;
  display:block;
  margin-top:4px;
  clear:none;
  float:left;
  text-align:justify;
  font-weight: normal;
  width:650px;
  }

a.propertylistpdf {
  font-size:9pt;
  margin:2px;
  padding:2px;
  float:left;
  display:block
  clear:right;
  width:40px;
  overflow:hidden;
  font-weight: normal;
//  background: white url('./images/pdficon2.gif') no-repeat top left;
  cursor:pointer;
  }


/* RESIDENTIAL PROPERTY RESULTS GRID */
.propertygriditem {
  font-weight:normal;
  clear:none;
  display:block;
  float:left;
  overflow:hidden;
  width:222px;
  height:240px;
  margin:1px;
  padding: 4px 0px 0px 0px;
  border:2px solid #cdf;
  }

a.propertygriditem:hover {
  border:2px solid #008;
  text-decoration:none;
  }

div.propertygridimage {
  width:200px;
  text-align:center;
  margin:4px 10px;
  display:block;
  clear:both;
  }

div.propertygridtitle {
  font-size:10pt;
  font-weight:bold;
  text-align:center;
  display:block;
  clear:both;
  float:none;
  }

div.propertygridfadedheader {
  font-size:12pt;
  font-family: arial, helvetica, sans-serif;
  margin-bottom:4px;
  font-weight:bold;
  text-align:center;
  color:#48b;
  display:block;
  clear:both;
  float:none;
  }

div.propertygridprice {
  font-size:8pt;
  text-align:center;
  overflow:hidden;
  white-space:pre;
  display:block;
  clear:both;
  }

/* RESIDENTIAL PROPERTY RESULTS MAP */
a.propertymapitem {
  display:block;
  overflow:auto;
  padding:8px 16px;
  text-align:center;
  border:2px solid #abc;
  background-color: #def;
  }

div.propertymaptitle {
  font-size:8pt;
  font-weight:bold;
  text-align:center;
  }

div.propertymapprice {
  font-size:8pt;
  font-weight:normal;
  text-align:center;
  }






/* PROPERTY DETAILS PAGE */

#prpdtlheader {
  overflow:auto;
  margin: 0px 30px;
  width:860px;
  }

#prpdtlswitcherbar {
  overflow:auto;
  margin: 16px 30px;
  width:860px;
  }

div.prpdtlswitcheritem {
  cursor:pointer;
  float:left;
  clear:none;
  display:block;
  margin: 4px 0px;
  border: none;
  width:104px;
  height:32px;
  text-align:center;
  font-weight:bold;
  color:#eee;
  padding: 10px 0px 0px 0px;
  background: white url('./images/prpbtn_inactive.png') no-repeat top center;
  }

div.prpdtlswitcheritem:hover {
  background: white url('./images/prpbtn_highlight.png') no-repeat top center;
  padding: 6px 0px 4px 0px;
  }

div.prpdtlswitcheritemactive {
  cursor:pointer;
  float:left;
  clear:none;
  display:block;
  margin: 4px 0px;
  border: none;
  width:104px;
  color:black;
  font-weight:bold;
  height:32px;
  text-align:center;
  padding: 6px 0px 4px 0px;
  background: white url('./images/prpbtn_active.png') no-repeat top center;
  }

div.prpdtlpanel {
/*  border: 1px solid #def; */
  overflow:auto;
  clear:both;
  margin: 16px 50px;
  width:820px;
  }

div.prpdtlcentred {
  display:block;
  clear:both;
  overflow:auto;
  width:820px;
  margin: 8px 0px;
  text-align:center;
  }

div.prpdtlrightalign {
  display:block;
  clear:both;
  overflow:auto;
  width:800px;
  margin: 8px 30px;
  text-align:right;
  }

div.prpdtladdressblock {
  float:left;
  clear:none;
  width:60%;
  }

div.prpdtladdress1 {
  font-size:200%;
  font-weight:bold;
  padding:4px 0px;
  color:#008;
  width:100%;
  border-bottom: 1px solid #4985DF;
  }

div.prpdtladdress2 {
  font-size:150%;
  font-weight:bold;
  width:100%;
  padding:2px 0px;
  color:#008;
  border-bottom: 1px solid #4985DF;
  }

div.prpdtlprice {
  padding-top: 24px;
  float:right;
  clear:none;
  font-size:150%;
  font-weight:bold;
  text-align:right;
  color:#008;
  }

div.prpdtlfloatleft50 {
  display:block;
  clear:left;
  float:left;
  width:400px;
  }

div.prpdtlfloatleft {
  display:block;
  clear:none;
  float:left;
  }

div.prpdtltext {
  line-height:16pt;
  margin: 4px 0px;
  text-align:justify;
  }

div.prpdtlfloatright {
  float:right;
  clear:none;
  margin-left:10px;
  }

div.prpdtlfeat1 {
  font-size:120%;
  line-height:16pt;
  font-weight:bold;
  text-align:center;
  margin-bottom:6pt;
  }

div.prpdtlfeat2 {
  font-size:110%;
  line-height:14pt;
  font-weight:bold;
  text-align:center;
  }



div.prpdtlimgbig {
  display:none;
  clear:both;
  float:none;
  cursor:pointer;
  }

div.prpdtlimgbigactive {
  display:block;
  clear:both;
  float:none;
  cursor:pointer;
  }

img.prpdtlimg {
  border: 1px solid #888;
  cursor:pointer;
  }

img.prpdtlimgbig {
  border: 2px solid #008;
  cursor:pointer;
  }

img.prpdtlimgthumb {
  border: 1px solid #888;
  cursor:pointer;
  margin:2px 2px;
  }

img.prpdtlimgthumb:hover {
  border: 1px solid #008;
  }

img.prpdtlimgthumbactive {
  border: 3px solid #008;
  cursor:pointer;
  margin:0px;
  }

div.prpdtlfloorname {
  font-weight:bold;
  font-size:150%;
  text-align:center;
  clear:both;
  color: #008;
  margin: 10px 0px;
  }

div.prpdtlroom {
  }

div.prpdtlroomleader {
  font-style:italic;
  }

div.prpdtlroomname1 {
  font-weight:bold;
  font-size:120%;
  float:left;
  clear:left;
  margin:16px 0px 4px 0px;
  }

div.prpdtlroomname2 {
  font-weight:bold;
  font-size:120%;
  float:left;
  clear:left;
  margin:16px 0px 4px 0px;
  }

div.prpdtlroomtext {
  line-height:16pt;
  clear:both;
  text-align:justify;
  margin-left:20px
  }

div.prpdtlroomsize {
  font-style:italic;
  float:right;
  margin-top: 20px;
  color:#444;
  }

div.prpdtlofficecontact {
  margin: 20px 0px;
  padding: 20px 0px;
  border-top: 1px solid #4985DF;
  clear:none;
  display:block;
  float:left;
  text-align:center;
  }

div.prpdtldisclaimer {
  margin-top: 24px;
  clear:both;
  text-align: center;
  font-size: 90%;
  color: #666;
  }

.prpdtlplaceheader {
  margin: 18px 0px 6px 0px;
  font-size:120%;
  font-weight:bold;
  color:#008;
  }

div.prpdtlplace {
  cursor:pointer;
  margin: 4px 0px 4px 12px;
  }

div.prpdtlplace b:hover {
  text-decoration:underline;
  }

div.prpdtlviewing {
  display:block;
  clear:both;
  overflow:auto;
  margin:16px 20px;
  font-weight:bold;
  font-size:14pt;
  color:#008;
  text-align:center;
  }



/* OFFICES GRID */
a.officesgrid {
  font-family: arial, helvetica, sans-serif; 
  font-size: 14pt;
  color: #4985DF;

  font-weight:bold;
  clear:none;
  display:block;
  float:left;
  overflow:hidden;
  width:180px;
  height:110px;
  text-align:center;
  margin:4px;
  padding:20px 0px;
  border:2px solid #cdf;
  background-color: #def;
  }

a.officesgrid:hover {
  border:2px solid #008;
  background-color: #cde;
  color: #2763DF;
  text-decoration:none;
  }


/* INPUT FORMS */
div.fieldname {
  clear:left;
  display:block;
  float:left;
  width:220px;
  margin:2px;
  padding:2px;
  font-weight: bold;
  }

div.fieldinput {
  clear:right;
  display:block;
  float:left;
  overflow:auto;
  margin:2px;
  padding:2px;
  }