/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Arial, sans-serif; 
  font-size:11px;
  line-height:1.5em;
}

body { 
  margin:0; 
  padding:0; 
  color:#4D4D4C;
}

input,select,textarea { 
  font-size:1em;
}

small { 
  font-size:0.85em;
}

img { 
  border:0;
}

img.content
{
  border: 1px solid #8a8a89;
  margin: 4px;
}

form { 
  margin:0; 
  padding:0;
}

ul {  
  margin:0.5em 0 1em 1em; 
  padding:0;
}

li {
  margin: 0.2em 0 0.2em 0; 
}

p,dl { 
  margin:0 0 1em 0; 
}

dl.col { 
  line-height:1.5em;  
}

dl.col dt { 
  float:left; 
  width:10em;
  font-weight:bold;
}

dl.col dd { 
  margin-left:11em;
}

a {
  color:#5185C1;
}

a:hover {
  color:#BD7968;
}

/*** Header ***/

#header {  
  height:155px;  
  border-bottom:#C6C6BD solid 1px;
  width:100%;
}

/*** Left ***/

#nav-side {
  position:absolute;
  top:156px;
  left:0; 
  width:185px;
  text-indent:16px;   
}

#nav-side a {
  display:block;
  color:#4D4D4C;
  text-decoration:none;  
  line-height:2.3em; 
}

#nav-side a:hover {  
  color:#5185C1; 
  background-color:#fff;
}

#nav-side ul {    
  list-style:none;
  margin:0; 
  padding:0;  
}

#nav-side li {  
  padding:0; 
  margin:0; 
  border-bottom:#D3DDF4 solid 1px;
}

#nav-side ul.nav-sub {
  border:0;  
  background-color:#F2F3F7;
  padding:10px 0 15px 0;
}

 #nav-side ul.nav-sub a {
  color:#5185C1;
  font-weight:normal;
  text-indent:20px;
  font-size:0.85em;     
}

#nav-side ul.nav-sub a:hover {
  color:#BD7968;
}

#nav-side li ul.nav-sub li {  
  border:0;
  padding:1px;
  margin:0;
  line-height:1.5em;
}


/*** Body ***/

#wrapper {  
  position:relative;  
  width:100%; 
}

#content-wrapper {  
  background-image:url(../images/g-arrows-bg-side.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
  background-color:#E9ECF4;
  width:100%;
}

#content {
  margin:0 0 0 185px;
  padding:20px 20px 50px 20px;
  background-color:#fff;
  min-height:472px;
  background-image:url(../images/g-tagline.gif);
  background-position:bottom left;
  background-repeat:no-repeat;
}

h1 {
  font-family:'Trebuchet MS', Trebuchet, Verdana, sans-serif;
  font-size:2em;
  color:#000;
  font-weight:normal; 
	text-transform: uppercase;
  
}

h2 {
  font-family:'Trebuchet MS', Trebuchet, Verdana, sans-serif;
  font-size:1.6em;
  font-weight:normal;   
  color:#5185C1;  
}

h3 {  
  color:#444;    
  font-weight:normal; 
  font-size:1.2em;
  font-style:italic;      
}

h4 {  
  color:#444;    
  font-weight:normal; 
  font-size:1.2em; 
  margin:0 0 5px 0;      
}

.photoR {
  float:right;
  margin:0.8em;  
}

.photoL {
  float:left;
  margin:5px 15px 5px 0;
}

.gallery-button {
  width:232px;
  margin:0 auto 1em auto;
}


/*** Property Thumbnail ***/

.property { 
  margin:0 0 15px 0;
  font-size:11px; 
}

.property-inside {
  background-color:#fff;  
  padding:10px; 
  border-bottom:#E0E6F4 solid 1px;
}

.property-head {
  display: inline-block;
}
.property-location {
  font-weight:bold;
  text-decoration:none;
}
.property-price {
  
}
.property-title a {
  text-decoration:none;
}







.property .agent-thumb {
  float:right;
  width:100px;
  font-size:10px;
  text-align:left;
  margin:0 0 0 10px;    
}

