/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/

body {
	margin:0;
	padding:0;
	background-color:#666;
	background-image:url(/images/browser_bg.png);
	background-repeat:repeat-x;
	background-attachment:fixed;
	background-position:bottom;
}

DIV#container {	
	width:822px;
	margin-left:auto; 
	margin-right:auto; 
	text-align:left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	line-height:150%;
	color:#000000;
	overflow:hidden;
}
/* ----------------- Header -------------- */
DIV#header {
	height:83px;
}
/* Header Logo Link */
DIV#header A.logo_link {	
	position:absolute;
	display:block;
	width:189px;
	height:63px;
	margin:24px 0 0 20px;
	background-image: url(/images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
DIV#header A:hover.logo_link {
	opacity:0.65;
	filter:alpha(opacity=65);
}
DIV#header A.logo_link span.hidden_text {
	display:none;
}
/* Header Search Box */
DIV#header FORM {
	display:block;
	float:right;
	width:280px;
	text-align:right;
	margin-top:4px;
}
DIV#header FORM INPUT.text {
	vertical-align: top;
	line-height:normal;
	border:solid 1px #6D8FAF;
	background-color:#FFF;
	background-image: url(/images/search_bg.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding:3px 2px 2px 20px;
	width:197px;
	color:#555;
}
DIV#header FORM INPUT.button {
	border:solid 1px #6D8FAF;
	background-color:#7D6551;
	padding:2px 4px 2px 4px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
DIV#header FORM INPUT:hover.button {
	background-color:#446685;
}
/* ----------------- Page Body -------------- */
DIV#page_body {
	min-height:360px;
	height:auto !important;
	height:360px;
	margin:0 0 13px 0;
	padding:32px;
	border:solid 1px #6D8FAF;
	background-color:#FFFFFF;
}
/* ----------------- Bottom Boxes -------------- */
DIV#bottom_boxes {
	margin:0 0 13px 0;
	padding:12px;
	border:solid 1px #6D8FAF;
	background-color:#FFFFFF;
	overflow:hidden;
}
DIV#bottom_boxes SPAN.bottom_box {
	display:inline-block;
	vertical-align:top;
	width:372px;
	height:121px;
	margin:0 -2px 0 0;
	padding:12px;
	background-color:#FFF3E3;
	overflow:hidden;
} 
DIV#bottom_boxes SPAN.bottom_box.left_box { 
	border-right:solid 1px #DBC4A5;
}
DIV#bottom_boxes SPAN.bottom_box H3 {
	margin:-3px 0 8px 0;
}
DIV#bottom_boxes SPAN.bottom_box SPAN.left_content { 
	display:inline-block;
	vertical-align:top;
	width:180px;
	margin-right:10px;
}
DIV#bottom_boxes SPAN.bottom_box SPAN.right_content { 
	display:inline-block;
	vertical-align:top;
	width:170px;
	text-align:right;
	margin:0 -30px 0 0 ;
}
DIV#bottom_boxes SPAN.bottom_box A.more_link,
DIV#bottom_boxes SPAN.bottom_box A.contact_link {
	display:block;
	position:absolute;
	width:78px;
	margin:97px 0 0 292px;
	padding:3px 0 3px 0;
	text-align:center;
	background-color:#7D6551;
	text-transform:uppercase;
	text-decoration:none;
	line-height:normal;
	font-weight:bold;
	color:#FFF;
}
DIV#bottom_boxes SPAN.bottom_box A.contact_link {
	width:110px;
	margin-left:258px;
}

DIV#bottom_boxes SPAN.bottom_box A:hover {
	background-color:#446685;
}
/* ----------------- Footer -------------- */


DIV#footer {
	width:820px;
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:115px;
	text-align:center;
	font-size:10px;
	color:#777;
	font-family:Arial, Helvetica, sans-serif;
}

/* Note: Each top-level item is a UL (not an LI within a UL) */
DIV#footer ul	{
	list-style:none;
	padding:0 3px 0 8px;
	border-right:solid 1px #7D7571;
	display:inline;
	font-weight:normal;
	margin:0;
	text-align:center;
	font-size:11px;
}
DIV#footer ul.tdc_8_ul	{
	border-right:none;

}


