﻿/** HTML  *****************************/
body {
	margin: 0ex;
	padding: 3ex;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFAD7;
}

h1, h2, h3, p, ul, ol, li, a, form {
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 1ex;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin-top: 2ex;
	margin-bottom: 0.5ex;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0.7ex;
	margin-bottom: 0ex;
}

a {
	color: #C60000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

input, select {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

td, th {
	vertical-align: top;
	text-align: left;
}

/** Layout *****************************/
#SkipNav {
	display: none;
}

#Page {
	max-width: 125ex;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 3ex;
}

/** Header *****************************/
#Header {
	margin: 0ex 0ex 2em;
	border: 1px solid #FFFFFF; /* To fix IE bug */
}

#Logo {
	float: left;
}

#Logo span {
	display: none;
}

#GlobalNav {
	float: left;
	margin-left: 3em;
}

#GlobalNav ul {
	list-style-type: none;
}

#GlobalNav li {
	float: left;
	margin-right: 2ex;
}

#GlobalNav p a {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #C60000;
	display: block;
	margin-top: 1px;
	padding: 0.5ex 1ex;
}

#GlobalNav p a:hover, #GlobalNav li:hover a {
	text-decoration: none;
	background-color: #953131;
}

a#GNav1, a#GNav2, a#GNav3, a#GNav4{
	background-repeat: no-repeat;
	background-position: left top;
	height: 80px;
}

a#GNav1 img {
	background-image: url(../images/menu-img-1.jpg);
}

a#GNav1:hover img, li:hover a#GNav1 img {
	background-image: url(../images/menu-img-1-over.jpg);
}

a#GNav2 img {
	background-image: url(../images/menu-img-2.jpg);
}

a#GNav2:hover img, li:hover a#GNav2 img {
	background-image: url(../images/menu-img-2-over.jpg);
}

a#GNav3 img {
	background-image: url(../images/menu-img-3.jpg);
}

a#GNav3:hover img, li:hover a#GNav3 img {
	background-image: url(../images/menu-img-3-over.jpg);
}

a#GNav4 img {
	background-image: url(../images/menu-img-4.jpg);
}

a#GNav4:hover img, li:hover a#GNav4 img {
	background-image: url(../images/menu-img-4-over.jpg);
}

#GlobalNav .NoCSS {
	display: none;
}

/** Content *****************************/
#Main {
	clear: both;
	float: right;
	width: 70%;
}

#Main ul, #Main ol {
	margin: 1ex 3ex;
}

#Main p {
	line-height: 140%;
}

#BreadCrumb {
	margin-bottom: 0ex;
	font-size: 90%;
}

#RecentListings {
	float: right;
	width: 25%;
	top: 172px;
	left: 865px;
}

.Nav2 {
	float: right;
	width: 30%;
	margin: 2ex 0px 1em 1em;
}

.Nav2 ul {
	padding: 0px;
	padding-bottom: 1px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

.Nav2 li {
	display: inline;
}

.Nav2 a {
	display: block;
	padding: 0.3em 1.25ex 0.5em;
	text-decoration: none;
}

.Nav2 a.Heading {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #C60000;
	padding-bottom: 0.3em;
}

.Nav2 a:hover {
	background-color: #F0F0F0;
	text-decoration: none;
}

.Nav2 a.Heading:hover {
	background-color: #953131;
}

#Main .PropertyNav ul {
	clear: both;
	list-style-type: none;
	margin: 1ex 0ex 3ex;
}

.PropertyNav ul li {
	display: inline;
}

.PropertyNav ul a {
	font-weight: bold;
	font-size: 90%;
	line-height: 100%;
	border: 1px solid #C60000;
	margin: 0ex .5ex;
	padding: 0.5ex 1ex 0.5ex 25px;
	background-repeat: no-repeat;
	background-position: top left;
}

.PropertyNav ul a:hover, .PropertyNav ul a.Selected {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #C60000;
}

.PropertyNav ul a.Summary {
	background-image: url(../images/icon-summary.gif);
}

.PropertyNav ul a.Photos {
	background-image: url(../images/icon-photos.gif);
}

.PropertyNav ul a.Brochure {
	background-image: url(../images/icon-brochure.gif);
}

.PropertyNav ul a.Map {
	background-image: url(../images/icon-map.gif);
}

.PropertyNav ul a.Earth {
	background-image: url(../images/icon-googleearth.gif);
}

#Main .Gallery {
	margin: 2ex 2ex 0ex;
	text-align: center;
}

