@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 180%;
	color: #fff;
}
/*Table of Contents
___________________________________________
I		text and defaults
II		colors
III		layout
IV		page specific layout
		a)	home page
		b)	about us page
		c)	agents page
		d)	properties for sale page
		e)	properties sold page
		f)	resource pages
		e)	contact page
		f)	privacy page

___________________________________________
/*

/*text and defaults*/

p {
	margin-bottom: 1.4em;
	font-size: 1.3em;
}

br {
	margin-bottom: 1.4em;
}

p br, li br {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.4em;
}

li {
	font-size: 1.3em;
}

ul {
	list-style: none;
}

ul.bullets {
	list-style: disc;
	margin: 0 0 1.4em 14px;
}

ol {
	margin: 0 0 1.4em 14px;
}

a {
	text-decoration: none;
	color: #fff;
}

table {
	
}

input, textarea {
	padding: 2px;
}

a:visited {
	color: #fff;
}

a:hover {
	text-decoration: underline;
	color: #f1e3c5;
}

a:active {
	text-decoration: underline;
	color: #fff;
}

h1 {
	color: #f1e3c5;
	margin: 1em 0;
	font-size: 2em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.4em;
}

h4, h5, h6 {

}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.inviz { /*dynamic class for hiding any element while loading it*/
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
	height: 1px !important;
}

p.author {
	text-transform: uppercase;
	font-size: 1.1em !important;
}

p.quotation {
	font-size: 1.3em !important;
}

/*colors*/
.brown {
	background-color: #54301a;
}

.lightbrown {
	background-color: #956841;
}

.lighterbrown {
	background-color: #c09f81;
}

.red {
	background-color: #bf311a;
}

.tan {
	background-color: #f1e3c5;
}

img, fieldset {
	border: none;
}

/*layout*/

#wrapper {
	width: 990px;
	margin: 0 auto 20px;
}

#header {
	height: 102px;
	position: relative;
}

	a#home {
		text-indent: -9999px;
		display: block;
		float: right;
		width: 135px;
		height: 94px;
		margin-top: 3px;
		background: url(/images/logo.png) no-repeat;
	}

	ul#nav {
		position: absolute;
		width: 765px;
		height: 3.6em;
		left: 0;
		bottom: 0;
	}
	
	ul#nav li {
		display: inline;
		position: relative;
	}
	
	#nav li {
		color: #775030;
	}
	
	#nav li a, #nav li a:visited {
		text-transform: uppercase;
		color: #775030;
	}
	
	#nav li a:hover, #nav li a:focus, #nav li a.active {
		color: #cf6553;
		text-decoration: none;
	}
	
	ul#nav ul {
		position: absolute;
		bottom: -26px;
		_bottom: -2px;
		padding-top: 8px;
		height: 25px;
		width: 350px;
		left: 0;
		display: none;
	}
	
	ul#nav li:hover ul, ul#nav li.beinghovered ul {
		display: block;
	}
	
	ul#nav ul li {
		font-size: 1em;
	}
	
	ul#nav ul li a, ul#nav ul li a:visited {
		text-transform: none;
	}
	
	li.spacing {
		padding: 0 5px;
	}

#page {
	clear: both;
	overflow: hidden;
	zoom: 1;
	position: relative;
}

#main {
	float: left;
}

#sidebar {
	float: right;
}

.main {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

.sidebar {
	float: left;
	clear: both;
}

.sidebar li, .sidebar dd, .sidebar p {
	font-size: 1.3em;
}

.sidebar dd p {
	font-size: 1em !important;
}

/*page specific layout*/

/*home page*/
.index #main {
	width: 780px
}

.index #main .inner {
	padding: 5px 30px 6px;
}

.index #main p {
	font-size: 1.3em;
	line-height: 210%;
}

.index #page {
	background: url(/images/faux.gif) top left repeat-y;
	position: relative;
}

.index #sidebar{
	width: 200px;
	position: relative;
	padding-bottom: 21px;
}

.index #sidebar a, .index #sidebar p, .index #sidebar h4 {
	color: #582700 !important;
}

.index #sidebar h4 {
	font-size: 13px;
}

.index #sidebar h3 {
	color: #bf311a;
	font-size: 14px;
	margin-bottom: 10px;
}

.index #sidebar p {
	font-size: 11px;
}

.index #sidebar .photo img {
	width: 200px;
	height: 150px;
}