DIV#footer li	{
	/* necessary for IE to display menu items horizontally */
	display:inline;
	padding:0;
	margin:0;
}
DIV#footer a {
	color:#4D3521;
	display:inline-block;
	text-decoration:none;
	margin-bottom:9px;
	font-weight:bold;
}
DIV#footer a:hover {
	color:#446685;
}


/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

/* ---------- don't edit collapse defaults*/
div, span 		{margin:0; padding:0; }
a, a img, img 	{border:0; outline-style:none; outline-width:0px;}
table, th, td 	{border-collapse:collapse; border:solid 1px #849EBA;}

/* ----- headlines -----------------------*/
h1, h1 a, a h1 {font-size:25px; color:#7D6551; line-height:normal; letter-spacing:1.5px; margin:0 0 15px 0; text-transform:uppercase;}
h2, h2 a, a h2 {font-size:20px; color:#000; line-height:normal; letter-spacing:normal;}
h3, h3 a, a h3 {font-size:18px; color:#446685; line-height:normal; letter-spacing:normal;}
h4, h4 a, a h4 {font-size:16px; color:#7D6551; line-height:normal; letter-spacing:normal;}
h5, h5 a, a h5 {font-size:14px; color:#849EBA;}
h6, h6 a, a h6 {font-size:12px; color:#446685;}
/* note: declare link attributes for headlines - since  */
/* tools arbitrarily put links inside or outside h tags */

/* ----- default text links in content -------*/
a {
	color:#446685;
	text-decoration:none;
}
a:hover {
	color:#7D6551;
	text-decoration:underline;
}

/* ----- default horizontal rule -------*/
hr {
	margin:5px 0px 20px 0;
	padding:0px;
	border-bottom:2px solid #849EBA;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:0;
	display:block;
}

/* tables with class of "table_style" applied to table or span wrapper - */
span.table_style table, 
span.table_style table th, 
span.table_style table td,
table.table_style, 
table.table_style th, 
table.table_style td {
	border-color:#7D6551;
}
span.table_style table, 
table.table_style {
	width:100%;
}

table.table_style th,
span.table_style table th {
	background: #849EBA;
	vertical-align:bottom;
}
table.table_style td,
span.table_style table td {
	vertical-align:top;
}		


/* "table_style" can be different if end user builds - those inside a content area span */
span.content_area span.table_style table, 
span.content_area span.table_style table th, 
span.content_area span.table_style table td,
span.content_area table.table_style, 
span.content_area table.table_style th, 
span.content_area table.table_style td {
	border-color:#7D6551;

}
span.content_area span.table_style table, 
span.content_area table.table_style {
	width:auto;

}
span.content_area table.table_style th,
span.content_area span.table_style table th {
	background:#CCC;
	vertical-align:bottom;
}
span.content_area table.table_style td,
span.content_area span.table_style table td {
	vertical-align:top;
}		

/* ---------------------------------------------------------------- */
/* ----------------------- COMMON STYLES -------------------------- */
/* ---------------------------------------------------------------- */

.no_display {
	display:none;
}
.hidden, .hidden_test {
	visiblity:hidden;
}
.light_blue {
	color:#849EBA;
}
.dark_blue {
	color:#446685;
}
.brown {
	color:#7D6551;
}

/*************************************************************************/	
/*********** FORMS  - DON'T EDIT THIS BLOCK !!! (normally) ***************/
/*************************************************************************/

/* ALL FORM STYLING BELOW ASSUMES YOU WILL WRAP THE FORM IN A THIS SPAN "<span class="form_style"></span>" OTHERWISE SITE USES BROWSER DEFAULTS */

/* labels - assumes label is on left of input, or specify on the container span - e.g. <span class="form_style labels_left"></span> */
span.form_style {	
	display:inline-block;
	line-height:normal;
}
span.form_style label { 
	display:inline-block;
	vertical-align:top;
	margin:0; /* use right margin for space between label and input, use bottom margin to vertically space out lines of form */
	padding:1px 0 0 0;
	text-align:right;
	color:#292929; /* have label text a hair lighter than black helps guide the eye */
	font-weight:bold;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	display:inline-block;
	border:solid 1px #AAA;
	margin:0 0 12px 3px;
	padding:2px 2px 2px 2px;
	width:200px;
	font-size:12px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
span.form_style input.checkbox, 
span.form_style input.radio,
span.form_style checkbox,
span.form_style radio  {
	width:auto !important;
	border:none !important;
	margin-right:2px;
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block !important;
}
span.form_style input.file  {
	background:#EEE;
}
span.form_style textarea, span.form_style textarea.medium {
	overflow-x:hidden; /* turn off bottom scrollbar by default, some browsers put it in if narrow textarea */
	overflow-y:auto; /* let it scroll vertically if necessary */
}


/* --------------- Buttons ------------------ */
span.form_style input.button,
span.form_style button.button,
span.form_style a.button {		vertical-align:top;
	width:auto !important;
	padding-right:4px;
	overflow:hidden;
	display:inline-block;
	padding:1px 0 1px 0;
	border:solid 1px #AAA;
	background-color:#DDD;
	margin-right:5px;
	color:#222;
	font-weight:bold;
	line-height:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif; /* good to declare since some buttons and Safari inputs use Tahoma, etc. by default */
}
/*span.form_style button.button { 
	padding:0 1px 1px 1px;
}
span.form_style a.button { 
	padding:2px 4px 2px 4px;
}*/

span.form_style input:hover.button,
span.form_style button:hover.button,
span.form_style a:hover.button {
	border:solid 1px #777;
	background-color:#BBB;
	text-decoration:none;
}

span.form_style a.button {
	padding:2px 3px 2px 3px;	
	line-height:normal;
	vertical-align:top;

}

/* --------------- Dividers ------------------ */
span.form_style h4 {
	background:#999;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#FFF;
	line-height:normal;
}
span.form_style h5 {
	background:#EEE;
	font-size:14px;
	padding:2px 2px 2px 5px;
	margin:0 0 15px 0;
	color:#555;
	line-height:normal;
}
span.form_style h4.no_margin,
span.form_style h5.no_margin {
	margin:0;
}

span.form_style hr {
	margin:5px 0px 20px 0;
	padding:0px;
	border-bottom:4px solid #EEE;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:4px;
	display:block;
}


/****** LABELS TOP (class="form_style labels_top") ********/
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	display:block;
	margin:0 0 8px 0;
}
span.form_style.labels_top input.button {
	display:inline-block;
	margin:0 0 8px 0;
}
span.form_style.labels_top label { 
	display:block;
	margin:0 0 1px 0; 
	text-align:left;
}

span.form_style.labels_top.labels_top .left_label_margin { 
	margin-left:0 !important;
}
span.form_style.labels_top.labels_top span.file.error { 
	display:block !important;
	width:200px;
	padding:0;
	overflow:hidden;
	height:24px;
}

/*************************************************************************/	
/************************ FORM ERRORS ************************************/
/*************************************************************************/	

/*** UL List of Errors At Form Top***/
span.form_style span.error_list {
	display:none;
}
span.form_style span.error_list.error {
	display:inline-block;
	margin:0 0 20px 0;
	vertical-align:top;
	border:solid 1px #F00;
	padding:12px;
	background:#FFFFCC;
	height:auto;
}
span.form_style span.error_list.error h3 {
	color:#F00;
	font-size:14px;
	text-transform:uppercase;
	margin:0 0 0 0;
}
span.form_style span.error_list.error ul {
	margin:5px 0 0 5px;
	color:#F00;

}

/*** Error Message In Form ***/

span.form_style span.error.error_message {
	width:205px;
	display:inline-block;
	margin:-3px 0 2px 0;
	background:none;
	color:#F00;
	font-weight:bold;
	border:none;
	height:auto;
}
span.form_style h4.error, span.form_style h5.error {
	color:#F00;
	background:#EEE;
	border:solid 1px #F00;
}

/*** Field Errors ***/
span.form_style span.checkbox.error 
span.form_style span.radio.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 0;
	height:auto;
	display:inline-block;
}
span.form_style span.group.error {
	color:#F00;
	border:solid 1px #F00;
	padding:2px 2px 0 2px;
	height:auto;
	display:inline-block;

}
span.form_style span.file.error {
	color:#F00;
	border:solid 1px #F00;
	padding:4px 0 2px 0;
}
span.form_style label.error {
	color:#F00;
}

span.form_style span.error,
span.form_style input.error, 
span.form_style select.error, 
span.form_style textarea.error,
span.form_style span.input_look.error  {
	border:solid 1px #F00;
	background: #FFFFCC;
	display:inline-block;
}

span.form_style button.button.error,
span.form_style a.button.error {
	border:solid 1px #F00;
	background: #FFFFCC;
}

/*************************************************************************/	
/******************** FORMS  - END "DON'T EDIT" **************************/
/*************************************************************************/



/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR DEFAULT "LABELS LEFT" FORMS **/
/*************************************************************************/

/******  ********/	

/* --------------- default widths - no "length" class ------------------ */
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style label {				
	width:100px;
}
span.form_style input, 
span.form_style select, 
span.form_style textarea,
span.form_style span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style select {
	width:205px;
}
span.form_style hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:106px;
	width:205px;
}
span.form_style span.error_list.error.left_label_margin {
	margin-left:106px;
}
span.form_style span.error_message.error.left_label_margin {
	margin-left:106px;
}

/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style label.short_length {
	width:75px;
}

span.form_style input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style label.short_length {
	width:75px;
}
span.form_style input.short_length,
span.form_style textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style select.short_length {
	width:45px;
}

/*************************************************************************/	
/** DO EDIT HERE - SET WIDTHS & MARGINS FOR "labels_top" FORMS **/
/*************************************************************************/
span.form_style {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top h4, span.form_style.labels_top h5  {	
	width:198px;
}
span.form_style.labels_top {	
	width:313px;
	margin-right:20px;
}
span.form_style.labels_top label {				
	width:100px;
}
span.form_style.labels_top input, 
span.form_style.labels_top select, 
span.form_style.labels_top textarea,
span.form_style.labels_top span.input_look  {
	width:200px;
}
/* selects are about 5px wider than input to line up */
span.form_style.labels_top select {
	width:205px;
}
span.form_style.labels_top hr.left_label_margin { /* set make left of hr line up with inputs, rather than left of form */
	margin-left:0;
}
span.form_style.labels_top span.error_list.error.left_label_margin {
	width:180px;
	margin-left:0;
}


/* --------------- "short_length" class ------------------ */
/* if you apply a class of "short" to an label, assumes it the second one over for half a column width */
span.form_style.labels_top label.short_length {
	width:75px;
}

span.form_style.labels_top input.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/* --------------- "long_length" class ------------------ */
/* if you apply a class of "long" to an input, assumes a double column width (or a span), select and textarea adjusted a few pix */
span.form_style.labels_top label.short_length {
	width:75px;
}
span.form_style.labels_top input.short_length,
span.form_style.labels_top textarea.short_length {
	width:55px;
}
/* selects are 5px wider than input to line up */
span.form_style.labels_top select.short_length {
	width:45px;
}

/*************************************************************************/	
/*************************** SPECIFIC PAGES ******************************/
/*************************************************************************/

/* --- Home Page --- */


DIV#container.page_1 DIV#page_body DIV.home_slideshow {
	margin:-20px -20px 20px -20px;
	height:267px;
	overflow:hidden;
	background:#EEE;
	border:solid 1px #DDD;
}
DIV#container.page_1 DIV#page_body SPAN.beige_bg {
	display:block;
	background:#FFF3E3;
	margin:-20px;
	padding:20px;
}
DIV#container.page_1 DIV#page_body SPAN.beige_bg h1 {
	margin-bottom:8px;
	padding-bottom:0;
}

/* --- Contact Us --- */
DIV#container.page_8 SPAN.left_column { 
	display:inline-block;
	vertical-align:top;
	width:350px;
	border-right:solid 2px #CCE6FF;
	padding-right:55px;
	margin-right:25px;
}
DIV#container.page_8 SPAN.form_style.contact {
	display:inline-block;
	vertical-align:top;
	width:330px;
	margin-right:-30px;
}
DIV#container.page_8 SPAN.form_style.contact input,
DIV#container.page_8 SPAN.form_style.contact select,
DIV#container.page_8 SPAN.form_style.contact textarea {
	border-color: #7D9FbF;
	margin-bottom:19px;
}
DIV#container.page_8 SPAN.form_style.contact input.button {
	background: #7D6551;
	color:#FFF;
	padding:3px 4px 3px 4px;
	text-transform:uppercase;
	border-color: #6D8F9F;
}
DIV#container.page_8 SPAN.form_style.contact input:hover.button {
	background: #446685;
}
DIV#container.page_8 SPAN.contact_thanks {
	display:inline-block;
	vertical-align:top;
	width:290px;
	margin-right:-30px;
	margin-left:30px;
}
DIV#container.page_8 SPAN.contact_thanks h3 {
	margin-top:0;
}
DIV#container.page_8 SPAN.form_style.contact TEXTAREA#tdc_comment {
	height:80px;
}
DIV#container.page_8 IMG.contact_map {
	width:300px;
	border:solid 1px #BBB;
}


