/*

main style sheet containing styles universal to all pages

--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #1A3A51;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat, br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #424B5C;
}

a.external {
	background-image: url(../images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

a:hover {
	color:  #3A79BE;
	text-decoration: underline;
}

/*page structure
===========================================*/

#wrapper {
	background: #fff;
	margin: 0 auto;
	padding: 0 10px;
	width: 740px;
}

#content {
	background: url(../images/backgrounds/content.jpg) no-repeat left bottom;
	float: left;
	padding: 20px 0;
	text-align: justify;
	width: 740px;
}

#left {
	float: left;
	overflow: hidden;
	width: 419px;
}

#right {
	float: right;
	text-align: right;
	overflow: hidden;
	padding: 0 0 0 20px;
	width: 301px;
}

/*banner area
===========================================*/

#banner {
	background: #fff;
	float: left;
	width: 740px;
}

marquee {
	border-top: 3px solid #667593;
	padding: 4px 0;
}

/*--navigation--*/

#nav {
	background: url(../images/backgrounds/nav.jpg) no-repeat;
	float: left;
	height: 234px;
	text-align: left;
	width: 419px;
}

#nav-top-row {
	height: 84px;
	overflow: hidden;
	padding: 4px 0 0 0;
	width: 419px;
}

/*--navigational lists--*/

#nav ul {
	color: #437045;
	font-weight: bold;
	font-size: 12px;
	float: left;
}

#nav li {
	background-image: none;
	display: inline;
	float: left;
	height: 17px;
	list-style-type: none;
}	

#nav li a {
	color: #293A4E;
	float: left;
	text-decoration: none;
}

#nav li.current {
	text-decoration: none;
}

#nav li a:hover {
	text-decoration: underline;
	color: #437045;
}

/*--navigational paragraphs--*/

#nav p {
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 0 3px 0;
	width: 167px;
}

#nav p#nav-2, #nav p#area-value {
	width: 240px;
}

#nav p#area-value {
	color: #437045;
	height: 22px;
	padding: 10px 0 0 0;
	text-align: center;
}

#nav p#area-value a {
	text-decoration: none;

}

/*--navigational buttons--*/

#nav #view-all, #nav p#view-all {
	border-right: 4px solid #DBE1EE;
	color: #293A4E;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 64px;
	padding: 20px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 119px;
}

a#view-all:hover {
	background: #F7F8F8;
}

#mls, #nav p#mls {
	color: #293A4E;
	float: right;
	font-size: 12px;
	font-weight: bold;
	height: 72px;
	padding: 12px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 121px;
}

#nav p#mls, #nav p#mls {
	color: #437045;
}

a#mls:hover { background: #fff;}

#mls strong {
	font-size: 10px;
}

/*--general nav--*/

#nav ul#general {
	float: left;
	height: 79px;
	overflow: hidden;
	padding: 5px 0 0 0;
	width: 175px;
}

#nav ul#general li {
	padding: 0 0 2px 0;
}

#nav ul#general li a,
#nav ul#general li.current span {
	margin: 0 8px 0 8px;
	white-space: nowrap;
}

#nav ul#general li#home {
	width: 170px;
}


/*--location nav--*/

#property-location {
	float: left;
	padding: 9px 0 0 8px;
	width: 167px;
}

#nav #property-location p, #property-location p{
	padding: 0;
}

#nav #property-location ul {
	font-weight: normal;
	padding: 0;
}

#nav #property-location ul li {
	clear:both;
	float: left;
	height: auto;
	padding: 1px 0 0 0;
	white-space: nowrap;
}

/*--property type nav--*/


#prop-type {
	float: left;
	height: 102px;
	overflow: hidden;
	padding: 9px 0 0 8px;
	width: 231px;
}

#left #prop-type p,
#prop-type p {
	padding: 0;
}

#left #prop-type ul,
#prop-type ul {
	font-weight: normal;
	padding: 0;
	width: 141px;
}

#left #prop-type ul#shortlist,
#nav #prop-type ul#shortlist {
	font-weight: normal;
	padding: 0;
	width: 90px;
}