#Main .Gallery ul {
	clear: left;
	margin: 0ex;
}

#Main .Gallery li {
	list-style-type: none;
	display: inline;
	text-align: center;
}

#Main .Gallery img {
	border: 1px solid #000000;
	margin: 1ex 1ex 0ex;
	padding: 1px;
}

#Main .Gallery a:hover {
	text-decoration: none;
}

#Main .Gallery a:hover img {
	border: 2px solid #CF0000;
	padding: 0px;
}

#Main .Gallery img.Selected {
	margin-bottom: 1ex;
}

/** GlobalFind *****************************/
#GlobalFind {
	clear: left;
	float: left;
	width: 25%;
}

#EmailPanel {
	margin-top: 1.5ex;
}

#EmailPanel p {
	font-size: 90%;
	margin-bottom: 0.5ex;
}

#LocationsPanel {
	background-color: #FFFFFF;
	margin-top: 3ex;
}

/** Footer *****************************/
#Footer {
	text-align: center;
}

#Footer ul {
	clear: both;
	text-align: center;
	font-size: 90%;
	list-style-type: none;
	padding: 0.75em 0ex;
}

#Footer ul li {
	display: inline;
}

#Footer ul a {
	margin: 0ex 1.5ex;
}

#Footer p {
	font-size: 80%;
}

/** Panels *****************************/
.Panel {
	position: relative; /* workaround for IE "disappearing border & background" bug */
	margin: 1ex;
	background-color: #FFF7BD;
	border: 1px solid #000000;
	padding: 1.2ex 1.5ex;
}

.Panel h2 {
	margin: -1.2ex -1.5ex 1.2ex;
	font-size: 110%;
	line-height: 100%;
	display: block;
	background-color: #666666;
	color: #FFFFFF;
	padding: 0.45ex 1ex 0.75ex;
}

.PanelMap h2 {
	margin: 0ex -0ex 0ex;
	font-size: 100%;
	line-height: 100%;
	display: block;
	background-color: #666666;
	color: #FFFFFF;
	padding: .5ex .5ex .5ex;
}

.Panel h3 {
	margin-top: 1.5ex;
}

.Panel td h3 {
	margin-top: 0ex;
}

.FeaturedProperty {
	position: absolute;
	width: 500px;
	height: 260px;
	margin: 10px;
	top: 420px;
	background-color: #FFF7BD;
	border: 1px solid #000000;
	padding: 0ex 0ex;
}

.Heading {
	position: relative;
	width: 496px;
	height: 15px;
	z-index: 1;
	top: 0px;
	font-size: 110%;
	line-height: 100%;
	display: block;
	background-color: #666666;
	color: #FFFFFF;
	padding: .25ex;
}

	
.Heading2 {
	position: relative;
	width: 248px;
	height: 15px;
	left: 250px;
	z-index: 2;
	top: -225px;
	font-size: 110%;
	line-height: 100%;
	display: block;
	padding: .25ex;
}
.Heading3 {
	position: relative;
	height: 15px;
	z-index: 1;
	top: 0px;
	font-size: 110%;
	line-height: 100%;
	display: block;
	background-color: #666666;
	color: #FFFFFF;
	padding: .25ex;
}
#Location {
	position: relative;
	width: 280px;
	left: 210px;
	height: 30px;
	z-index: 2;
	top: 0px;
	font-size: 110%;
	line-height: 100%;
	display: block;
	padding: .25ex;
}

.PropImage {
	position: relative;
	width: 200px;
	z-index: 3;
	left: 5px;
	top: -28px;
}

.Features {
	position: relative;
	width: 200px;
	height: 70px;
	top: -135px;
	z-index: 4;
	left: 210px;
}

.SelectedProperty {
	position: relative;
	width: 490px;
	height: 215px;

	top: 0px;
	background-color: #FFF7BD;
	border: 1px solid #000000;
	padding: 0ex 0ex;
	padding-left: 5px;
	padding-right: 5px;
	
}

.SelectedPropImage {
	position: relative;
	width: 200px;
	z-index: 3;
	left: 2px;
	top: 7px;
	float: left;
	padding-right: 10px;
}

.SelectedFeatures {
	position: relative;
	width: 275px;
	height: 70px;
	top: 0px;
	z-index: 4;
	left: 0px;
	float: left;
}

.SelectedPrice {
	position: relative;
	width: 70px;
	height: 20px;
	z-index: 1;
	left: 0px;
	top: -60px;
	font-weight: bold;
	float: right;
}


