/* - - - - - - - - - - - - - - - - - - - - -
Title : MPRISweb - Global Styles
- - - - - - - - - - - - - - - - - - - - - */


/* Basic Styles */
html, body, p, h1, h2, h3, h4, h5, h6, div, ul, li, dl, dd, dt, form, img{ margin: 0; padding: 0; }

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, sans-serif;
 	font-size: 72%;
	color: #fff;
	background-color: #000;
	text-align: center; /* making IE5 submit */
}

h1 {
	font-family: georgia, times, serif;
 	font-size: 2em;
	font-weight: normal;
	letter-spacing: 0.02em;
	text-align: left;
	color: #fff;
	margin: 10px 0 5px 0;
}

h2 {
	font-family: georgia, times, serif;
 	font-size: 2.0em;
	font-weight: normal;
	letter-spacing: 0.01em;
	color: #d7c49b;
	margin: 20px 0 5px 0px;
	text-align: left;
}

h3 {
	font-family: georgia, times, serif;
 	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.01em;
	color: #fff;
	margin: 20px 0 5px 0px;
	text-align: left;
}

h4 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, sans-serif;
 	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0.01em;
	margin: 5px 0 2px 0;
	text-align: left;
	color: #d7c49b;
}

p {
	line-height: 1.3em;
	margin-bottom: 10px;
}

a {
	color: #d7c49b;
}

a:hover {
	color: #fff;
	text-decoration: none;
}

a img {
	border: none;
}

input.text {
	border: 1px solid #4e4e4e;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, sans-serif;
 	font-size: 1.0em;
	padding-left: 3px;
}

input:focus {
	border: 1px solid #fff;
	background: #d7c49b;
}

input.submit {
	border: 2px solid #fff;
	background: #d7c49b;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, sans-serif;
 	font-size: 1.0em;
	font-weight: bold;
	padding: 4px;
}



/* Header Styles */

#header {
	width: 100%;
	z-index: -100;
}

#header .content {
	width: 900px;
	height: 86px;
	margin: 0 auto;
}

#header .logo img {
	float: left;
	width: 224px;
	padding-top: 14px;
	z-index: 1;
}

#header .search img {
	float: right;
	margin-top: 0;
}

#headerLine {
	width: 100%;
	background: url(/Images/headerLine.jpg);
	z-index: 110;
}



/* Navigation Tabs in Header */
#menuContainer {
	float: right; 
	margin-right: 10px; 
	margin-top: -26px;
}

#menu {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	top: 0;
}

#menu li {
	float: left; 
	padding: 0; 
	margin: 0 1px 0 0; 
	position: relative; 
	width: 116px; 
	height: 26px; 
	z-index: 100;
}

#menu li dl {
	position: absolute; 
	top: 0; 
	left: 0; 
	height: 26px;
}

#menu li a, #menu li a:visited {text-decoration: none;}

#menu li dd {display: none;}

#menu dt:hover {
	background: url(/Images/navTabOn.jpg) no-repeat; 
	display: block; 
	color: #fff;
}

#menu li:hover dt {
	background: url(/Images/navTabOn.jpg) no-repeat;
}

#menu li:hover, #menu li a:hover {
	border: 0;
}

#menu li:hover dd, #menu li a:hover dd {
	display: block;
}

#menu table {
	border-collapse: collapse; 
	padding: 0; 
	margin: 0; 
	font-size: 1em;
}

#menu dl {
	width: 112px; 
	margin: 0; 
	padding: 0; 
	background: url(/Images/navTab.jpg) no-repeat bottom left; 
	text-align: center; 
	cursor: pointer;
}

#menu dt {
	margin: 0; 
	padding: 0px; 
	font-size: 1.0em;
	color: #fff;
}

#menu {
	background: url(/Images/navTab.jpg);
}

#menu dd {
	margin: 0; 
	padding: 0; 
	color: #fff; 
	font-size: 1em; 
	text-align: left;
}

