@charset "UTF-8";

/*
/		RESET /RELOADED by Eric Meyer
/		www.meyerweb.com
--------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	position: relative;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*---CLEANER---*/
.cleaner {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border: none;
	margin: 0px; padding:0px;
	background: transparent;
	}




	
/*
/		Global Properties
--------------------------------------------------------------------------------------------------------*/

body {
	background: #695950 url('../images/bg.jpg') repeat-x center top;
	color:#333333;
	font: 12px Arial, Sans-serif;
	line-height: 17px;
	}

p {
	margin-bottom: 15px;
	}

a {
	color: #9E702F;
	text-decoration: none;
	}
a:hover {
	color: #695950;
	}
	
h1 {
	color: #695950;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
	}
	h1 span {
	font-size: 20px;
	font-weight: normal;
	display: block;
	}

h2 {
	font-size: 23px;
	color: #695950;
	font-weight: bold;
	}

h3 {
	font-size: 16px;
	color: #9E702F;
	font-weight: normal;
	}
	h3 span {
	color: #333;
	}
		
hr {
	border: 0;
	border-bottom: 1px solid #D1C0AB;
	height:1px;
	}
	hr.margin_bottom {
	margin-bottom: 17px;
	}
	
strong {
	font-weight: bold;
	}

.shadow {
	padding:10px;
	}
	.shadow img.border, .shadow a.border img { border: solid 4px #fff; }

.right {
	float: right;
	display: inline;
	}
.left {
	float: left;
	display: inline;
	}

.LearnMore {
	background: url('../images/learnMore.gif') no-repeat;
	width:101px;
	height:32px;
	text-indent: -9999px;
	float: left;
	}

.BacktoTop {
	background: url('../images/arrowUp.gif') no-repeat bottom right;
	line-height: 11px;
	padding: 15px 15px 0;
	font-size: 10px;
	float: right;
	}

.dotted {
	border-style: dotted;
	}	
	
td, tr, th {
 border: 0px; border: none;
}

/*
/		Navigation Properties
--------------------------------------------------------------------------------------------------------*/

#menuElem {
	margin-left: 10px;
	padding: 0;
	list-style: none;
	line-height: 1;	
}

#menuElem a {
	height: 46px;
	display: block;
	text-indent: -999em;
}

#menuElem li { /* all list items */
	float: left;
	background-color: #F2F0EF;
}

#menuElem ul li a {
	background-image: none !important;
}

#menuElem li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: auto;
	display: none;
	border: solid 1px #D7CDC5;
	line-height: 20px;
	float: left;
	z-index: 100;
}

#menuElem li ul li {
	clear: both;
	position: relative;
	z-index:90;
}

#menuElem li ul a {
	text-indent: 0;
	height: 20px;
	padding: 5px;
	line-height: 20px;
	overflow: hidden;
	display: block;
	width: 200px;
	background: #F2F0EF;
	position: relative;
	z-index:80;
}

#menuElem li ul a:hover {
	background: #fef995;
}

#menuElem li ul ul { /* third-and-above-level lists */
	margin: -30px 0 0 205px;
	float: left;
}

#menuElem li:hover ul ul, #menuElem li.sfhover ul ul {
	display: none;
}

#menuElem li:hover ul, #menuElem li li:hover ul, #menuElem li.sfhover ul, #menuElem li li.sfhover ul { /* lists nested under hovered list items */
	display: block;
}

#menuElem .home, 
#menuElem .home-active { left: 0px; }
#menuElem .home a	{ background: url('../images/menu/Home.gif') no-repeat; width: 125px;}
#menuElem .home-active span		{ background: url('../images/menu/Home.gif') no-repeat; width: 125px; background-position: bottom; display: block; height: 46px; }

#menuElem .aboutUs, 
#menuElem .aboutUs-active { left: 125px; }
#menuElem .aboutUs a	{ background: url('../images/menu/About.gif') no-repeat; width: 109px; }
#menuElem .aboutUs-active { background: url('../images/menu/About.gif') no-repeat; width: 109px; display: block; height: 46px; background-position: bottom;}

#menuElem .luxuryProperties,
#menuElem .luxuryProperties-active { left: 234px; }
#menuElem .luxuryProperties a 	{ background: url('../images/menu/Luxury.gif') no-repeat; width: 159px; }
#menuElem .luxuryProperties-active	{ background: url('../images/menu/Luxury.gif') no-repeat; width: 159px; background-position: bottom; display: block; height: 46px;  }

#menuElem .residentialProperties,
#menuElem .residentialProperties-active { left: 393px; }
#menuElem .residentialProperties a  {background: url('../images/menu/Residential.gif') no-repeat; width: 203px; }
#menuElem .residentialProperties-active  {background: url('../images/menu/Residential.gif') no-repeat; width: 203px; background-position: bottom; display: block; height: 46px;  }