#left #prop-type ul li,
#nav #prop-type ul li {
	clear: both;
	height: auto;
	padding: 1px 0 0 0;
	white-space: nowrap;
}

#prop-type ul li#prop-type-header {
	color: #000;
	font-weight: bold;
}

/*--banner right--*/

#banner-right {
	background: url(../images/backgrounds/banner-right.jpg) no-repeat;
	float: left;
	height: 234px;
	position: relative;
	overflow: hidden;
	width: 321px;
}

#logo {
	background: url(../images/backgrounds/logo.gif) no-repeat;
	float: left;
	height: 52px;
	text-indent: -9999px;
	width: 321px;
}

#logo a {
	float: left;
	height: 52px;
	margin: 0 0 0 120px;
	text-indent: -9999px;
	width: 195px;
}

#banner-email, #banner-phone {
	color: #404C59;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	padding: 0 8px 0 0;
	text-align: right;
	width: 313px;
}
#banner-phone {		
	font-size: 14px;
	padding: 2px 8px 0 0;
}

#serving {
	background: url(../images/backgrounds/serving.gif);
	float: left;
	height: 39px;
	position: absolute; bottom: 0; right: 0;
	text-indent: -9999px;
	width: 321px;
}

/*
content area
=======================*/

#content p {
	font-size: 12px;
	text-align: justify;
	line-height: 1.5em;
	padding: 0 12px 12px 6px;
}

#content iframe {
	background-color: transparent;
	border: 0;
	height: 750px;
	position: relative;
	left: 6px;
	width: 718px;
}

#left p.note {
	font-size: .75em;
}

#content ul {
	font-size: 12px;
	text-align: justify;
	padding: 0 0 0 30px;
}

#content ul li {
	list-style-type: none;
	list-style-image: url(../images/backgrounds/li-bg.gif);
	padding: 0 20px 0 0;
}

#content li ul {
    font-size: 100%;
}


/* images */

img.left, img.right {
	border: 3px solid #657594;
	float: left;
	margin: 6px 30px 6px 0;
	position: relative;
	left: 6px;
}

img.right {
	float: right;
	margin: 6px 0 6px 15px;
	position: relative;
	left: -6px;
}

/* images w/captions */

div.caption {
	float: left;
 	height: 245px;
	overflow: hidden;
	padding: 6px 19px 0 6px;
}

.caption img {
	float: left;
	border: 3px solid #657594;
}

#content .caption p {
	clear: left;
	float: left;
	font-size: .7em;
	line-height: 14px;
	padding: 0;
	text-align: center;
	width: 123px;
}


/* quote box styles */

#right div.quote {
	border-top: 2px solid #A1B3C8;
	color: #000;
	float: right;
	font-size: 13px;
	padding: 20px 10px 0 10px;
	width: 281px;
}

#right div.quote p {
	text-align: justify;
	padding: 0 0 15px 0;
}

#right div.quote p.quote-giver {
	position: relative;
	left: 30px;
	text-align: right;
}

div.quote a {
	font-weight: bold;
}

#right div.quote p.startquo {
	color: #83A0BF;
	float: left;
	font-size: 65px;
	height: 30px;
	margin: -15px 0 0 0;
	overflow: hidden;
	width: 25px;
}

#right div.quote p.endquo {
	color: #83A0BF;
	float: right;
	font-size: 65px;
	height: 18px;
	overflow: hidden;
	position: relative;
	left: 5px;
	top: -40px;
	width: 30px;
}

/* testimonials */

blockquote {
	border-bottom: 1px solid #667593;
	padding: 20px 0 0 0;
}

#content blockquote p.pull {
	background-color: #EFEFEF;
	border: 1px solid #667593;
	color: #6D7C99;
	float: right;
	font-weight: bold;
	line-height: 1.2em;
	margin: 5px 0 5px 15px;
	padding: 5px 10px;
	width: 294px;
}

blockquote p.author {
	font-style: italic;
	position: relative;
	left: 10px;
}

/* hilight box (headers may be found in header section)*/

