@import url(sitemap.css);

@import url(nav.css);

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

#layTable {
	border: 1px solid #7A8C94;
	width:1000px;
}

#innerPageHeader {
	height:150px;
	background: url(images/innerHeaderBG.jpg) no-repeat;
}

#innerContactButton {
	margin: 45px 0 0 187px;
}

/*   delete ...
#contactBanner {
	padding: 0 10px 10px 0;
}*/

#navTd {
	background: #ECF1F6 url(images/BGgradient_leftNav.jpg) repeat-x;
	width: 230px;
}
#contentTd {	
	width: 770px;
}

#openTemplate{
	padding: 5px 0 20px 40px;
}

/* for the community / right pod template */
#rightPodTemplate {
	padding: 5px 0 20px 40px;
	margin:0;
}

DIV#rightPod{
	float:right;
	width:170px;
	background: #DCE9F3;
	margin: 20px 0px 10px 25px;
	padding: 0 0 10px 0;	
}

#rightPod .blueCap{
	background: #005D90;
}

#rightPod .fixedImage {
	clear: both;
}

#rightPod .podTitle{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:center;
	margin: -2px 0 0 0;
	padding: 0 0 6px 0;
}

#rightPod .fixedImage{
	margin:12px 0 0 0;
}

#rightPod .caption {
	font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #7A8C94;
	text-align : center;
	margin: 0 0 4px 0;	
}

.pTitle{
	background:#005D8F;
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:center;
	padding: 5px 0 5px 0;
	margin:16px 0 5px 0 ;
}

.pSubtitle{
	font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#272B2D;
	margin: 5px 5px 5px 10px;
}

#contactRightCol .pSubtitle {
	margin-top: 12px;
}

.pText{
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#272B2D;
	margin: 5px 5px 5px 10px;
}

.pText A:link, .pText A:visited {
	color: #C21115;
	font-weight : bold;
	text-decoration : none;
	margin:0px
}

.pText A:hover {
	color: #D8696A;
	font-weight : bold;
	text-decoration : underline;
} 

/* for the Property Showcase template */
#propertyShowcaseTemplate{
	padding: 5px 40px 20px 40px;
}

DIV.prop{
	background-color: #EFF2F7;
	border:1px solid #DEE6EC;
	margin:16px 0 16px 0;
	padding:0;
	width:680px;
}

TD.propImg{
	/* width:200px; */
	padding:20px;	
}

TD.propTxt{
	padding:20px 20px 0 15px;
}

DIV.prop .title{
	font-size: 16px;
	font-weight: bold;
	color: #0079BA;
	margin:0;
	padding:0;
	border:none;
}

DIV.prop .subtitle{
	margin:0;
	padding:0 0 6px 0;
}

DIV.prop .text{
	font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0 ;
	padding:0 0 6px 0;
}

DIV.propLink {
	float:right;
	margin:6px 0 1px 0;
}

DIV.propLink a {
	font:bold 11px/21px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#AF362A;
	background-image/* */:url(images/projectLinkArrow.gif);
	background-repeat : no-repeat;
	background-position: right;
	background-color: #fff; /*#EFF2F7 */
	text-align:right;
	padding: 4px 36px 4px 10px;
	display:inline;
	text-decoration: none;
	
	/*height:24px;*/
}

DIV.propLink a:hover{
	background-color:#AF362A;
	text-decoration: none;
	color:#fefefe;
}

/* for Property Detail Template */

#propertyDetailTemplate {
	padding: 5px 25px 20px 40px;
	
}

/* Image gallery portion of OLD  Property Detail Template */

DIV.pImage {
	padding: 3px 0 0 0;
}

IMG.pImage {
	border: 1px solid #7A8C94;
}

.pThumb {
	float: left;
	margin: 5px 5px 5px 0;
}

.galleryCaption {
	font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #272B2D;
	margin: 3px 0 10px 0;
}

DIV.clear{
	clear: both;
}

/* for Property Detail Template with Image Gallery */
#propertyDetailImageGalleryTemplate {
	padding: 5px 0px 20px 50px;
	
}

IMG.gThumb {
	margin: 0 10px 10px 0;
}

/* sales Activity tables */

TABLE.salesActivity {	
	border: 1px solid #7A8C94;
	width:520px;
}

TABLE.salesActivity TH {
	background: #0079BA;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 10px 0 4px 7px;
	text-align: left;
}