/* --- About Us --- */
DIV#container.page_3 SPAN.left_column { 
	display:inline-block;
	vertical-align:top;
	width:340px;
	margin-right:0;
	min-height:390px;
	height:auto !important;
	height:390px;
}
DIV#container.page_3 IMG.about_photo { 
	float:right;
	border:solid 1px #CCC;
	margin-top:-2px;
	width:330px;
	height:359px;
}
/************************************************************************* */
/* *********** Residential and Commercial Property PAGES ***************** */
/************************************************************************* */

/* Flash Header for both Commercial & Residential Properties */
DIV#container.page_4 DIV#page_body DIV.home_slideshow,
DIV#container.page_5 DIV#page_body DIV.home_slideshow {
	margin:-20px -20px 20px -20px;
	height:170px;
	overflow:hidden;
	background:#EEE;
	border:solid 1px #DDD;
}
DIV#property_flash DIV.text_over_flash_container { 
	position:absolute;
	margin:1px 0 0 -20px;
	padding:15px 0 0 20px;
	width:310px;
	height:155px;
	overflow:hidden;
	background-image:url(/images/brown_mask.png);
	background-repeat: no-repeat;
	background-position:top;

}
DIV#property_flash DIV.text_over_flash {
	width:270px;
	overflow:hidden;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:.6px;
}
DIV#property_flash DIV.text_over_flash H1 {
	margin:0 0 0 0;
	padding:0;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	letter-spacing:2px;
}