div.hilight {
	background: url(../images/backgrounds/hilight.gif) #F4F4F3 repeat-x top left;
	border: 3px solid #657594;
	color: #454545;
	float: right;
	margin: 0 0 15px 15px;
	position: relative;
	width: 207px;
}

div.sans-header {
	background-image: none;
}

#content div.hilight p {
	clear: both;
	font-size: .8em;
	padding: 10px 0;
	text-align: center;
}

/* search all button on index.html */

a#search-all {
	background: url(../images/backgrounds/search-button.gif) #fff no-repeat top left;
	float: right;
	height: 117px;
	margin: 20px 0 10px 25px;
	position: relative;
	left: -13px; 
	text-indent: -6000px;
	width: 179px;
}

a#search-all:hover {
	background-position: 0 -117px;
}

/* team page */

.team-member {
	color: #666;
	font-size: 12px;
	float: right;
	padding: 0 0 25px 0;
	text-align: right;
}

.team-member img {
	border: 3px solid #667593;
	float: right;
	margin: 0 0 0 10px;
}

.team-member p {
	padding: 5px 0 0 0;
}

#content .team-member ul {
	font-size: 12px;
	text-align: right;
	padding: 0;
}

#content .team-member ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 2px 0;
}


/*headers
===============================*/

h1 {
	color: #437045;
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	line-height: 20px;
	text-align: left;
	padding: 5px 10px 10px 5px;
}

h2 {
	color: #437045;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-weight: bold;
	padding: 13px 6px 5px 6px;
	text-align: left;
}

h3 {
	color: #437045;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	padding: 13px 6px 5px 6px;
	text-align: left;
}

#right h3 {
	border-bottom: 1px solid #A1B3C8;
	color: #58789D;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	margin: 0 0 20px 0;
	text-align: right;
}

h4 {
	color: #434F5B;
	font-size: 12px;
	padding: 13px 6px 0 6px;
	text-align: left;
}

div.hilight h4 {
	background: url(../images/headers/hilight-1.gif) transparent no-repeat 50% 50%;
	float: left;
	height: 32px;
	padding: 0;
	text-indent: -6000px;
	width: 207px;

}

/*FOOTER
===============================*/

#footer {
	background: url(../images/backgrounds/footer.jpg) #fff no-repeat bottom right;
	float: left;
	height: 122px;
	padding: 0 10px;
	width: 720px;
}

#horses {
	background: url(../images/backgrounds/horses.jpg) transparent no-repeat left top;
	float: left;
	height: 104px;
	position: relative;
	top: 9px;
	left: -35px;
	width: 228px;
}

#footer p {
	color: #293A4E;
	font-size: 11px;
	padding: 30px 0 0 0;
	text-align: right;
}


/*
property value page
====================================*/

#right h4 {
	color: #667593;
	font-size: 15px;
	margin: 15px 0 0 0;
	text-align: right;
}

#right p {
	color: #666;
	font-size: .8em;
	padding: 10px 0 20px 16px;
	text-align: justify;
}

#right #value-form fieldset {
	background: #fff;
	border: 1px solid #ccc;
	margin: 0 0 0 20px;
	padding: 0 15px 10px 15px;
	text-align: left;
}

#right #value-form legend {
	border: 1px solid #ccc;
	color: #667593;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}

#content #right #value-form fieldset p {
	font-size: 11px;
	padding: 0;
}

#content #right #value-form ul {
	border-bottom: 1px solid #ccc;
	margin: 0 0 7px 0;
	padding: 10px 0 3px 0;
}

#content #right #value-form ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0 0 7px 0;
}

#right #value-form label {
	color: #434F5B;
	font-weight: bold;
	font-size: 11px;
}

#right #value-form label .required {
	color:#666666;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
}

#value-form input.text, #value-form textarea {
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 2px;
	width: 248px;
}

#value-form img {
	float: left;
	margin: 0 0 0 5px;
}

#right #value-form ul.error {
	background: #FFCFCF;
	border-bottom: 0;
	margin: 7px 0 0 0;
	padding: 10px;
}

#right #value-form fieldset p.success {
	background: #E0EFE1;
	font-size: 12px;
	margin: 20px 0 0 0;
	padding: 10px;
	text-align: center;
}