/* ----------- Global Element styles ----------- */

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11px;
	position:absolute;
	width:100%;
	}
	
form {
	margin: 0;
	padding: 0;
	}
	
input.smooth, textarea {
	font-size: 11px;
	border: solid 1px #98ACB3;
	}
	
p, td, ul, div, span {
	}
	
h1, h2 {
	color: black;
	}
	
h1 { font-size: 14pt; border-bottom: solid 1px #e5e5e5; }
	
h2 {
	}
	
h3 { font-size: 14px; margin: 10px 0;
	}
	
td {
	vertical-align: top;
	}
	
a {
	}
	
a:hover {
	}
	
hr {
	}
	
	
/* ------ image, input, and textarea hover styles ------ */
	
input.hover, img.hover, textarea.hover, td.hover {
	filter: alpha(opacity=90);
	opacity: .9;
	}
	
input.hover:hover, img.hover:hover, textarea.hover:hover, td.hover:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	}
	

/* -------- UL / LI heirarchy styles (parent and child) -------- */
	
li {
	margin: 0px 10px;
	}
	
li.no-style {
	list-style-type: none;
	}
	
ul {
	margin: 0px 15px;
	}
	
ul.absolute {
	margin: 0;
	padding: 0;
	}
	
li.list-parent, li.list-child {
	margin: 0px 0px 20px 0px;
	}
	
li.list-parent {
	font-weight: bold;
	}
	
li.list-child {
	margin: 20px 0px 0px 0px;
	font-weight: normal;
	font-size: 10px;
	}
	

/* ---------- main containers ----------- */

#main {
	width: 730px;
	overflow-x: hidden;
	background-repeat: no-repeat;
	text-align: left;
	padding: 80px 17px;
	padding-bottom: 9px;
	background: url('../images/background/body.jpg') no-repeat #79C9F1;
	}

#inner {
	width: 100%;
	min-height: 500px;
	background: url('../images/background/inner.gif') no-repeat white;
	}

#inner #top {
	height: 50px;
	width: 100%;
	background: none;
	}
	
#inner #nav_wrapper {
	width: 100%;
	height: 17px;
	background: url('../images/background/nav.gif') #E2031D;
	}

#inner #content {
	padding: 6px;
	padding-bottom: 5px;
	width: 718px;
	background: none;
	}
	
#inner #content._inner { width: 690px; padding: 20px; }
	
#logo {
	position: absolute;
	margin: -80px 0px 0px -20px;
	width: 179px;
	height: 116px;
	}
	
#pics {
	position: absolute;
	margin: -66px 0px 0px 573px;
	z-index: 10;
	width: 174px;
	height: 180px;
	}
	
	
/* --------- home page -------- */	

#home_layout {
	/*float: left;*/
	}
	
#home_right_layout { 
	float: right;
	}
	
#home_main_layout td, #home_main_layout th {
	border: solid 1px #C7D8E3;
	border-top: none;
	}
	
th {
	color: white;
	padding: 1px 0px;
	}
	
th img {
	vertical-align: bottom;
	}
	
th.background {
	background: url('../images/background/headers.gif') repeat-x #74C6EE;
	border-bottom: none;
	}
	
#home_main_layout td {
	padding: 5px;
	}
	
#home_main_layout .quickSearch {
	width: 125px;
	border: none;
	}
	
#home_main_layout td.quickSearch {
	background: url('../images/background/quick_search.gif') repeat-x #7BCBF2;
	height: 180px;
	}
	
#home_main_layout .content {
	width: 432px;
	font-size: 10px;
	}
	
#home_main_layout td.content img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: solid 1px silver;
	}
	
#home_main_layout td.content p {
	margin-top: 3px;
	padding-right: 10px;
	}
	
#home_main_layout .spacer {
	width: 5px;
	background: none;
	border: none;
	padding: 0px;
	}
	
#home_right_layout {
	margin-top: 48px;
	}
	
#home_right_layout td, #home_right_layout th {
	width: 120px;
	}
	
#home_right_layout td {
	padding: 5px 0;
	}
	