/* H2 Headlines for both  Commercial & Residential Properties */
DIV#container.page_4 H2, DIV#container.page_5 H2 {
	color:#7D6551;
	margin:0 0 6px -20px;
	padding:0;
	width:300px;
	text-transform:uppercase;
	font-size:18px;
}

/* Property Listings - Styles for both Commercial & Residential Properties */
DIV.listing {
	border:solid 1px #7D6551;
	background:#FFF3E3;
	margin:0 -20px 12px -20px;
	overflow:hidden;
	line-height:150%;
}
DIV.listing A.thumb_link, DIV.listing A:hover.thumb_link {
	display:inline-block;
	vertical-align:top;
	height:100px;
	width:160px;
	margin:12px;
	border:solid 1px #7D6551;
	background:#EEE;
	overflow:hidden;
}
DIV.listing A:hover.thumb_link IMG {
	border:none;
}
DIV.listing A.thumb_link IMG {
	height:100px;
	width:160px;
	border:none;
}
DIV.listing A:hover IMG {
	border:solid 1px #446685;
	opacity:0.75;
	filter:alpha(opacity=75);
}
DIV.listing SPAN.middle_text {
	display:inline-block;
	vertical-align:top;
	width:400px;
	height:125px;
	border-right:solid 1px #AD9581;
	padding:7px  15px 0 0;
}
DIV.listing SPAN.middle_text H3 {
	width:auto;
	display:inline;
	margin:7px 10px 0 0 ;
	padding:0;
	font-size:18px;
}
DIV.listing SPAN.middle_text H4 {
	height:100px;
	width:auto;
	display:inline;
	margin-right:10px;
	font-weight:normal;
	font-size:14px;
}
DIV.listing SPAN.right_text {
	display:inline-block;
	vertical-align:top;
	width:185px;
	margin-top:25px;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:14px;
}
DIV.listing SPAN.right_text STRONG {
	display:block;
	margin:6px 0 22px 0;
	font-size:18px;
}
DIV.listing SPAN.right_text A {
	display:inline-block;
	width:140px;
	padding:4px 0 4px 0;
	text-align:center;
	background-color:#7D6551;
	text-transform:uppercase;
	text-decoration:none;
	line-height:normal;
	font-weight:bold;
	color:#FFF;
}
DIV.listing SPAN.right_text A:hover {
	background-color:#446685;
}