#menuElem .commercialProperties,
#menuElem .commercialProperties-active { left: 596px; }
#menuElem .commercialProperties a  {background: url('../images/menu/Commercial.gif') no-repeat; width: 201px; }
#menuElem .commercialProperties-active  {background: url('../images/menu/Commercial.gif') no-repeat; width: 201px; background-position: bottom; display: block; height: 46px;  }

#menuElem .resources,
#menuElem .resources-active { left: 797px; }
#menuElem .resources a  {background: url('../images/menu/Resources.gif') no-repeat; width: 156px; }
#menuElem .resources-active {background: url('../images/menu/Resources.gif') no-repeat; width: 156px; background-position: bottom; display: block; height: 46px; }

/*
/		Global Layout
--------------------------------------------------------------------------------------------------------*/
	
#wrap {
	background: url('../images/wrapBG.gif') repeat-y;
	margin: 0 auto;
	width: 978px;
	padding: 0;
	}
	
#Header a {
	background: url('../images/header_residential.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;
	}
.Home #Header a {
	background: url('../images/topHome.jpg') no-repeat;
	display: block;
	height:198px;
	padding-bottom:6px;
	width:972px;
	text-indent: -9999px;	
	}
.Commercial #Header a {
	background: url('../images/header_commercial.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
	
.Agents #Header a {
	background: url('../images/header_agents.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
.New #Header a {
	background: url('../images/header_newconstruction.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
.Residential #Header a {
	background: url('../images/header_residential.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
.Featured #Header a {
	background: url('../images/header_featured.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
.Sell #Header a {
	background: url('../images/header_sell.jpg') no-repeat;
	display: block;
	height:199px;
	width:972px;
	padding-bottom:6px;
	text-indent: -9999px;	
	}
.homebutton
{
	margin-left: 25px;
}
	
	
/*
/	Search Bar	
--------------------------------------------------------------------------------------------------------*/


.searchContent {
	/* background: url('../images/searchBG.gif') no-repeat; */
	    padding:0px;
	    margin:30px 90px 30px 30px;
	    _margin:10px;
	    margin-top: 0;
	    width:191px;
	    position: relative;
	    float: left;
	    display:inline;
	}
	
	#searchTop
	{
	    float:left;
	    display:inline;
	    width:251px;
	    height:16px;
	   	background: url('../images/searchTop.gif') no-repeat;
	}
	
    #searchMiddle
    {
        float:left;
        padding-top:14px;
        display:inline;
        width:251px;
       	background: url('../images/searchLine.gif') repeat-y;
    }
	
	#searchBottom
	{
	    float:left;
	    display:inline;
	    width:251px;
	    height:16px;
	 	background: url('../images/searchBottom.gif') no-repeat;
	}
	
	.searchContent
	{
	    margin-left:30px;
	}
	
	.searchContent h2 {
	font-weight: normal;
	}
	.searchContent h3 {
	font-weight: normal;
	font-size: 18px;
	color: #A19F9F;
	margin-bottom: 7px;
	}
	.searchContent select {
	width: 190px;
	height: 20px;
	padding: 2px;
	margin-bottom: 7px;
	border: 1px solid #999;
	font-size: 11px;
	z-index: -90;
	}
	.searchContent select.box
	{
		height:70px !Important;
	}
	table.stateList
	{
		margin-bottom:6px;
	}
	.searchContent select.small {
	width: 91.5px;
	float: left;
	}
	.searchContent select.small_margin {
	width: 91.5px;
	margin-right: 7px;
	float: left;
	}
	.searchContent input.textBox {
	width: 181px;
	height: 14px;
	padding: 3px 4px 3px 4px;
	margin-bottom: 7px;
	border: 1px solid #999;
	font-size: 11px;
	}

.form input {
	width: 181px;
	height: 14px;
	padding: 3px 4px 3px 4px;
	margin-top: 7px;
	border: 1px solid #999;
	font-size: 11px;
	}
	.form label {
	display: block;
	width: 130px;
	line-height: 20px;
	text-align: right;
	margin-right: 10px;
	}
	.form select {
	width: 190px;
	height: 20px;
	padding: 2px;
	margin-top: 7px;
	border: 1px solid #999;
	font-size: 11px;
	}
	.form select {
	width: 190px;
	height: 20px;
	padding: 2px;
	margin-top: 7px;
	border: 1px solid #999;
	font-size: 11px;
	}
	.form .FormButton{
	width: auto;
	height: auto;
	float: right;
	}
	.form span {
	color: #D2221C;
	font-style: italic;
	}
	.searchContent hr {
	border-bottom: 1px dotted #999999;
	margin-bottom: 20px;
	_margin-bottom: 10px;
	}
	.searchContent p {
	text-align: center;
	font-size: 11px;
	color: #A19F9F;
	width: 247px;
	}
	
/*
/		Global Layout
--------------------------------------------------------------------------------------------------------*/

#mainContent {
	float: left;
	padding: 10px;
	width: 600px;
	/*_width:550px;*/
	}
	
	#mainContent h2  {
	margin-top: 17px;
	}

#fullStretchContent {
	clear:both;
	width: 900px;
	margin: 30px;
	}

.listing {
	float: right;
	margin-top: 20px;
	}
	.listing p {
	padding-top: 20px;
	height: 90px;
	}
	
#listingLeft {
	padding: 10px;
	width: 290px;
	float:left;
	}
	
