body {
	height:100%; margin:0; padding:0; 
	color:#000; background-color:#900;
	border-style:none; border-collapse:collapse; border:0;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
}
body.home-for-sale-pictures { background-color:#888;}
body.home-for-sale-picture { background-color:#888;}
a:link img { text-decoration:none; border:none;}
a:visited img { text-decoration:none; border:none;}
dl { list-style-type:decimal; }
dt {
	margin:1em 0 0 0;
	font-weight:bold;
	list-style-type:decimal;
}
dd { font:normal normal 1em "New Century Schoolbook", serif; }
h1 {font-size:1.5em;}
h2 {margin-left:0;}
h3 {margin-left:0;}
h4 {margin:0.2em 0;}
table {
	border: 2px solid #000;
	border-collapse: collapse;
}
td {
	border:1px solid #000;
	padding:0.1em 0.5em;
}
div.accent {color:#f00; background-color:#ffd; border:1px #f77 solid; 
    margin:1em 0 0 0; padding:0.5em;}
div.article {
	clear:both;
	margin:1em 0 1em 0;
	padding:1em;
	background-color:#ddd;
}
div.article-with-note {
	margin:0 330px 0 0; padding:1em;
	background-color:#ddd;
}
div.note { 
	float:right; width:300px;
	margin:0; padding:1em;
	background-color:#ddd; 
	border-left:1px solid #000;
	border-bottom:1px solid #000;
}

div.ask-juliana {display:block; clear:both; margin:1em; }
.clear {clear:both; height:0; font-size: 1px; line-height: 0px; }
a.contact-juliana, a.contact-juliana:link { 
  color:#900; background-color:#ccc; text-decoration:none; font-weight:bold;
  padding:0.5em; margin:0; border-style:outset; border-color:#ddd;
  font-size:1em;}
.detail-menu {float:right; text-align:right; width:12em; margin:4px 0 4px 4px; padding:0;}
.detail-menu ul { margin:0; padding:0; }
.detail-menu li {
	float:right;
	width:100%;
	list-style-type:none;
	margin:0; padding:0;
	border-bottom:solid 1px #ccc;
	text-align:center;
	color:#000;
	background-color:#fc9;
}
.detail-menu .active {
	display:block; width:100%; color:#000; background-color:#ffd;
}
.detail-menu a, .detail-menu a:link {
	display:block; width:100%;
	color:#f00; background-color:#ffd; font-size:1em; font-weight:normal; text-decoration:none;
	padding:0; border:none;
}
.detail-menu a:hover {
	font-weight:normal; color:#00f; background-color:#fc9;
}
div#home-for-sale {
	background-color:#fff;
	padding:1em 0;
	margin:0 1em 1em 8em;
	text-align: center;
}
div#home-for-sale h2 {
	font-size:2em;
	font-family: "Times New Roman", Times, serif;
	text-align:center;
}
div#home-for-sale hr { display:block; clear:both;}
div.this-picture ul li { list-style:inside; 
  }
body.home-page div.homes-for-sale {
	float:left;
	width:175px;
	height:180px;
}
.homes-for-sale {
	float:left; width:230px; height:250px; padding:5px; background-color:#ccc; 
	margin-bottom:10px; margin-right:10px; border: 1px solid rgb(0,0,0);
	text-align:center;
}

div.search-widget {
	float:left; width:482px; height:250px; padding:5px; background-color:#ccc; 
	margin-bottom:10px; margin-right:10px; border: 1px solid rgb(0,0,0);
	text-align:center;
}

div.search-widget-text {
	height:100px;
	font-size:1.0em;
	color:#900;
	background-color:#999;
	line-height:1.0em;
	margin:0;
}
.homes-for-sale img {
	border-style:none;
}
.homes-for-sale h3 {
	font-size:1.0em;
	color:#900;
	line-height:1.0em;
	margin:0;
}
.homes-for-sale h4 {
	font-size:0.8em;
	color:#000;
	line-height:1.0em;
	margin-top:0.2em;
	margin-bottom:0.5em;
}
.homes-for-sale h5 {
	font-size:0.7em;
	color:#000;
	line-height:0.7em;
	margin:0.5em 0;
}
.homes-for-sale h6 {
	font-size:0.7em;
	color:#000;
	line-height:0.7em;
	margin:0;
}