/* Commercial List Page Only - Demographics */
DIV.listing SPAN.middle_text UL {
	display:block;
	list-style-type:none;
	margin:3px 0 0 0;
	padding:2px 0 0 6px;
	height:22px;
}
DIV.listing SPAN.middle_text UL.row_1 {
	background:#EFE1CE;
}
DIV.listing SPAN.middle_text UL LI {
	display:inline-block;
	float:left;
	list-style-type:none;
	width:72px;
	padding:0;
	text-align:right;
}
DIV.listing SPAN.middle_text UL LI.title {
	text-align:left;
	font-weight:bold;
	width:152px;
}

/* Residential List Page Only - Features/Amenities */

DIV#container.page_5 DIV.listing SPAN.middle_text {
	width:426px;
}
DIV#container.page_5 DIV.listing SPAN.right_text {
	width:155px;
}
DIV#container.page_5 DIV.listing SPAN.middle_text UL LI { 
	width:120px;
	text-align:center;
}
DIV#container.page_5 DIV.listing SPAN.middle_text UL LI.title {
	width:58px;
	text-align:left;
}
DIV.listing SPAN.right_text SPAN.no_vacancies {
	display:block;
	font-weight:bold;
	color:#999;
	font-size:14px;
	margin:4px 0 23px 0;
}