#listingRight {
	padding: 10px;
	width: 290px;
	min-height:800px;
	float:left;
	}
	#CommercialListingRight {
	padding: 10px;
	width: 290px;
	float:left;	
	}

#footer {
	background: #695950 url('../images/footerBG.gif') no-repeat;
	height:200px;
	padding: 10px 40px 40px 40px;
	color: #BCB1AB;
	font-size: 11px;
	}
	#footer a {
	color: #C79578;
	}
	#footer a:hover, #footer a.active {
	color: #FFFFFF;
	}
	a.borderRight {
	border-right: 1px dotted #999999;
	padding-right: 8px;
	margin-right: 8px;
	}
	
	#bottomNav{
	text-align:center;
	}
	
	#creadit{
	padding-top: 70px;
	padding-bottom: 8px;
	text-align:center;
	}
	

/*
/		Page Specific
--------------------------------------------------------------------------------------------------------*/

/* 
/	Agents Page
------------------------------------------*/
.agents {
	width: 145px;
	height: 270px;
	float: left;
	text-align: center;
	}
	.agents img {
	border: 5px solid #FFF;
	margin-bottom: 7px;
	}
.agents_profile p {
	margin-top: 25px;
	}
	.agents_profile p a {
	text-align: center;
	}
	.agents_profile img {
	float: left;
	border: 3px solid #FFF;
	margin-right: 20px;
	}

/* 
/	Listing Page
------------------------------------------*/
.listing_list {
	
	width:300px;
	}

	.listing_list li {

	border-bottom: 1px dotted #D1C0AB;
	line-height:25px;
	}

	.listing_list li strong {
	width:100px;
	float:left;
	}
	
.feature {
	width:600px;
	}
		
.feature_left {
	
	width:450px;
	background-color: Aqua;
	float:left;

	}
	
	.feature_left ul {
	border-bottom: 1px dotted #D1C0AB;
	width:200px;
	line-height:25px;
	}
	
	.feature_left li strong {
	
	width:100px;
	float:left;
	}

.feature_right {
	
	width:250px;
	margin-left:30px;
	padding-left:20px; 
	}
	
	.feature_right li {
	
	border-bottom: 1px dotted #D1C0AB;
	width:200px;
	margin-left:10;
	line-height:25px;
	}
	
	.feature_right li strong {
	
	width:100px;
	float:left;
	}
	
.feature_full {
	width:600px;
	
	}
	
	.feature_full li{
	border-bottom: 1px dotted #D1C0AB;
	line-height:25px;
	}
	
/* 
/	Listing Search
------------------------------------------*/
.listingGrid {
    border-color: #e7e3e1; /* mozilla displaying border despite
                            * width being set to 0.  setting
                            * color to hide it. */
	float:left;
}

.listingList {
	padding: 20px 0 20px 0;
	border-bottom: solid 1px #D1C0AB;
	}
	
	.listingList hr {
        clear: both;
	}

.listingList img {
	border: 4px solid #FFF !important;
	}
	.listingList .right {
	margin-left: 20px;
	margin-bottom: 10px;
	}
	.listingRight img {border: 4px solid #FFF !important;}
	
tr.pageSelector {
	float: right;
	margin-top: 10px;
	}
	tr.pageSelector table tr td a {
	padding: 5px 10px;
	border-left: 1px solid #CCC;
	}
	tr.pageSelector table tr td a:hover {
	font-weight: bold;
	color: #333;
	}	
	tr.pageSelector span {
	font-weight: bold;
	padding: 5px 10px;
	border-left: 1px solid #CCC;
	}
	
	.listingInfo {float: left; width: 300px;}
	.listingInfo li { border-bottom: 1px dotted #D1C0AB;line-height:25px;}
	
	
	
	/* Contact Us Form */
	
div#address { float: left; }
div#gMap { float: right; width: 425px; }
	
table.EditingFormTable { clear: both; margin-top: 30px; }
table.EditingFormTable tr td.EditingFormValueCell { vertical-align: top; }
table.EditingFormTable tr td.EditingFormValueCell input, table.EditingFormTable tr td.EditingFormValueCell textarea { width: 300px; }


table.gvListing  {
     width: 630px;
     float: left;
     }



/* Luxury Push styles */

div.LuxuryPush {
    width: 600px;
    height: 62px;
    background: url(../images/LuxuryRealEstateWide.gif) no-repeat 0 0;
    margin-bottom: 20px;
    }
    div.LuxuryPush a  {
    display: block;
    width: 600px;
    height: 62px;
    text-indent: -9999px;
    }