.item dt a, .item dt a:visited {
	display: block; 
	color: #000; 
	width: 100%; 
	height: 20px; 
	padding-top: 6px;
}
.item dd a, .item dd a:visited {
	color: #000; 
	text-decoration: none; 
	display: block; 
	padding: 4px 5px 4px 20px;
	background: #f7e8ca url(/Images/arrow.gif) no-repeat 9px 8px; 
	width: 125px;
}

.item dt a:hover, .item dt:hover dd {
	color: #fff;
}

.item dd a:hover {
	background: #d7c49b url(/Images/arrowOn.gif) no-repeat 11px 8px; 
	color: #000;
}




/* STRUCTURAL STYLES */

#photoBar {
	width: 100%;
	height: 142px;
	background: url(/Images/photobarBkgrd.jpg) repeat-x;
	margin-bottom: 6px;
}

#photoBar img {
	margin: 0 auto;
}


#mainContent {
	width: 900px;
	margin: 0 auto;
	text-align: center; /* making IE5 submit */
}

#mainContent p {
 	font-size: 1.1em;
	text-align: left;
}

#mainContent td, #mainContent li, .testimonialAuthor, .testimonialLocation {
 	font-size: 1.1em;
}


/* Home Page-Specific Styles */


.homeLeftCol {
	float: left; 
	margin: 0 30px 0 0;
}

.homeLeftCol {
	width: 540px;
}

#homeTools {
	width: 100%;
	padding: 6px 0 6px 0;
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	border-top: 1px solid #d7c49b;
/*	border-bottom: 1px solid #d7c49b;	*/
}

#homeTools td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
}

#homeTools td.icon {
	padding-top: 8px;
}

/* Featured Property Rollovers */

#homeRightCol {
	float: right; 
	margin: 20px 0;
}

#homeRightCol {
	width: 320px;
}

.homeProperties {
	border: 1px solid #969696;
	background-color: #4b4b4b;
	text-align: left;
	padding: 10px;
	margin-bottom: 20px;
}

.propertyRow {
	padding: 5px 0 25px 0;
	line-height: 1.2em;
	height: 105px;
}

/* Phase Step */
.featuredProp {
	width: 141px;
	height: 56px;
	float: left;
	text-decoration: none;
	position: relative;
	z-index:24;
}

.featuredProp img {
	border: 1px solid #fff;
}

.rightCol{
	margin-left: 12px;
}

.featuredProp:hover {
	z-index:25;
}

.rollover {
	display: none;
}

.rollover p {
	font-size: 0.9em;
	margin: 5px 0;
	padding: 0;
	color: #000;
}

.rollover h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	color: #000;
}

.featuredProp:hover .rollover {
	display: block;
	position: absolute;
	width: 160px;
	background: #d7c49b;
	padding: 10px;
	text-align: left;
	border: 1px solid #b8bba5;
	top: 6px;
	left: 6px;
	/* z-index: 100; */
}

.featuredProp:hover .large {
	width: 275px;
}

.featuredProp:hover .last {
	left: -95px;
}


/* PULLQUOTE */

.pullquote {
	font-family: georgia, times, serif;
 	font-size: 1.5em;
	font-style: italic;
	font-weight: normal;
	line-height:1.2em;
	margin:2px;
	background: url(/Images/quoteClose.jpg) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 5px 30px 10px 0px;
}

.pullquote:first-letter {
	padding: 5px 2px 10px 40px !important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
}

.pullquoteContainer {
	background: url(/Images/quoteOpen.jpg) no-repeat left top !important;
	background /**/: url(); /* removing quote graphic in IE5+ */
	border-top: 1px solid #d7c49b;
	border-bottom: 1px solid #d7c49b;
}

.pullquoteContainer .pullquoteAttribution {
	text-align: right;
	font-style: italic;
}

div.sidebar .pullquote {
	background: url(/Images/quoteCloseGrey.jpg) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
}

div.sidebar .pullquoteContainer {
	background: url(/Images/quoteOpenGrey.jpg) no-repeat left top !important;
	background /**/: url(); /* removing quote graphic in IE5+ */
}


/* Content Styles - General */

.listingSublinks {
	float: right; 
	margin: 10px 0 0 0;
}

