@import url("base.css");

#content h3 { text-align: center; }
#content .intro p { text-align: center; }

.tour
{
	font-size: 95%;
	font-weight: bold;
	margin: 1em 0;
	text-align: center;
}

ul.models, ul.homes
{
	overflow: hidden;
}

ul.models, ul.models li, ul.homes, ul.homes li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.models
{
	float: left;
	width: 100%;
}

ul.models li, ul.homes li
{
	float: left;
	margin-bottom: 1em;
	padding-bottom: 1em;
	text-align: center;
}

ul.models li
{
	width: 49%;
	height: 15em;
}

ul.models li.solo
{
	width: 100%;
}

ul.homes li
{
	width: 49%;
}

ul.models li a span, ul.homes li a span
{
	display: block;
	font-size: 75%;
}

ul.models > li > a span, ul.homes > li > a span
{
	margin-bottom: 1em;
}

ul.models h3, ul.homes h4
{
	font-size: 95%;
	font-style: italic;
	font-weight: bold;
}

ul.models .tour { font-size: 75%; }

/* Details */
table.images { margin: 0 auto 1em auto; }

table.images td
{
	text-align: center;
	vertical-align: top;
}

#content img { border: 1px solid #128f57; }

.details #content p
{
	/* clear: both; */
	margin-top: 1em;
	text-align: justify;
}

.sold, .price, .mls, .details
{
	font-weight: bold;
	margin: 0 0 1em 0;
	text-align: center;
}

.sold { color: #f00; }

.overview
{
	border: 1px solid #128f57;
	clear: both;
	float: left;
	font-size: small;
	margin: 0 1em 1em 0;
	padding: 0.5em;
	width: 200px;
}

div.details
{
	border: 1px solid #128f57;
	clear: both;
	padding: 0.5em;
}

div.details ul
{
	list-style: none;
	margin: 1em 0 0 0;
	padding: 0;
}

div.details ul li
{
	float: left;
	width: 50%;
}

div.details .spacer { clear: both; }

#large-photo img
{
	display: block;
	margin: 0 auto;
}

.gallery { margin: 1em 0; }

#content .gallery p.instructions
{
	font-size: small;
	text-align: center;
}

.gallery ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.gallery ul li
{
	float: left;
	text-align: center;
	width: 115px;
	height: 85px;
}

#plans, #plans-inverse
{
	float: left;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
}

#plans li, #plans-inverse li
{
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 49%;
}

#plans.large, #plans-inverse.large
{
	width: 100%;
}

#plans.large li, #plans-inverse.large li
{
	float: none;
	margin: 0 0 1em 0;
	width: 100%;
}