.index #sidebar .inner {
	padding: 10px;
}

.index #banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #582700;
	height: 305px;
	border-bottom: 3px solid #fff;
}

.index #slideshow {
	height: 270px;
	_height: 269px;
	width: 100%;
	border-top: 3px solid #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.index #slideshow div {
	padding: 75px;
	width: 860px;
	position: absolute;
}

.index #slideshow p {
	font-size: 2.5em;
	line-height: 180%;
}

.index #mask, .index #under {
	position: absolute;
	height: 270px;
	width: 100%;
	bottom: 0;
	z-index: 1;
	left: 0;
}

h2#slugline {
	margin-left: 20px;
	font-size: 18px;
	height: 30px;
	line-height: 30px;
}

.index #featured {
	padding-bottom: 20px;
	height: 265px;
	_height: 262px;
}

.index #featured .slide {
	/*width: 368px;*/ /*what?*/
	width: 200px;
}

.index #navbar {
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 200px;
	text-align: center;
	font-size: 1.3em;
	height: auto;
	background: none;
	padding: 2px 0 1px 0;
	background: #d0c4ab;
	z-index: 100;
}

.index #navbar a {
	background: url(/images/window.png) no-repeat;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 9px;
	width: 10px;
	margin: 2px;
}

.index #navbar a.activeSlide {
	background: url(/images/window-active.png) no-repeat;
}

.index a.more-info, .index a.more-info:visited {
	text-decoration: underline;
}

.index a.more-info:hover, .index a.more-info:active {
	text-decoration: none;
}

.index .photo a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}

/*about us page*/

.about #page {
	background: url(/images/faux2.gif) top left repeat-y;
}

.about .main {
	width: 556px;
	background: #bf311a;
}

.about .main img {
	
}

h2#about_us {
	background: #f1e3c5;
	padding-top: 40px;
	text-align: center;
	color: #582700;
	padding-bottom: 10px;
	font-size: 2.2em;
}

.about .sidebar {
	width: 380px;
	background: #582700;
	padding: 25px 0 25px 25px;
}

.about .sidebar strong {
	display: block;
	color: #bf311a;
	text-transform: uppercase;
	margin-top: 30px;
	font-weight: normal;
}

.about .sidebar p {
	color: #eae4df;
	line-height: 125%;
}

.about .main p {
	font-size: 1.3em;
}

.about .main .inner {
	padding: 14px 30px;
	border-top: 3px solid #fff;
}

.about .tan * {
	color: #000;
}

/*agents page*/
.agents #page {
	background: #582700;
}

.agents .main {
	width: 558px;
	background: #f1e3c5;
	position: relative;
	border-left: 2px solid #fff;
}

#dynamic-content, #dynamic-content a, #dynamic-content p {
	color: #000;
}

.agents .sidebar {
	width: 400px;
	position: relative;
	z-index: 20;
}

.agents .sidebar .superagent {
	width: 80px;
	height: 90px;
	_height: 100px;
	margin: 8px 2px;
	float: left;
	text-align: center;
	line-height: 130%;
	_overflow: hidden;
}

.agents .sidebar img {
	height: 70px;
	width: 70px;
	display: block;
	margin: 0 auto;
	opacity: .5;
	filter: alpha(opacity=50);
}

.agents .sidebar a {
	outline: none;
}

.agents .sidebar a:hover img, .agents .sidebar a:focus img, .agents .sidebar a.bright img, .agents .default a img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.agents .default a:hover img, .agents .default a:focus img {
	opacity: .5;
	filter: alpha(opacity=50);
}

.agents .sidebar .inner {
	padding: 25px 0 60px 44px;
}

.agents .main .inner {
	padding: 0 40px;
}

.agents .main h1 {
	color: #582700;
	margin-bottom: 8px;
}

.agents .main h3, #agents h3, #agents_intro strong {
	color: #bf311a;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
}

.agents .main h3 {
	text-transform: uppercase;
}

#agents_intro * {
	color: #000 !important;
}

#agents_intro strong {
	color: #bf311a !important;
	font-size: 1em;
	text-transform: uppercase;
	display: block;
}

#agents_intro h3 {
	color: #bf311a !important;
}

#agent_footer {
	position: absolute;
	clear: both;
	z-index: 10;
	background: #bf311a;
	bottom: 0;
	right: 0;
	width: 478px;
	padding: 20px 40px 10px 40px;
	color: #fff;
}