#home_right_layout .agents div img {
	margin-right: 5px;
	float: left;
	}
	
#home_right_layout .spacer { height: 2px; }
	
.he_title {
	font-weight: bold;
	color: red;
	text-transform: uppercase;
	font-size: 11px;
	}
	
	
/* ----------- quick search ----------- */
	
#quickSearch {
	width: 125px;
	color: white;
	}
	
#quickSearch select {
	height: 20px;
	font-size: 11px;
	width: 120px;
	margin-top: 7px;
	}
	
#quickSearch input.webID {
	height: 10px;
	font-size: 11px;
	width: 115px;	
	}	
	
#quickSearch input.submit {
	float: right;
	margin-right: 5px;
	font-size: 11px;
	margin-top: 10px;
	}
	

/* ---------- footer -------- */

#footer { text-align: left; width: 740px; margin-top: 10px; }
#footer .info { float: left; }
#footer .brand img { margin-left: 20px; }
#footer .brand { text-align: right; }
#footer .disclaimer { margin-top: 10px; font-size: 10px; }
		
	
/* -------- search results -------- */

#searchResults-layout td, #searchResults-layout th {
	padding: 10px;
	}

#searchResults-layout th {
	color: #435257;
	font-size: 14px;
	border-top: solid 1px #BBC9CC;
	border-bottom: solid 1px #BBC9CC;
	white-space: nowrap;
	}

#searchResults-layout .area {
	width: 100px;
	}
	
#searchResults-layout .contact {
	padding-bottom: 10px;
	}

#searchResults-layout .no-padding {
	padding: 0px 10px;
	}

#searchResults-layout .small-padding-bottom {
	padding-bottom: 5px;
	}

#searchResults-layout .sr-spacer div {
	width: 100%;
	border-bottom: solid 2px #BBC9CC;
	}
	
.sort_header a {
	text-decoration: none;
	}
	
.sort_header a:hover {
	text-decoration: underline;
	}
	
.sort_header .selectable {
	}
	
.sort_header .selected {
	font-size: 120%;
	}
	
	
/* --------- search form --------- */

#searchType {
	padding-bottom: 5px;
	}
	
#searchType a {
	font-size: 14px;
	padding-right: 50px;
	text-decoration: none;
	}
	
#searchForm-layout td {
	padding-bottom: 20px;
	}
	
input.button, button { background: #ee0000; color: #f5f5f5; border: solid 1px red; cursor: hand; cursor: pointer; border-bottom: solid 1px #7BCBF2; border-right: solid 1px #7BCBF2; }
input.button:hover { background: red; color: white; }
	
	
/* ------- contact page ------- */

#contact-layout .info div {
	float: left;
	width: 45px;
	}
	
#contact-layout .form div {
	margin-bottom: 25px;
	}
	
#contact-layout .form input {
	width: 188px;
	height: 14px;
	}
	
#contact-layout .form textarea {
	width: 300px;
	height: 80px;
	}
	
#contact-layout .form .button {
	width: 72px;
	height: 22px;
	}
	
	
/* -------- property contact form --------- */
	
#propertyContactForm {
	width: 300px;
	visibility: hidden;
	display: none;
	text-align: left;
	}
	
#propertyContactForm div {
	float: left;
	padding: 5px 10px;
	}
	
#propertyContactForm .no-padding {
	padding-left: 0px;
	}
	
#propertyContactForm input {
	width: 120px;
	}
	
#propertyContactForm textarea {
	width: 150px;
	height: 50px;
	float: left;
	}
	
#propertyContactForm .button {
	width: 100px;
	margin-left: 20px;
	}
	
	
/* ------- print page */	
	
#print-layout .main {
	width:385px; /* important */
	}

#print-layout td {
	vertical-align: top;
	}
	
#print-layout .printCol {
	padding: 10px;
	padding-right: 0px;
	border-right: solid 1px silver;
	}
	
#print-layout h3.print {
	margin: 10px;
	border-bottom: solid 1px silver;
	border-top: solid 1px silver;
	background: #ebebeb;
	padding: 2px 5px;
	padding-right: 0px;
	color: #515B56;
	}
	
