/*
  General Utility styles to be used in all sites.
  Override as required.
*/

body {
	font-size: 70%;
	font-family: Arial;
	color: #4A4A47;
	margin: 0; 
}
td { /*vertical-align: top; */padding: 0; }
img { display: block; border: 0; }
object { display: block; }
form { display: inline; }
embed { display: block; }

p { margin: 0 0 1em 0; } /* keeps ie and firefox the same */

.w100 { width: 100%; }
.w99 { width: 99%; }
.w50 { width: 50%; }
.w49 { width: 49%; }


.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.min-height { float: right; }


.f-right { float: right; }
.f-left { float: left; }



.a-right { text-align: right; }
.a-left { text-align: left; }
.a-center { text-align: center; }



.nowrap { white-space: nowrap; }

/* clear nested floats */ /* doesn't work the samte:: IE clear nested, FF: clear all */
* html .clear-nested-floats { height: 1%; }
.clear-nested-floats:after {	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* *********** util styles *********** */

      .corner-bl { position: absolute; left: 0; bottom: 0; }
      .corner-br { position: absolute; right: 0; bottom: 0; }
      .corner-tl { position: absolute; left: 0; top: 0; }
      .corner-tr { position: absolute; right: 0; top: 0; }




      .fancy { position: relative; float: right; background: url("../images/fancy_tl.png") no-repeat 0 0; padding: 12px; }
        /* * html .fancy { height: 1%; }*/

	  .fancy .tr, .fancy .bl, .fancy .br { 
		display: block; 
		width: 4px;
		height: 4px;
		background-position: left top;
		background-repeat: no-repeat;
		position: absolute;
		overflow: hidden;
	  }
      .fancy .tr { background-image: url("../images/fancy_tr.png"); top: 0; right: 0; height: 100%; }
      .fancy .bl { background-image: url("../images/fancy_bl.png"); bottom: 0; left: 0; width: 100%; }
	  * html .fancy .bl { padding-left: 24px; }	/* "reset" padding on outer element */
      .fancy .br { background-image: url("../images/fancy_br.png"); bottom: 0; right: 0; }

a { color: #000080; text-decoration: underline; }


/* Flash headings */

.subpage #body-container .header h2,
.listing .content h5,
.full-listing .title h5,
.full-listing .overview .address h6 {
	font-family: Garamond, Times, serif;
}

.homepage .home-content .intro h2,
.homepage .more-info a,
.sub-title-container .sub-title h3,
.sub-content h4,
.full-listing .detail .heading h4,
.full-listing .overview .price h6,
.listing .fancy h6 {
	font-family: "Century Gothic", Helvetica, sans-serif;
}