/* Mystic Isle Realty CSS */
html {
	padding:0px;
	margin:0px;
}
body {
	background-color: #e1ddd9;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:#564b47;
	padding:0px 20px;
	margin:0px;
}
p, pre, h2 {
	padding:10px;
	margin:0px
}
h1 {
	font-size: 11px;
	text-transform:uppercase;
	text-align: right;
	color: #564b47;
	background-color: #90897a;
	padding:5px 15px;
	margin:0px
}
h2 {
	font-size:14px;
	padding-top:10px;
	text-transform:uppercase;
	color: #999999;
	background-color: transparent;
}

.businessCard {
	border:1px solid black;
	width: 400px;
	height: 170px;
	margin:15px auto 15px auto;
}

.businessCard h1 {
	font-size: 20px;
	padding: 15px;
	text-transform:uppercase;
	
}

.businessCard h3 {
	padding-bottom: 0px;
	margin-bottom: 4px;	
	font-size: 14px;
}

.businessCard h4 {
	padding-top: 0px;
	margin-top: 2px;
	font-weight:normal;
	padding-bottom: 0px;
	margin-bottom: 5px;
	font-size:12px;
}

div#menu h2 {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align:center;
}
a:link,a:visited,a:active {
	background-color:transparent;
	text-decoration: none;
	color:#0000FF;
}
a:hover { text-decoration: underline; color:#0000FF; }
pre {
	color: #564b47;
	font-size: 11px;
	background-color:transparent;
	font-family: Courier, Monaco, Monospace;
}
/*  positioning-layers statisch und absolut */
#menu {
	position: absolute;
	width: 200px;
	left: 20px;
	background-color: #000066;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}
#content {
	margin-left: 200px;
	padding: 10px;
	background-color:#fff;
	overflow: auto;
}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
   padding: 5px 10px; margin: 0 0 1px; border-width: 0;
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #000000; background: #AAA;
   border-right: 5px solid white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
    position: absolute; top: 310px; left: 0; width: 170px;
    padding: 5px; margin: 10px; z-index: 100;
    color: #AAA;
    font: 10px Verdana, sans-serif; text-align: center;}
div#links {
    margin-bottom:50px;
}
hr { height:1px; }
.propTitle {
	width:530px;
	font-weight:bold;
	font-size:18px;
	margin:10px auto 0px auto;
	text-align:center;
	}
.propImage {
	width:530px;
	margin:10px auto 0px auto;
	text-align:center;
	}
.propCaption {
	width:530px;
	font-size:11px;
	text-align:center;
	margin:3px auto 0px auto;
	}
.footer {
	text-align:center;
	font-size:10px;
	color:#999999;
	margin:3px; 
}
#errorsOmmissions {
	text-align:justify;
}
#propPreview {
	text-align: center;
}
#propPreview img {
	border:1px solid black;
}
.hidden {
	display: none;
}
.propWriteup {
	font-size:1.3em;
}