TABLE.salesActivity TD {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	padding:7px;
	border-bottom: 1px solid #ffffff;	
}

TABLE.salesActivity TR.r0 {
	background:#E9F0F8;
}

TABLE.salesActivity TR.r1 {
	background:#F4F8FC;
}

A.heySusana {
	font: bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #C21115;
	margin: 0 0 6px 0;
	display: block;
	text-decoration: none;
}

A.heySusana:hover {
	color: #D8696A;
	text-decoration : underline;
} 

#contactTemplate {
	padding: 5px 25px 20px 40px;
}

#contactLeftCol {
	width: 285px;
}

#contactLeftCol DIV.text {
	margin-right:0px;
	padding-right:0px;
}

#contactTemplate .podTitle{
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 4px 25px;
}

#contactTemplate .contactPodTitle {
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:center;
}

#contactTemplate .contactPodSubtitle {
	font:bold 21px/28px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:center;
	padding: 0 0 5px 0;
}

DIV.personPod {
	border-bottom: 1px solid #BEA986;
	padding-bottom:10px;
	margin-bottom: 16px;
}

#pageTitle {}

DIV.pageTitle {	
	font: 24px Arial, Helvetica, sans-serif;
	color: #0079B8; 
	letter-spacing : 1px;
	margin: 0 0 10px 0;
}

/* --- Standard content classes --- */

.title {
	font:bold 16px/22px Arial, Helvetica, sans-serif;
	color: #005D90;
	margin: 20px 0 5px 0;
}

 DIV.subtitle, DIV.question {
	padding: 0 100px 0 0;
}

.subtitle {
	font: bold 14px/19px Arial, Helvetica, sans-serif;
	color: #646980;
	margin: 5px 0 5px 0;
}

.question {
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	color: #646980;
	margin: 5px 0 5px 0;
}

 .personName {
	font: bold 12px  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00488B;
	margin: 5px 0 5px 0;
}

DIV.answer {
	padding:0 100px 0 30px;
}

DIV.text {
	padding: 0 100px 0 0;
}

.text, .answer {
	font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #272B2D;
	margin: 0 0 10px 0;
	text-decoration: none;
}

.text A:link, .answer A:link, .text A:visited, .answer A:visited {
	color: #C21115;
	font-weight : bold;
	text-decoration : none;
}

.text A:hover, .answer A:hover {
	color: #D8696A;
	font-weight : bold;
	text-decoration : underline;
} 

A.text {
	background/* */: url(images/linkArrow.gif) no-repeat right;	
	padding-right: 13px;
}

.thanks {
	font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #272B2D;
	margin: 0 0 6px 0;
}

/* inline image styles for text content container */
.inimgright{
	margin:5px 0 16px 20px;
}

.inimgleft{
	margin:5px 16px 16px 0;
}

.inimgcenter{
	padding:4px 100px 10px 0;
}

.inimg{
	margin:4px 0 10px 0;
}

.caption {
	font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #23383e;
	text-align : center;
	margin: 0 0 16px 0;
	padding: 3px;	
}

#testimonial {
	background:#FCFCFC;
	margin: 25px 1px 30px 0;
	padding: 20px 6px 20px 12px;
}

#testimonial .subtitle {
	font: bold 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0079BA;
	padding:0;
	margin:0 0 6px 0; 
}

#testimonial .text {
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #0079BA;
	padding:0;
	margin:0 0 5px 0; 
}


/* these corners have transparent backgrounds */
DIV.blueCapNW {
	background:  url(images/blueCorner_NW.gif) no-repeat;
}
DIV.blueCapNE {
	background: url(images/blueCorner_NE.gif) no-repeat top right;
	height: 7px;
}
/* these corners have white backgrounds */
DIV.blueCapWhiteNW {
	background:  url(images/blueCornerWhite_NW.gif) no-repeat;
}
DIV.blueCapWhiteNE {
	background: url(images/blueCornerWhite_NE.gif) no-repeat top right;
	height: 7px;
}
DIV.blueCap {
	background:#005D90;
}


.smallTitle {
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #5E6787;
	padding: 0 5px 7px 10px;	
}

DIV.smallSubtitle {
	padding: 7px 5px 7px 10px;
	margin-bottom:7px;
	background: #D7DAD6;
}

.smallSubtitle {
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #615E5E;
}

.smallText {
	font: 11px/15px  Arial, Helvetica, sans-serif;
	color: #615E5E;
	text-decoration : none;
	padding: 0 5px 7px 10px;
}