.property .property-sold-status, .property .property-under-contract-status, .property-interest-status, .property-leased-status
{
  margin-top: 5px;
  clear: right;
  float: right;
}

.property-sold-status, .property-under-contract-status, .property-interest-status, .property-leased-status
{
	display: block;
  font-size: 12px !important; /* override property-price-detail */
  font-weight: bold !important; /* override property-price-detail */
  line-height: 35px;
  padding:0px 0px 0px 10px;
  background-repeat: no-repeat;
}
  
.property-sold-status
{
  width: 127px;
  height: 30px;
  color: #ac4a31;
  background-image: url('../images/g-property-sold.gif');
}

.property-under-contract-status
{
  width: 147px;
  height: 30px;
  
  background-image: url('../images/g-property-under-contract.gif');
}

.property-interest-status
{
  width: 167px;
  height: 30px;
  
  background-image: url('../images/g-property-interest.gif');
}

.property-leased-status
{
  width: 187px;
  height: 30px;
  
  background-image: url('../images/g-property-sold.gif');
}

.property img {
  border:#7F7F7F solid 1px;
  float:left;
  margin:0 10px 0 0;  
}

.learn-more {
  float:right; 
  margin:5px 5px 0 5px; 
  font-weight:bold;    
}

.learn-more a{
  display:block;
  text-decoration:none;     
}

/*** Property Page***/

#property-detail {
  background-color:#E9ECF4;
  padding:15px;
}

.property-price-detail {
  background-color:#fff;
  border:#5185C1 solid 1px;
  margin:10px 0 15px 0;
  width:200px;
  height:150px;
  padding:10px;
  font-weight:bold;
}

.property-price-detail span {
  font-weight:normal;
  font-size:0.9em;
}

.property-description {
  width:300px;
  float:left;
}

/*** Property Gallery***/

#property-gallery {    
  background-color:#F1F2F4;    
}

#property-gallery img {
  margin:10px;
  width:160px;
  padding:0;
  display:block; 
  border:#999999 solid 1px; 
}

#property-gallery span {
  font-size:0.76em;
  line-height:1em;
  text-align:center;  
  width:155px;  
  margin:10px 10px 10px 10px;
}

#property-gallery a {
  text-decoration:none;
  width:180px; 
  height:160px;
  display:block;   
  padding:4px 4px 0 4px;  
  line-height:1.2em; 
  color:#365039;
  background-color:#F1F2F4;    
}

#property-gallery-side a {
  text-decoration: none; 
  line-height:1.2em;
  display: block;
  padding: 4px 4px 0 4px;
  color:#365039;
}

#property-gallery a:hover { 
  background-color:#D2D6E2;   
}

.property-pic {
  float:left;
  width:180px;
  height: 164px;
  margin:0 8px 0 0; 
  
}

.property-pic-v {
 
}


/*** Footer ***/

#nav-bottom {
  background-color:#5185C1;
  font-size:11px;
  text-align:center;
  margin:0 0 0 150px;       
}

#nav-bottom ul {
  padding:0;  
  line-height:38px;
  margin:0;    
}

#nav-bottom li{
  display:inline;
  margin:0 10px 0 10px;   
}

#nav-bottom a {
  color:#E0E6F4; 
  text-decoration:none; 
}

#nav-bottom a:hover {
  color:#A8BFF4;
}

#contact {
  background-color:#F2F3F7;
  font-size:10px;
  padding:10px 0 10px 10px; 
}

#contact .dev {
	margin-left:auto;
	width:190px;
}
#contact .dev a {
  color:#29146C;
}

#contact .dev a:hover {
  color:#008FE0;
}

.photoR img {
  margin:0.5em;
}

.Pag {
	background:#F4F4F7;
	border: solid 1px #E9ECF4;
	margin: 0 auto 20px auto;  
	text-align:center;
	}

.Pag ul {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
    height: 10px;
    padding: 0px;
}

.Pag li{
  display:inline;
	list-style-type:none;
  white-space:nowrap;
	width:20px;
	text-align:center;
	padding:5px;
	margin:0;
}

