@import 'lib/reset.css';
@import 'lib/typography.css';
/*@import 'lib/forms.css';*/
@import 'plugins/clearfix/clearfix.css';

body {
	background:#999999 url('/images/background.png') repeat-x;
	}
	
#content {
	width: 96em !important;
	width: 960px;
	margin:0 auto;
	background:#E2E2E2;
	}

#logo {
	width:20em;
	height:9em;
	float:left;
	position:relative;
	}

#logo h1 {
	display:none;
	}
	
#logo .subhead {
	position: absolute;
	top:40px;
	left:34px;
	margin: 0;
	padding: 0;
	text-indent: -2727px;
	}
#logo h1 {
	display: none;
	}
#logo span.subhead a {
	display: block;
	width: 132px;
	height: 123px;
	padding: 0;
	margin: 0;
	background: url("/images/logo.png") no-repeat 0;
	text-decoration: none;
	}

#navigation {
	width:76em !important;
	width:760px;
	height:9em;
	float:right;
	background:#fff;
	position:relative;
	}

body.interior #navigation {
	background:#CFCDCE;
	}

#navigation ul {
	margin:2.8em 0 0 2em;
	list-style-type:none;
	}
#navigation li {
	float:left;
	}
#navigation a,
#navigation a:link {
	color:#aa110b;
	border-left:1px solid #999;
	padding:5px 15px;
	text-decoration:none;
	font-weight:bold;
	}
#navigation a:hover{
	text-decoration:underline;
	color:#820E07;
	}
	
#mls {
	width:20em;
	height:504px;
	float:left;
	background:#BDB7B7;
	}

#mls p {
	font-size:1.1em;
	line-height:1.5em;
	margin:100px 15px 0 34px;
	}

#mls a,
#mls a:link {
	color:#aa110b;
	}	

#featured {
	width:760px;
	height:504px;
	overflow:hidden;
	float:right;
	}

#listingphoto {	
	width:76em !important;
	width:760px;
	height:505px;
	float:right;
	background:#000;
	overflow:hidden;
	}
	

#quote {
	width:20em;
	height:13em;
	float:left;
	}
#quote p {
	font-family: Palatino, Georgia, "Times New Roman", Times;
	font-size:1.5em;
	line-height:1.2em;
	font-style:italic;
	margin:40px 15px 0 34px;
	}

#copyright {
	width:76em;
	height:13em;
	float:right;
	background:#fff;
	}

#copyright p {
	font-size:1em;
	line-height:1em;
	margin:3.5em 15em 0 3em;
	}
	
	
	
	
#leftnav {
	width:20em;
	float:left;
	}

#leftnav h2 {
	font-size:1.2em;
	color:#aa110b;
	text-transform:uppercase;
	letter-spacing:.2em;
	margin:8em 0 1em 34px;
	}
#leftnav ul,
#mls ul {
	list-style-type:none;
	font-size:1.2em;
	margin:0 1em 0 25px;
	}
#leftnav li,
#mls li {
	margin:0 0 1em 0;
	padding:0 0 0 9px;
	background:url('/images/redarrow.png') no-repeat 0px 6px;
	}
#leftnav li ul {
	font-size:1em;
	font-weight:normal;
	margin-left:1em;
	}
#leftnav li ul li {
	margin-bottom:.5em;
	line-height:1.2em;
	background:url('/images/redarrow.png') no-repeat 0px 2px;
	}	
#leftnav a,
#leftnav a:link {
	color:#000;
	text-decoration:none;
	}
#leftnav a:hover {
	text-decoration:underline;
	color:#333;
	}
#leftnav li.current {
	font-weight:bold;
	}
#leftnav p {
	font-size:1.1em;
	margin-left:34px;
	}
#leftnav select {
	width:80%;
	}
	
#main {
	float:left;
	width:76em;
	width:760px;
	background:#fff;
	padding-bottom:3em;
	}
#main a,
#main a:link {
	color:#aa110b;
	}
	
#main h3 {
	font-size:2.4em;
	margin:.5em 0 .5em 30px;
	font-family:"Palatino Linotype", Palatino, Georgia, Times;
	font-style:italic;
	color:#aa110b;
	}
#main h4 {
	font-size:1.4em;
	margin:1em 0 .7em 30px;
	font-family:"Palatino Linotype", Palatino, Georgia, Times;
	color:#aa110b;
	text-transform:uppercase;
	letter-spacing:.1em;
	}
#main h5 {
	font-size:1.2em;
	margin:-1em 0 1em 30px;
	color:#000;
	text-transform: uppercase;
	}
#main p {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 30px 1em 30px;
	}
#main ul {
	font-size:1.2em;
	line-height:1.5em;
	margin:0 30px 1em 30px;
	}
#main li {
	margin:0 0 1em 0;
	}
#main table {
	font-size:1.2em;
	border-top:1px solid #e3e3e3;
	border-left:1px solid #e3e3e3;
	}

#main td, #main th {
	padding:0 10px;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	vertical-align: top;
	}
#main tr.even td {
	background:#fafafa;
	}
	
#main th {
	text-align:left;
	background: #f3f3f3;
	padding:10px;
	}

#main #leftcontent {
	width:25em;
	float:left;
	}
#main #rightcontent {
	width:25em;
	float:left;
	}
#main .listing {
	border-bottom:1px solid #e3e3e3;
	}
#main .listing p,
#main .listing h4,
#main .listing h3,
#main .listing ul{
	margin-left:195px;
	}
#main .listing img {
	width:150px;
	border:1px solid #e3e3e3;
	background:#f9f9f9;
	margin:10px 0 0 22px;
	}
	
#main .staff {
	width:49%;
	float:left;
	margin:0 0 2em 0;
	}
#main .staff img {
	width:115px;
	height:145px;
	border:1px solid #e3e3e3;
	background:#f9f9f9;
	}
	
#main .staff p,
#main .staff h4,
#main .staff h3 {
	margin-left:160px;
	}
#main table.contact, #main table.contact td {
	border:0px;
	padding:0px;
	vertical-align:middle;
	}

#main table.contact input,
#main table.contact textarea {
	padding:6px;
	border:1px solid #000;
	width:100%;
	}

table.mls_number td.mls_number, table.mls_number th.mls_number,
table.list_price td.list_price, table.list_price th.list_price,
table.bedrooms td.bedrooms, table.bedrooms th.bedrooms,
table.baths td.baths, table.baths th.baths,
table.square_feet td.square_feet, table.square_feet th.square_feet,
table.acres td.acres, table.acres th.acres,
table.virtual_tour_url td.virtual_tour_url, table.virtual_tour_url th.virtual_tour_url
	{
	font-weight:bold;
	}

#thumbnails {
	margin-top:1.6em;
	width:24.8em !important;
	width:245px;
	float:right;
	background: #fff;
	}
#thumbnails img {
	margin-left:1.6em;
	margin-bottom:.9em;
	}

#moreinfo {
	width:230px !important;
	float:right;
	}
#moreinfo p, #moreinfo h4, #moreinfo img {
	margin-left:0;
	}
#moreinfo img {
	margin-right:10px;
	}
#moreinfo input, #moreinfo textarea {
	width:100%;
	}
	
#footer {
	background:#000;
	color:#fff;
	font-size:1.3em;
	padding:7px;
	}
#footer a, #footer a:link {
	color:#fff;
	}
#footer a:hover {
	color:#e3e3e3;
	text-decoration:none;
	}
#footer p {
	margin:0 1em;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.small {
	font-size:90%;
	}