.image {float:right; margin:0 0 5px 5px; padding:0; border-style:none; text-decoration:none;}
.image h4,h5 {margin:0; padding-left:1em; font-size:1em;}
.image img {border:none;}
div.juliana-picture {float:right; margin-bottom:1em; background-color:#ddd;}
.juliana-picture h4, .juliana-picture h5{margin:0;}
.left { float:left; }
.more {margin:0; padding:0; display:block; clear:both; text-align:center;}
.more li {
	display:inline; list-style-type:none; margin:0; padding:0; line-height:2em;
	text-align:center; font-weight:normal; color:#000;
}
.more li a, .more li a:link {
	color:#f00; background-color:#ffd; font-size:1em; font-weight:normal; text-align:center; text-decoration:none;
	padding:0 0.5em; 
	border-right:solid 1px #888; border-bottom:solid 1px #888;
}
.more li a:hover {
	font-weight:normal; color:#00f; background-color:#fc9;
}
.more .active {padding:0 0.5em; background-color:#ffd;
	border-left:solid 1px #888; border-top:solid 1px #888;
}
.note-right {
	float:right;
	width:256px;
	margin:0;
	padding:0;
}
.info {
	margin:0 0 1em 0;
	padding:5px;
	background-color:#ddd;
}
.right {float:right;}
.text {
	display:block; float:left; width:50%; margin-left:0.2em; padding:0.5em; text-align:left;
}

#content {
	display:block; clear:both; z-index:10;
	margin-top:10px; padding:1em 2em 1em 8em;  /* last box in container must have margin-bottom:1em */
}
#content p {margin:0 0 0.5em 0;}
#footer {
	position:fixed; bottom:-1px; clear:both;
	height:3em; width:100%; margin:0; padding:0; 
	background:#ddd; color:#000; text-align:center; z-index:20;
	border-top:1px solid #900;
}
#footer h4 {margin:0.2em; font-size:0.9em; font-weight:normal;}
#footer h5 {margin:0.2em; font-size:0.7em; font-weight:normal;}
div#header {
	 height:2.6em; margin:0; padding:0.5em; z-index:20;
	 color:#fff; background:#000; 
	 font-family: arial, verdana, sans-serif;
	 font-size:2em; font-weight:bold;
}
div#header a, #header a:link {
	text-decoration:none; color:#fff; background-color:#000;
}
div#header h1 {
	font-size:1em;
    margin:0;
}
div#header h1 a:hover {color:#ff0;}

h1#title {float:left; margin:0; background-color:#000; }
h1#title a, h1#title a:link {text-decoration:none; color:#fff; background-color:#000}
#juliana {float:right; margin:0; color:#e44; background-color:#000; }
#ask-juliana {float:right; margin:0; color:#e44; background-color:#000; }
h1#juliana a, h1#juliana a:link {
	text-decoration:none; color:#e44; background-color:#000;
}
div#ask-juliana a, div#ask-juliana a:link {
	text-decoration:none; color:#e44; background-color:#000;
}
div#ask-juliana a:hover {color:#ff0;}
span#page-title {display:block; float:left; margin:0; background-color:#000; }
span.ask-juliana-lee {display:block; float:right; margin:0; color:#e44; background-color:#000; }

div.logo {color:#fff; background-color:#000; font-size:1em; margin:0; }
div.logo a:link {color:#fff; text-decoration:none; margin:0; }
div.logo a:visited {color:#fff; text-decoration:none; margin:0; }
div.logo a:hover {color:#ff0; font-size:1.2em; margin:0;}

#menu {
	display:block; position:absolute; top:5em; left:3em;
	padding:0 0 0 1em; margin:0 0 1em; 
	z-index:20;
}
#menu li {
	float:left; list-style-type:none; margin:0;
	text-align:center; font-weight:bold; color:#080; background-color:#ffd;
}
#menu a, ul#menu a:link {
	color:#f00; background-color:#ffd; font-size:1em; font-weight:bold; text-align:center; text-decoration:none;
	padding:0 0.5em; border-right:solid 1px #888;
}
#menu a:hover {
	font-weight:bold; color:#00f; background-color:#fc9;
}
#pad-header {display:block; height:4em;}
#pad-footer {display:block; clear:both; height:3em;}
p.quote { padding-left:3em; }
.real-estate-description {
	text-align:left;
	margin:2em 4em;
}
#real-estate-for-sale-list {
	display:block; clear:both; padding: 10px 0 10px 10px; margin-bottom:1em;
	text-align:center; color:#000; background-color:#fff; text-decoration:none;
}
#real-estate-for-sale-list h2 {line-height:1.5em; color:#900;}
#real-estate-for-sale-list p {padding:1em; margin:0.5em;}
#sales {display:block; clear:both;}
#sales li {display:inline; margin:0 1em 0 0;}

div.next-picture-of-home {
    float:right;
	width:175px;
	height:175px;
	margin-right:3em;
}
div.previous-picture-of-home {
	float:left;
	width:175px;
	height:175px;
	margin-left:3em;
}
ul.picture-navigation, ul.property-navigation  { display:block; clear:both;}
ul.picture-navigation li, ul.property-navigation li { 
    display:inline; 
    padding:10px 0; margin:5px; 
    background-color:#ddd;
	text-decoration:none;
	line-height:4em;
}
ul.picture-navigation li a, ul.property-navigation li a {
    text-decoration:none;
	padding:10px;
}
ul.picture-navigation li a:hover, ul.property-navigation li a:hover {
    background-color:#fc9;
}
ul.picture-navigation h4, ul.property-navigation h4 { 
    display:inline; 
}
.picture-of-home {
	float:left;
	width:175px;
	height:175px;
	padding:5px;
	background-color:#fff;
	margin-bottom:10px;
	margin-left:10px;
	border-style:none;
	text-align:center;
}
.picture-of-home img {
	border-style:none;
}
.picture-of-home h3 {
	font-size:1.0em;
	color:#900;
	margin:0;
}
.picture-of-home a {
	text-decoration:none;
	color:#900;
}
ul.home-details {
	width:640px; margin:auto; padding:10px;
	background-color:#FFC;
	border:0; border-collapse:collapse;
	text-align:left;
}
div.yearly-real-estate-sales {background-color:#fff; text-align:center;}
div.yearly-real-estate-sales h2 {color:#900; font-size:1em; margin:0.5em;}
div.yearly-real-estate-sales li {display:inline; margin:0.5em;}