/************************************************************************* */
/* **************************** DETAIL PAGES ***************************** */
/************************************************************************* */





/* Commercial (page_13) & Residential (page_10) Detail Pages */
DIV#container.page_13 DIV#page_body,
DIV#container.page_10 DIV#page_body {
	padding:10px;
}
DIV.property_header {
	background:#EEE6DB;
	padding:6px 0 0 10px;
	height:82px;
	line-height:210%;
}
DIV.property_header A {
	position:absolute;
	display:inline-block;
	width:132px;
	padding:4px 0 4px 8px;
	text-align:left;
	background-color:#7D6551;
	text-transform:uppercase;
	text-decoration:none;
	line-height:normal;
	font-weight:bold;
	color:#FFF;
	margin:8px 0 0 632px;
}
DIV.property_header A.tenant {
	margin-top:44px;
}
DIV.property_header H1 {
	margin:0 4px 1px 0;
	padding:0;
	font-size:20px;
	color:#446685;
	text-transform:none;
}
DIV.property_header STRONG {
	font-size:16px;
	margin-right:4px;
	line-height:110%;
}

DIV.property_content {
	border-left:solid 195px #F7F3EB;
}
SPAN.left_menu {
	display:inline-block;
	width:195px;
	vertical-align:top;
	padding:6px;
	margin:0 5px 0 -195px;
}
SPAN.left_menu H4 {
	margin:12px 0 5px 2px;
	font-size:18px;
	line-height:normal;
}
SPAN.left_menu UL {	
	margin:0 0 10px 3px;
	padding:0;
	list-style-type:none;
}
SPAN.left_menu LI A {
	display:block;
	padding: 4px 0 4px 15px ;
	background-position:left;
	background-repeat:no-repeat;
	text-decoration:none;
	width:170px;
}
SPAN.left_menu LI A:hover {
	background-image:url('/images/left_menu_arrow.jpg');
}
SPAN.right_content {
	display:inline-block;
	width:583px;
	vertical-align:top;
	margin:15px 0 5px 0;
	line-height:150%;
	min-height:340px;
	height:auto !important;
	height:340px;
}
SPAN.right_content SPAN.slideshow {
	display:inline-block;
	vertical-align:top;
	width:360px;
	height:240px;
	border:solid 2px #BBB;
	margin-right:12px;
	background:#EEE;
}
SPAN.right_content SPAN.map {
	display:inline-block;
	vertical-align:top;
	width:200px;
	height:240px;
	border:solid 2px #BBB;
	margin:0 -30px 0 0 ;
	overflow:hidden;
	background:#EEE;
}
SPAN.right_content SPAN.map A.directions {
	position:absolute;
	display:block;
	height:20px;
	width:196px;
	border:solid 2px #BBB;
	border-top:solid 2px #BBB;
	background:#E9E2D7;
	text-align:center;
	padding:2px;
	text-decoration:underline;
	margin:-26px 0 0 -2px;
}
SPAN.right_content H3 {
	color:#555;
	margin:15px 0 4px 0;
}
SPAN.right_content DIV.details {
	margin-top:10px;
}
SPAN.right_content DIV.details STRONG {
	display:inline-block;
	width:160px;
}
SPAN.right_content DIV.details DIV {
	padding:1px 3px 1px 4px;
	background:#EEE6DB;
}
SPAN.right_content DIV.details DIV.odd {
	background:#FFF7EC;
}
DIV.details SPAN {
	display:inline-block;
	vertical-align:top;
	width:60px;
}
DIV.details IMG {
	display:block;
	margin:15px 0 15px 0;
}