/*properties for sale page*/

.properties-for-sale .main, .agents-page .main {
	width: 400px;
	margin-bottom: 2px;
	background-color: #bf311a;
}

.properties-for-sale .main .inner, .agents-page .main .inner {
	padding: 10px 36px;
	clear: both;
}

#property-image {
	width: 400px;
	padding: 0;
}

.properties-for-sale .sidebar, .agents-page .sidebar {
	width: 588px;
	background-color: #54301a;
	margin-bottom: 2px;
}

#property-panel {
	padding: 0 22px;
	width: 544px;
	background-image: url(/images/indicator.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
}

.properties-for-sale .top, .agents-page .top {
	height: 300px;
}

.properties-for-sale .sidebar td, .agents-page .sidebar td {
	background-color: #54301a;
}

.properties-for-sale .top p, .properties-for-sale .top a, .agents-page .top p, .agents-page .top a {
	font-size: 13px;
}

.properties-for-sale .top h1, .agents-page .top h1 {
	color: #f1e3c5;
}

.properties-for-sale td, .properties-for-sale th, .agents-page td, .agents-page th {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 2px 4px;
}

.properties-for-sale tr.highlighted td, .properties-for-sale tr.quickhighlight td, .agents-page tr.highlighted td, .agents-page tr.quickhighlight td {
	background-color: #956841;
}

.properties-for-sale tr.selected td, .agents-page tr.selected td {
	background-color: #c09f81 !important;
}

.properties-for-sale tr.red th a:hover, .agents-page tr.red th a:hover {
	text-decoration: none;
}

.selectproperty {
	background: url(/images/box.gif) center center no-repeat;
}

.highlighted .selectproperty, .quickhighlight .selectproperty {
	background: url(/images/box2.gif) center center no-repeat;
}

.selected .selectproperty {
	background: url(/images/box3.gif) center center no-repeat !important;
}

.highlighted .selectproperty:hover, .quickhighlight .selectproperty:hover {
	background: url(/images/box4.gif) center center no-repeat #956841;
}

.red th a {
	background: url(/images/arrows.png) right center no-repeat;
}

th a.up {
	background: url(/images/up.png) right center no-repeat;
}

th a.down {
	background: url(/images/down.png) right center no-repeat;
}

#property-image {
	background: url(/images/loading.gif) center center no-repeat #bf311a;
	_overflow: hidden;
}

#property-image.noimage {
	background: #bf311a;
}

#property-image img {
	height: 100%; /*streeeeeeeetchy*/
	width: 100%;
}

#property-list a:hover {
	text-decoration: none;
	color: #fff;
}

#property-list tr {
	cursor: pointer;
}

#property-list td.price {
	text-align: right;
	padding-right: 25px;
}

#property-list td.type {
	text-align: right;
	padding-right: 46px;
}

#lower-panel {
	overflow: hidden;
	background: url(/images/faux.png) top left repeat-y #fff;
	clear: both;
}

.thumbnail {
	height: 42px;
	width: 56px;
}

a:hover .thumbnail {
	opacity: .8;
	filter: alpha(opacity=80);
}

.properties-for-sale .thumbnail, .agents-page .thumbnail{
	border: 1px solid #fff !important;
	border-right: none !important;
	border-top: none !important;
	float: right;
}

#specs strong {
	font-size: 1.3em;
}

#specs p strong, #specs li strong {
	font-size: 1em; /*idiot proof*/
}

#specs strong strong { /*super idiot proof*/
	font-size: 1em;
}

.properties-for-sale a .seventh, .agents-page a .seventh {
	border-left: 2px solid #fff !important;
}



a.request-button {
	width: 210px;
	background: #bf311a;
	display: block;
	padding: 2px 4px;
	margin-top: 4px;
}

a.request-button:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	text-decoration: none;
}

#request-form {
	padding: 10px;
}

table.information {
	margin-bottom: 1.4em;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	width: 100%;
}

#request-form h3 {
	text-transform: uppercase;
	font-size: 1.3em;
	margin-bottom: 12px;
}

#request-form form {
	padding: 10px;
}

#request-form div {
	width: 49%;
}

#request-form input.field {
	width: 100%;
}

#property-request {
	padding: 10px;
	width: auto !important;
}