.agentbox {
    background:#f0eddf;
    padding:10px;
    margin-bottom:40px;
    width:775px;
}

.agentbox th {
    text-align:right;
    padding-right:10px;
    font-family:Verdana, Georgia, Arial, Times New Romans;
    
}
.agentbox thead {
    height:40px;
}
.agentbox thead th {
    color:#5185c1;
    text-align:left;
    font-size:16px;
}

.agentbox tr {
    height:18px;
}
.agentbox .viewprofile {
    height:18px;
    font-weight:bold;
}

.agentbox .viewdown {
	padding-top:26px;
}

.agentsection {
    background:#e9ecf4;
    border: solid 1px #999;
    width:400px;
    float:left;
    padding:10px;
}
.agentheading {
    font-weight:bold;
    font-size:16px;
    color:#5185c1;
    margin-bottom:10px;
}

.staff-profile {
  width:570px;
  border-bottom:#E9ECF4 solid 1px;
}

.staff-text {
  width:250px;
  float:right;
  margin:10px 0 0 0;
}

.staff-profile h2 {
  padding:10px 0 8px 0;
  margin:0;
}

.staff-profile h3 {
  margin:0 0 8px 0;
}

.staff-profile img {
  border:#E9ECF4 solid 1px;
}

.staff-profile a {
  text-decoration:none;
}

.footerlogo {
    float:left;
}

.footerbox-left {
    float:left;
    width:435px;
    margin-right:10px;
}

.contactform {
    font-size:16px;
    
}

.contactform textarea {
    width:290px;
    height:100px;
}


.d {
  margin:0 auto 10px auto;
  padding:10px;
  border-top:0;
  border-right:0;
  font-size:1em;
  background:#e9ecf4;
  border: solid 1px #ccc;
}

.d th {
  font-weight:normal;
  text-align:left;
}

.d th,
.d td {
  border-bottom:0;
  border-left:0;
  padding:0px 0.2em 0px 0.3em;
  line-height:1.8em;   
}


.d tbody th {
  background-color:#E2F0F7;
  width:30%;
}

.d thead th,
.d .head th {
  background-color:#ffd55f;
  font-weight:bold;
  line-height:2.2em;
}



.propertyvalue {
  margin-right: auto;
  padding:10px;
  border-top:0;
  border-right:0;
  font-size:1em;
  background:#e9ecf4;
  border: solid 1px #ccc;
}

.propertyvalue input {
	width:200px;
}

.propertyvalue th {
  font-weight:bold;
  text-align:right;
  color:#5185c1;
  font-size:14px;
  font-family:Verdana, Georgia, Arial, Times New Roman;
}

.propertyvalue th,
.propertyvalue td {
  border-bottom:0;
  border-left:0;
  padding:0.5em 0.2em 0.5em 0.3em;
  line-height:1.8em;   
}


.propertyvalue tbody th {
 /* background-color:#E2F0F7; */
  width:30%;
}

.propertyvalue thead th,
.propertyvalue .head th {
  background-color:#ffd55f;
  font-weight:bold;
  line-height:2.2em;
}

.propertyvalue textarea {
	width:200px;
	height:100px;
}

.propertyvalue .submit {
	width:100px;
}

.subjects
{
	padding: 0px;
}

.subjects h2, .subjects p
{
	padding: 0px;
	margin: 0px;
}
.subjects p
{
	margin-top: 8px;
	line-height: 14px;
}

.subjectinner
{
	margin-left: 8px;
	float: left;
	width: 216px;
	padding: 12px;
}

.images
{
	padding: 16px 16px 16px 0px;
}

.images img
{
	margin-left: 8px;
	float: left;
	border: 2px solid #cccccc;
}

.clearall
{
	clear:both;
	line-height: 18px;
}

.clearall:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.nopaddingleft
{
	margin-left: 0px !important;
}

.nounderline
{
	text-decoration: none !important;
}

.nounderline:hover
{
	color: #000000 !important;
}

.linkbuttons
{
	margin-top: 8px;
}