A.smallText {
	background/* */:url(images/linkArrow.gif) no-repeat right;
	padding:0 13px 0 0;
}

.smallText A:link, .smallText A:visited {
	color: #6b9145;
	font-weight : bold;
	text-decoration : none;
}

.smallText A:hover {
	color: #C2382C;
	font-weight : bold;
	text-decoration : none;
} 



/* this is for the bullets in the text - nice format */
LI {
	margin : 2px 0 0 16px;
	padding:  0;
	list-style : disc outside;
	list-style-image : url(images/bulletBlue.gif);
} 

#footer {
	border-top: 6px solid #0079B8;
	padding: 8px 0 8px 0;
	background-color : #7991AE;
}

.footer {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #FEFEFE; 
}

.footer A:link, .footer A:visited  {
	color: #FEFEFE; 
}

.footer A:hover {
	color: #C2382C;
}

.hint {
	font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999999;
}

.hinthover {
	font : 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	cursor : default;
}

.missinglabel {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CC0000;	
}

.invalidlabel {
	font: 11px Arial, Helvetica, sans-serif;
	color: #CC0000;	
	font-style: italic;
}

#globalContactForm{
	background: #B1CEE6;
	padding: 10px 0 9px 10px;
}

#globalContactForm FORM{
	margin:0;
}

#globalContactForm TD.label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #00567F;
	padding: 6px 6px 6px 0;
	text-align: left;
}

#globalContactForm TD.missinglabel, #globalContactForm TD.invalidlabel {
	padding: 6px 6px 6px 0;
	text-align: left;
}

#globalContactForm INPUT {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #B8C6D0;
	width:100px;
	height:12px
}

#globalContactForm #sendButton {
	margin: 4px 10px 0 0;
}

#globalContactForm DIV.text {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #646980;
	padding: 6px 0 0 0;
}

#innerContactForm{
	background: #B1CEE6;
	padding: 10px 10px 9px 25px;
}

#innerContactForm FORM{
	margin:0;
}

#innerContactForm TD.label {
	font: 11px Arial, Helvetica, sans-serif;
	color: #00567F;
	padding: 6px 6px 6px 0;
	text-align: right;
}

#innerContactForm TD.missinglabel, #innerContactForm TD.invalidlabel {
	text-align: right;
	padding: 6px 6px 6px 0;
}

#innerContactForm INPUT {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #B8C6D0;
	width:150px;
	height:13px
}

#innerContactForm TEXTAREA {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #B8C6D0;
	width:225px;
	height: 65px;
}

#innerContactForm #sendButton {
	margin: 8px 18px 0 0;
}

#innerContactForm DIV.text {
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #646980;
	padding: 6px 0 0 0;
}

#contactText {
	padding:6px 6px 16px 6px;
	background: #B1CEE6;
}

#contactRightCol {
	float:right;
	width:210px;
}

#contactBox{
	background:#FEFBE2;
	border: 1px solid #D5D3D4;
	margin:30px;
	padding:12px;	
}

#contactBox DIV.text {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #53503C;
	padding: 0 10px 0 16px;
}

/* LANDING PAGE */

#landingContentTd {
	background: url(images/landing_bgSusana.jpg) no-repeat;
}

#heySusanaBanner {
	margin: 0 0 0 175px;
}

#landingLeftCol {
	float:left;
	width: 255px;
	margin: 240px 0 0 0;
	background: #D7E6F2;
	padding:12px 8px 20px 20px;
}

#landingLeftCol DIV.text, #landingLeftCol DIV.subtitle {
	padding-right:0px;
}

#landingContentArea {
	margin: 10px 40px 30px 310px;
}

#landingContentArea DIV.text, #landingContentArea DIV.subtitle {
	padding-right:0px;
}

#landingContentArea .podTitle{
	font:bold 15px/18px Arial, Helvetica, sans-serif;
	color: #fefefe;
	text-align:left;
	margin: 0 0 0 0;
	padding: 0 0 4px 25px;
}

A:link, A:visited, A:active {
	text-decoration : none;
}

DIV.v10 {
	visibility: hidden;
	height:10px;
}

DIV.v15 {
	visibility: hidden;
	height:15px;
}

DIV.v20 {
	visibility: hidden;
	height:20px;
}

DIV.v30 {
	visibility: hidden;
	height:30px;
}

/* 
use comment hack in background image to hide the style from IE 5 
only when display: inline
not needed when display: block
*/