#print-layout h3.no-margin {
	margin-right: 0px;
	} 
	
.no-y-padding {
	padding: 0px 10px;
	}
	
.no-float {
	float: none;
	}
	
#print-layout div.spacer {
	height: 20px;
	padding-right: 20px;
	border-right: solid 1px silver;
	}
	
#print-layout div.spacer2 {
	height: 10px;
	}
	
#print-layout .info .listHeading,
#print-layout .info .listAmenities,
#print-layout .info .listInfo {
	font-weight: bold;
	width: 120px;
	float: left;
	margin-left: 20px;
	color: #515B56;
	clear: left;
	line-height: 20px;
	}
	
.extra-height {
	line-height: 20px;
	}
	
#print-layout .info .listAmenities,
#print-layout .info .listInfo {
	clear: none;
	width: 95px;
	}

/*#print-layout .info {
	width: 240px;
	}*/
	
#print-layout .info .small-x {
	width: 70px;
	}

#print-layout .description {
	padding-right: 20px;
	border-right: solid 1px silver;
	}
	
#print-layout .cinfo {
	padding-left: 10px;
	padding-right: 20px;
	border-right: solid 1px silver
	}
	
	
/* ---------- Resources Links page ---------- */

#links-layout td {
	padding: 5px 0px;
	}
	
#links-layout td .image {
	float: left;
	padding-right: 10px;
	padding-bottom: 60px;
	}
	
#links-layout td .image img {
	border: double 3px gray;
	}
	
#links-layout td .info {
	padding-right: 20px;
	}
	
	
/* -------- layout for Team and Services pages -------- */
	
table.layout-set {
	width: 100%;
	}
	
table.layout-set .content {
	width: 310px;
	padding-right: 30px;
	}
	
table.layout-set .mini-nav {
	padding-left: 30px;
	}
	
table.layout-set .form {
	width: 310px;
	padding-right: 30px;
	}
	
table.layout-set .info {
	padding-left: 30px;
	}
	

/* --------- listing details ------- */

#details-layout {	
	width: 100%;
	margin-bottom: 20px;
	}
	
#details-layout .contact td {
	border-top: solid 1px #BBC9CC;	
	padding-top: 20px;
	}
	
#details-layout td h3 {	
	margin-bottom: 5px;
	}
	
#details-layout td {
	padding: 0px 10px;
	padding-bottom: 20px;
	vertical-align: top;
	}
	
#details-layout .image {
	padding-left: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	width: 275px;
	}
	
#details-layout .image .photo {
	margin-bottom: 10px;
	}
	
#details-layout .image img {
	border: double 3px darkgray;
	}
	
#details-layout .amenities {
	padding-right: 0px;
	width: 250px;
	}
	
#details-layout .amenities div {
	float: left;
	width: 90px;
	}
	
#details-layout .essentials {
	width: 150px;
	padding-left: 0px;
	}
	
#details-layout .description {
	padding-left: 0px;
	}
	
#details-layout .tools {
	padding: 10px;
	padding-bottom: 0px;
	border: solid 1px #BBC9CC;
	border-bottom: none;
	border-right: none;
	/*background: #B9C8CD;
	filter: alpha(opacity=80);*/
	}
	
#details-layout .tools div {
	float: left;
	width: 135px;
	padding-right: 10px;
	}
	

/* ------- Print Page ------- */

#print-layout td {
	padding: 5px 0px;
	vertical-align: top;
	text-align: left;
	}
	
#print-layout .amenities div {
	float: left;
	width: 100px;
	}
	
#print-layout .amenities {
	width: 300px;
	}
	
	
/* --------- message boxes --------- */

#MSG_default, #MSG_propertyContactForm, #MSG_contact {
	color: black;
	position: absolute;
	visibility: hidden;
	width: 200px;
	padding: 10px;
	font-size: 10px;
	font-family: verdana, helvetica, arial;
	background: #ebebeb;
	border: solid 1px silver;
	z-index: 1000;
	height: 50px;
	padding-right: 20px;
	text-align: left;
	}
	
img.MSG_information {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	}