.listingButtons {
	text-align: center;
	margin: 20px 0 0 0;
}

.twoColLeft {
	float: left; 
	margin: 0 30px 0 0;
}

.twoColLeft {
	width: 600px;
}

.twoColRight {
	float: right; 
	margin: 0px 20px 0 0;
	width: 240px;
}

.sidebar {
	float: right; 
	margin: 20px 0;
}

.sidebar {
	width: 240px;
	border: 1px solid #969696;
	background-color: #4b4b4b;
	padding: 10px;
	text-align: left;
}

.listingPhoto {
	float: left; 
	margin: 50px 30px 0 0;
}

.listingPhoto {
	width: 320px;
}

.listingPhoto img {
	border: 2px solid #d7c49b;
}

.listingDetails {
	float: right; 
	margin: 20px 0;
	position: relative;
}

.listingDetails {
	width: 520px;
	text-align: left;
}

.listingDetails h1 {
	font-family: georgia, times, serif;
 	font-size: 1.6em;
	font-weight: normal;
	letter-spacing: 0.02em;
	color: #fff;
	margin: 10px 0 5px 0px;
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #d7c49b;
}

.listingDetails h2 {
	font-family: georgia, times, serif;
 	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0.03em;
	color: #fff;
	margin: 20px 0 5px 0px;
	text-align: left;
	padding-bottom: 3px;
	border-bottom: 1px solid #d7c49b;
}

.listingDetails p {
	margin: 0 0 5px 0;
}

.listingDetails .label {
	color: #d7c49b;
}

.listingDetails .leftCol {
	float: left; 
	margin: 0 20px 0 0;
}

.listingDetails .leftCol {
	width: 240px;
	text-align: left;
	line-height: 1.5em;
}

.listingDetails .rightCol {
	float: left; 
	margin: 0;
}

.listingDetails .rightCol {
	width: 240px;
	text-align: left;
	line-height: 1.5em;
}

.listingDetails ul {
	list-style-type: square;
	margin-bottom: 10px;
}

.listingDetails ul li {
	margin-left: 20px;
}

table.data {
	font-size: 0.9em;
	margin-top: 10px;
	width: 100%;
}

table.data thead tr th {
	background-color: #4b4b4b;
	color: #fff;
	padding: 6px;
}

table.data thead tr th a {
	color: #fff;
}

table.data tfoot tr th {
	background-color: #e6d3a9;
	text-align: center;
	padding: 4px;
}

table.data caption {
	font-size: 1.2em;
	padding-bottom: 0;
	text-align: left;
}

table.data tbody td, tbody th {
	padding: 6px 4px;
	background: #fff;
	color: #4b4b4b;
}

table.data tbody td a, tbody th a {
	color: #4b4b4b;
}

table.data tbody td a:hover, tbody th a:hover {
	color: #4b4b4b;
}

table.data tbody td.rowhead, tbody th.rowhead {
	text-align: left;
	white-space: nowrap;
}

table.data tbody tr.altRow th, tbody tr.altRow td {
	background-color: #ecdcba;
}

table.form {
	margin-top: 10px;
	text-align: left;
}

table.form td {
	padding: 5px;
}

table.form td.label {
	text-align: right;
}



.left {
	float: left;
}

.right {
	float: right;
}



/* Footer Styles */

#footer {
	width: 900px;
	margin: 0 auto;
	margin-top: 5px;
	font-size: .9em;
	border-top: 1px solid #d7c49b
}

#footer p {
	text-align: right;
	padding-top: 6px;
}


/* Clearfixorama */

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}  

.clearfix { 
	_height: 1px; 
}

br {
	clear: both;
}



/* Extended styles */
#mainContent {
	text-align: left;
}

div.Dialog {
	margin: 20px 20% 20px 20%;
	width: 60%;
	text-align: left;
}

div.Dialog div.Title {
	background-color: #4b4b4b;
	color: #ffffff;
	padding: 6px;
	font-weight: bold;
	font-size: 1em;
}

div.Dialog div.Body {
	padding: 6px 4px;
	background: #ffffff;
	color: #4b4b4b;
	border-left: 2px solid #ecdcba;
	border-right: 2px solid #ecdcba;
	border-bottom: 2px solid #ecdcba;
}