#request-form .right .info{
	padding: 15px;
	padding-bottom: 0;
}

#map-canvas {
	min-height: 440px;
	_height: 440px;
	position: relative;
}

#map-canvas .inner {
	padding: 10px;
}

a.birds-eye, a.birds-eye:visited, a.map-view, a.map-view:visited {
	color: #54301a;
	text-decoration: underline;
}

a.birds-eye:hover, a.birds-eye:active, a.map-view:hover, a.map-view:active {
	color: #54301a;
	text-decoration: none;
}

.VE_Pushpin_Popup_Title span {
	font-weight: normal !important;
	display: block;
	margin-top: 8px;
}

.MSVE_PoweredByLogo {
	display: none !important;
}

#MSVE_navAction_leftBackground, #MSVE_navAction_compassBackground, #MSVE_navAction_topBackground, #MSVE_navAction_topBackground {
	background-color: #bf311a !important;
}



#close-map {
	position: absolute;
	right: 2px;
	top: 13px;
	padding: 4px;
	border: 1px solid white;
	background: #bf311a;
	z-index: 1000;
}

#my-type, #status {
	text-transform: capitalize;
}

/*properties sold page*/

.properties-sold .main {
	width: 400px;
	margin-bottom: 2px;
	background-color: #582700;
}

.properties-sold .main .inner {
	padding: 10px 36px;
	clear: both;
}

.properties-sold .sidebar {
	width: 588px;
	background-color: #bf311a;
	margin-bottom: 2px;
}

.properties-sold .top {
	height: 300px;
}

.properties-sold .sidebar td {
	background-color: #bf311a;
}

.properties-sold .top p, .properties-sold .top a {
	font-size: 13px;
}

.properties-sold .top h1 {
	color: #f1e3c5;
}

.properties-sold td, .properties-sold th {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 2px 4px;
}

.properties-sold tr.highlighted td, .properties-sold tr.quickhighlight td {
	background-color: #956841;
}

.properties-sold tr.red th a:hover {
	text-decoration: none;
}

.properties-sold .thumbnail {
	border: 1px solid #fff;
	border-right: none;
	border-top: none;
	float: right;
}

.properties-sold #property-panel {
	background-image: none;
	/*position: relative;*/
}

.properties-sold .brown th a {
	background: url(/images/arrows2.png) right center no-repeat;
}

.properties-sold .brown th a#year {
	background: none;
}

.properties-sold th a.up {
	background: url(/images/up2.png) right center no-repeat;
}

.properties-sold th a.down {
	background: url(/images/down2.png) right center no-repeat;
}

#yearnav {
	/*position: absolute;
	left: 20px;
	bottom: 0;*/
	width: 544px;
}

#yearnav li {
	display: inline;
}

#yearnav li.first {
	padding-left: 20px;
	padding-bottom: 3px;
	margin-left: -22px;
	display: block;
}

#yearnav li.disc {
	margin: 5px;
}

#yearnav li a.selected {
	font-weight: bold;
}

/*resource pages*/

.announcements #page {
	background: url(/images/faux2.gif) top left repeat-y;
}

.announcements .main {
	width: 556px;
	background: #f1e3c5;}

.announcements .main .inner {
	background: #bf311a;
	padding: 20px;
	border-top: 3px solid #fff;
}

.announcements .main p {
	color: #000;
}

.announcements .main .wrap {
	padding: 0 20px;
}

.announcements .main .inner p {
	padding: 0;
	color: #fff;
}

.announcements .sidebar dt p {
	margin: 0;
}

.announcements .main img {
	border-bottom: 3px solid #fff;
}

.announcements .sidebar {
	width: 380px;
	background: #582700;
	padding: 25px 0 25px 25px;
}

.announcements .sidebar strong, .announcements .sidebar h4, .announcements .main h3 {
	display: block;
	color: #bf311a;
	text-transform: uppercase;
	margin-top: 30px;
}

.announcements .sidebar h4 {
	font-size: 1.3em;
	line-height: 125%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.announcements .sidebar p {
	color: #eae4df;
	line-height: 125%;
}

.announcements .main p {
	font-size: 1.3em;
}

.announcements .main .top {
	background: #f1e3c5;
	margin: 0 !important;
	border-top: none !important;
	padding: 80px 30px 14px;
	color: #000;
}

.announcements .main .top p {
	color: #000;
}

.announcements .sidebar h3 {
	text-transform: uppercase;
	color: #bf311a;
	font-size: 1.4em;
	margin: 0;
	font-weight: normal;
}

h2#resource-heading {
	text-transform: uppercase;
	color: #bf311a;
	font-size: 1.3em;
	margin-bottom: 1.1em;
}

.announcements .top strong {
	display: block;
	color: #bf311a;
	font-weight: normal;
	font-size: 1.3em;
	text-transform: uppercase;
}

.announcements .top p strong {
	font-size: 1em;
}

/*contact page*/

.contact #page {
	background: url(/images/faux2.gif) top left repeat-y;
}