.SelectedDescription {
	position: relative;
	width: 495px;
	height: 100px;
	top: -60px;
	left: 5px;
	z-index: 6;
	overflow: auto;
	scrollbar-face-color: #EAEAEA;
	scrollbar-shadow-color: #EAEAEA;
	scrollbar-highlight-color: #EAEAEA;
	scrollbar-3dlight-color: #EAEAEA;
	scrollbar-darkshadow-color: #697074;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color: #666666;
}

.GoogleMap1 {
	position: relative;
	width: 248px;
	height: 225px;
	top: 5px;
	border: 1px solid #000000;
	float: left;
}

.GoogleMap2 {
	position: relative;
	width: 248px;
	height: 225px;
	top: 5px;
	border: 1px solid #000000;
	float: left;
}

.GoogleMap3 {
	position: relative;
	width: 498px;
	height: 450px;
	top: 2px;
	border: 1px solid #000000;
	float: left;
}

.FeaturedPrice {
	position: absolute;
	width: 190px;
	height: 55px;
	z-index: 5;
	left: 210px;
	top: 124px;
	font-weight: bold;
}

.Description {
	position: relative;
	width: 495px;
	height: 100px;
	top: -98px;
	left: 5px;
	z-index: 6;
	overflow: auto;
	scrollbar-face-color: #EAEAEA;
	scrollbar-shadow-color: #EAEAEA;
	scrollbar-highlight-color: #EAEAEA;
	scrollbar-3dlight-color: #EAEAEA;
	scrollbar-darkshadow-color: #697074;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color: #666666;
}

.ShowDetails {
	position: absolute;
	width: 99px;
	height: 20px;
	z-index: 7;
	left: 390px;
	top: 140px;
}

.Market {
	position: relative;
	width: 495px;
	height: 225px;
	left: 5px;
	z-index: 6;
	overflow: auto;
	scrollbar-face-color: #EAEAEA;
	scrollbar-shadow-color: #EAEAEA;
	scrollbar-highlight-color: #EAEAEA;
	scrollbar-3dlight-color: #EAEAEA;
	scrollbar-darkshadow-color: #697074;
	scrollbar-track-color: #F7F7F7;
	scrollbar-arrow-color: #666666;
}

.Selling {
	position: relative;
	width: 500px;
	height: 260px;
	margin: 10px;
}

.Valrequest {
	position: relative;
	width: 500px;
	height: 260px;
	margin: 10px;
	vertical-align: middle;
}

/** Tables *****************************/
.ListTable {
	width: 100%;
	border-collapse: collapse;
	margin: 1ex;
}

.ListTable tr.Highlight td {
	background-color: #EEEEEE;
}

.ListTable td {
	padding: 1ex;
}

.ListTable td.Image {
	width: 1%;
}

.ListTable td.Details {
	text-align: right;
}

.ListTable h2, .ListTable .Price {
	margin: 0ex 0ex 1ex;
	font-size: 100%;
}

.FormTable {
	margin: 2ex 5ex;
	padding: 1ex;
	background-color: #FFF7BD;
	border: 1px solid #000000;
}

.FormTable td, .FormTable th {
	padding: 0.25ex 1ex 0.25ex 0ex;
}

.FormTable th {
	font-weight: normal;
	text-align: right;
	padding-right: 0ex;
	padding-left: 1ex;
}

.FormTable input {
	padding: 0ex 0.5ex;
}

.FormTable tr.Clear td, .FormTable tr.Clear th {
	background-color: #FFFFFF;
}

/** General *****************************/
.ResultsFooter {
	clear: both;
	text-align: center;
	padding-top: 1ex;
	font-weight: bold;
}

.Button {
	color: #FFFFFF;
	background-color: #C60000;
	font-weight: bold;
	padding: 0ex 0.5ex;
    height: 19px;
}

.spacer {
	display: block;
	clear: both;
	font-size: 1px;
}

.inPageImgLeft {
	float: left;
	margin-bottom: 1ex;
	margin-right: 1em;
}

.inPageImgRight {
	float: right;
	margin-bottom: 0.7ex;
	margin-left: 0.7em;
}

.Price, .Total {
	font-weight: bold;
}

/** Browser Bug Fixes *****************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}


/* End hide from IE-mac */
.GlobalNavSpacer
{
	width: 100px;
	height: 80px;
}
.Version
{
    font-size: 80%;
}