div.Dialog div.Body a {
	color: #4b4b4b;
}

div.Body ul {
	padding-left: 20px;
}

div.adminAddLink {
	float: right;
	width: 30%;
/*	margin-top: -1em; */
	margin-bottom: -1em;
	margin-right: 4px;
	text-align: right;
}

textarea.text, select {
	border: 1px solid #4e4e4e;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida", Verdana, sans-serif;
 	font-size: 1.0em;
	padding-left: 3px;
}

textarea.text:focus, select:focus {
	border: 1px solid #fff;
	background: #d7c49b;
}

td {
	vertical-align: top;
}

td.required {
	font-weight: bold;
}

.newsItemDate {
	font-weight: bold;
	color: #d7c49b;
}

table.propertyDisplay {
	font-size: 0.9em;
	margin-top: 10px;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

table.propertyDisplay tbody td {
	background-color: #ffffff;
	color: #4b4b4b;
	text-align: center;
}

table.propertyDisplay tbody td:hover {
	background: #ecdcba;
}

table.propertyDisplay tbody td a {
	display: block;
	color: #4b4b4b;
	padding: 6px 10px;
	text-decoration: none;
	margin: 0px;
}

table.propertyDisplay tbody td a:hover {
	color: #4b4b4b;
}

table.osCalc {
	font-size: 0.9em;
	margin-top: 10px;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

table.osCalc thead tr th {
	background-color: #4b4b4b;
	color: #fff;
	padding: 6px;
}

table.osCalc tbody td, tbody th {
	padding: 6px 4px;
	background: #fff;
	color: #4b4b4b;
}

table.osCalc tbody tr.altRow th, table.osCalc tbody tr.altRow td {
	background-color: #ecdcba;
}

table.osCalc tbody td.total {
	font-weight: bold;
}

table.tabbed {
	width: 90%;
	height: 285px;
	border: 1px solid #000000;
	margin-top: 0px;
}

div.tabBar {
	width: 90%;
	margin-bottom: 0px;
}

div.tabBar div.tab {
	background-color: #ecdcba;
	padding: 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	float: left;
	margin-bottom: -1px;
}

div.tabBar div.selectedTab {
	background-color: #000000;
	color: #ffffff;
	padding: 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	float: left;
	margin-bottom: -1px;
}

div.tabBar div.lastTab {
	border-right: 1px solid #000000;
}

div.tabBar div.tab a {
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

div.tabBar div.selectedTab a {
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
}

.propertyRow a img {
	width: 100px;
	height: 105px;
}

span.propertyDetailsLink {
	text-decoration: underline;
	color: #000;
	cursor: hand;
}

span.propertyDetailsLink:hover {
	text-decoration: none;
	color: #fff;
}

table.data td {
	text-align: left;
}

div.testimonialAuthor {
	color: #d7c49b;
}

div.testimonialLocation {
	font-style: italic;
	color: #d7c49b;
}

dfn {
	border-bottom: 1px dashed #000000;
	font-style: normal;
	cursor: help;
	position: relative;
	z-index: 20;
}

dfn div.dfnText {
	display: none;
	border: 1px solid #000000;
	background-color: #d7c49b;
	padding: 4px;
	float: left;
	width: 500px;
	position: absolute;
	top: -79px;
	left: -100px;
	z-index: 25;
	font-weight: normal;
}

dfn:hover div.dfnText {
	display: block;
}

img.bio {
	width: 100px;
	height: 150px;
	border: 2px solid #d7c49b;
	float: left;
}

div.bio {
	float: right;
	margin-top: -8px;
	margin-left: 8px;
	margin-bottom: 8px;
	width: 480px;
}

ul {
	margin-bottom: 10px;
}

ul li {
	list-style-type: disc;
	margin-left: 20px;
}

table.clientList {
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}

table.clientList tbody td {
	padding: 6px 4px;
	border: 1px solid #fff;
}


.Error {
	color: #ff0000;
}

br.clear {
	clear: both;
}