.contact .main {
	width: 556px;
	background: #bf311a;
	padding-bottom: 10px;
	_overflow-x: hidden;
}

.contact .main iframe, #mapit {
	width: 556px;
	height: 500px;
	position: relative;
}

.contact .main img {
	border-bottom: 3px solid #fff;
}

.contact .sidebar {
	width: 402px;
	background: #582700;
	padding: 25px 0 25px 18px;
}

.contact .sidebar p {
	color: #eae4df;
	line-height: 125%;
}

.contact .main .inner {
	margin: 14px 30px;
	
}

.contact input {
	width: 99%;
}

.contact .inner form {
	
}

.contact .inner form p {
	margin-bottom: 10px;
	width: 47.5%;
	float: left;
	_width: 46.5%;
	padding-right: 10px;
}

.contact .sidebar h3, .contact .sidebar dt {
	text-transform: uppercase;
	color: #bf311a;
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
}

.contact .sidebar h3 {
	margin-bottom: 6px;
}

input#contact-submit {
	background: #582700;
	border: none;
	color: #fff;
	cursor: pointer;
	width: auto;
	float: right;
	font-size: 1.4em;
	margin-right: 10px;
	display: inline; /*halt! IE6*/
}

input#contact-submit:hover {/*no IE6 support, but why bother?*/
	opacity: .8;
	filter: alpha(opacity=80);
}

.contact .agents-bio li {
	width: 128px;
	margin-right:5px;
	float: left;
	margin-bottom: 40px;
}

.contact .agents-bio a, .contact .agents-bio a:visited {
	text-decoration: underline;
}

.contact .agents-bio a:hover, .contact .agents-bio a:active {
	text-decoration: none;
}

.contact .agents-bio strong a, .contact .agents-bio strong a:visited {
	text-decoration: none;
}

#message {
	width: 100%;
}

#message textarea {
	width: 96.5%;
	height: 130px;
}

.ssmodtime {
	display: none; /*annoying little message on google map*/
}

/*privacy page*/

.privacy .tan .inner * {
	color: #000;
}

.privacy .tan .inner h1, .privacy .tan .inner strong {
	color: #54301a;
}

.privacy .tan .inner {
	padding: 20px;
}

/*extra*/

#footer {
	clear: both;
	text-align: right;
}

#footer p {
	color: #000;
	font-size: 12px;
}

#footer p a {
	color: #54301a !important;
}

#footer p span {
	font-weight: bold;
	color: #bf311a;
}

a#agents-login, a#agents-login:visited {
	position: absolute;
	right: 12px;
	bottom: 4px;
	color: #fff;
}

a#agents-login:hover {
	color: #cf6553;
}

#login-box input.field {
	width: 150px;
}

#login-box label {
	width: 100px;
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
}

#login-box p {
	margin-bottom: 2px;
	font-size: 12px;
}

#login-box input {
	width: 195px;
	*width: 192px;
}

#login-box input#submit-login {
	float: right;
	background: #bf311a;
	border: none;
	color: #fff;
	clear: both;
	cursor: pointer;
	width: auto;
	margin-right: 10px;
}

a#agents-close {
	height: 20px;
	width: 19px;
	background: url(/images/x.gif) top left no-repeat;
	display: block;
	position: absolute;
	right: 1px;
	top: 1px;
	text-indent: -9999px;
}

a#agents-close:hover {
	background: url(/images/x.gif) bottom left no-repeat;
}

.redirect .inner * {
	color: #000 !important;
}

.redirect .inner a {
	color: #54301a !important;
}

.redirect .inner {
	padding: 20px;
}

a#print-this {
	color: #BF311A;
	position: absolute;
	top: 1px;
	right: 8px;
}