/* Residential (page_10) Detail Page */

DIV#container.page_10 div.property_detail { background:#F1F1F1; 
	margin:15px 0 0 0;
	padding:8px 10px 8px 10px;
}
DIV.property_header STRONG {
	font-size:16px;
	line-height:130%;
}
DIV#container.page_10 div.property_detail H3 {
	margin:0;
	padding:0 ;
}
DIV#container.page_10 div.amenities {
	margin-top:0;
	padding-top:15px ;
}
DIV#container.page_10 div.amenities UL {
	display:block;
	margin:3px -14px 0 -6px;
	padding:2px 0 0 6px;
	height:22px;
}
DIV#container.page_10 div.amenities UL LI {
	display:inline-block;
	vertical-align:top;
	float:left;
	width:178px;
	padding:0 7px 0 7px;
	text-align:left;
	background-image:url('/images/vacancy_bullet.gif');
	background-position:left top;
	background-repeat:no-repeat;
}

DIV#container.page_10 div.vacancy { 				
	margin-top:15px;
	padding-top:15px;
	border-top:solid 2px #DDD;
}
DIV#container.page_10 H3.vacancies_headline {
	margin:7px 0 -5px 0 ;
	padding:15px 0 0 0 ;
}
DIV#container.page_10 H4 {
	margin:0 0 5px 0;
	padding:0;
}
DIV#container.page_10 div.vacancy div.amenities {
	margin:0 0 10px 0;
	padding:0;

}
DIV#container.page_10 div.vacancy div.amenities UL {
	display:block;
	margin:10px -14px 0 -6px;
	padding:2px 0 0 6px;
	height:22px;
}
DIV#container.page_10 div.vacancy div.amenities UL LI {
	display:inline-block;
	vertical-align:top;
	float:left;
	width:178px;
	padding:0 7px 0 7px;
	text-align:left;
	background-image:url('/images/vacancy_bullet.gif');
	background-position:left top;
	background-repeat:no-repeat;
}
DIV#container.page_10 div.vacancy div.features {
	margin-bottom:5px;
	font-weight:bold;

}

/*************************************************************************/	
/*************************** LOGIN PAGE *********************************/
/*************************************************************************/

span.form_style.labels_left.login_page {	
	line-height:220%;
}

span.form_style.labels_left.login_page button.button 
span.form_style.labels_left.login_page input.button {	
	width:60px;
}
span.form_style.labels_left.login_page input.checkbox {
	width:auto;
}
span.form_style.labels_left.login_page label {				
	text-align:right;
	width:65px;
}
span.form_style.labels_left.login_page input {				
	width:218px;
}
span.login_logos {
	display:block;
	margin-left:70px;
}
span.login_logos img {
	margin-right:5px;
}
span.login_logos a {
	margin-right:25px;
}
span.login_logos a h4 {
	margin-bottom:5px;
	line-height:normal;
}
span.form_style.forgot label { 
	width:auto;
}
.loginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:65px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.loginBtn:hover {
	background-color:#ECEFF2;
}
.forgotBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:155px !important;
	margin:0 10px 0 0;
	padding:0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.forgotBtn:hover {
	background-color:#ECEFF2;
}
.findPasswordBtn {
	background-image: url(/images/icons/forgot.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:152px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.findPasswordBtn:hover {
	background-color:#ECEFF2;
}
.returnLoginBtn {
	background-image: url(/images/icons/login.gif);
	background-position:right;
	background-repeat:no-repeat;
	background-color:#F9F9F9;
	border:none;
	height:23px;
	width:150px !important;
	margin:0 10px 0 0;
	padding:0 24px 0 0;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	color:#333;
}
.returnLoginBtn:hover {
	background-color:#ECEFF2;
}


