html
{
	margin:0;
	padding:0;
	font-family:Verdana, sans-serif;
	font-size:1em;
	background:#231f20 url('../img/pattern-body_gradient.gif') left top repeat-x;
	color:#333;
}
body
{
	margin:0;
	padding:70px 0;
	height:100%;
	text-align:center;
}

h1{font-size:160%;}
h2{font-size:140%;font-weight:normal;}
h3{font-size:120%;}
h4{font-size:100%;margin-bottom:0;}
img{border:0;}

.close{margin-bottom:0;}
.close+p{margin-top:0;}

a:link, a:visited
{
	color:#336a9c;
	text-decoration:underline;
}
a:hover
{
	color:#336a9c;
}

p{margin:1em 0;}
ul,li{margin:0 10px;padding:0;}
acronym{color:#009966;border-bottom:1px dotted #009966;cursor: help;}

.small{font-size:80%;}
.alert{color:#990000;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.spacer{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.center{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
img.left{margin:0 1em .5em 0;}
img.right{margin:0 0 .5em 1em;}
.hidden{display:none;}

/* Forms */
.error-message{color:#cc3333;font-size:85%;margin-top:-1px;}
.form-error{}

input,select,textarea
{
	font-family:Verdana, sans-serif;
	vertical-align:top;
	font-size:100%;
	margin:0;
}
.input
{
	
}
.submit{}
label{}
.required label, p.required{color:#000;}

fieldset{border:0;}
legend{font-size:120%;font-weight:bold;}


/* contact form */
.contact .input, .rsvp .input{margin:10px 0;}
.contact input, .rsvp input, .contact textarea{width:400px;}
.contact .button, .rsvp .button{width:auto;background-color:#be2f37;color:#fff;border:0;font-size:90%;padding:4px;}
.contact label, .rsvp label{display:block;float:left;width:150px;font-size:90%;}
input[type='checkbox']{width:auto;}
input[type='checkbox']+label{display:inline;}
input[type='radio']{width:auto;}
input[type='radio']+label{display:inline;float:none;margin:0 20px 0 5px;}
/* end form styles */

#site
{
	width:865px;
	padding:9px 9px 9px 8px;
	margin:0 auto;
	background-color:#fff;
}

#header
{
	color:#fff;
}
#top
{
	height:28px;
	line-height:28px;
	margin:0 0 9px;
	padding:0 13px;
	background-color:#be2f37;
	font-size:90%;
}
.city_list
{
	text-transform:uppercase;
	font-size:90%;
}
#banner
{
	height:213px;
	margin:9px 0;
	background:#be2f37 url('../img/bg-banner.gif') center no-repeat;
}
#logo
{
	padding:14px 0 0 12px;
	margin:0;
	text-align:left;
}

ul#menu
{
	position:relative;
	height:30px;
	line-height:30px;
	margin:9px 0;
	text-transform:uppercase;
	background-color:#000; 
	font-size:75%;
	list-style: none;
	z-index:3;
}

ul#menu li
{
	margin:0;
	padding:0;
	float:left; /*For Gecko*/
	display:inline;
	list-style:none;
	position:relative;
}
ul#menu li.last{}

ul#menu ul
{
	margin:0;
	padding:0;
	width:180px;
	list-style:none;
	display:none;
	position:absolute;
	top:30px;
	left:0;
	background-color:#444;
	z-index:2;
}

ul#menu ul:after /*From IE 7 lack of compliance*/
{
	clear:both;
	display:block;
	font:1px/0px serif;
	content:".";
	height:0;
	visibility:hidden;
}

ul#menu ul li
{
	width:199px;
	float:left; /*For IE 7 lack of compliance*/
	display:block !important;
	display:inline; /*For IE*/
	border-bottom:1px solid #333;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background-color:#444;
	text-align:left;
}
#menu ul li.menu_sub_head
{
	width:190px;
	padding-left:9px;
	font-size:12px;
}
#menu ul li.menu_sub_head_linked
{
	width:199px;
	padding-left:0;
	font-size:12px;
}

/* Root Menu */
ul#menu a
{
	padding:0 11px; 
	height:30px;
	float:none !important; /*For Opera*/
	float:left; /*For IE*/
	display:block;
	color:#fff;
	text-decoration:none;
	height:auto !important;
	height:1%; /*For IE*/
	background-color:transparent;
}
ul#menu li ul li a
{
	border:1px solid #fff;
	border-right-color:#fff;
	border-bottom-color:#fff;
}
ul#menu ul li a
{
	font-size:11px;
	text-align:left;
	padding:6px 10px 6px 6px;
	margin:0;
	border:1px solid #333;
}
#menu ul li.indent a
{
	padding-left:16px;
}
/* Root Menu Hover Persistence */
ul#menu a:hover,
ul#menu li:hover a,
ul#menu li.sfhover a
{
	background:#444;
	color:#fff;
	border:0;
}

/* 2nd Menu */
ul#menu li:hover li a,
ul#menu li.sfhover li a
{
	float:none;
	background:#444;
	color:#fff;
}

/* 2nd Menu Hover Persistence */
ul#menu li:hover li a:hover,
ul#menu li:hover li:hover a,
ul#menu li.sfhover li a:hover,
ul#menu li.sfhover li.sfhover a
{
	background:#555;
	color:#fff;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu li:hover ul ul
{
	display:none;
}

ul#menu li:hover ul,
ul#menu ul li:hover ul,
ul#menu li.sfhover ul
{
	display:block;
}

ul#menu ul li.menu_sub_head_linked a
{
	color:#fff;
	font-size:12px;
}


#content
{
	padding:0 0 0 20px;
	text-align:justify;
	font-size:80%;
}
.homepage #content{padding:0;}
.main_content{padding-left:20px;width:540px;}

.costar_iframe
{
	width:100%;
	height:1300px;
	margin-left:-20px;
}

#rotator
{
	overflow:hidden;
	position:relative;
	width:600px;
	height:354px;
}

.column_right
{
	float:right;
	clear:right;
	width:254px;
	margin-left:20px;
}
.homepage .column_right{margin-left:0;}
.content_box
{
	padding:20px;
	background-color:#e5e5e5;
	text-align:left;
	font-size:90%;
}
.content_box+.content_box{margin-top:9px;}
.testimonial
{
	height:314px;
	font-size:110%;
}
.quote
{

}
.author
{
	font-style:italic;
	text-align:right;
}

#featured_property_button
{
	display:block;
	line-height:12px;
	margin:-20px -20px 0;
	padding:12px 0;
	width:254px;
	height:12px;
	background-color:#000;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font:12px Verdana, Geneva, sans-serif;
}
#featured_property_button:hover
{
	text-decoration:none;
	color:#fff;
}

.staff
{

}
.staff_photo
{
	float:left;
}
.staff_details
{
	margin-left:110px;
	text-align:justify;
}

#footer
{
	height:28px;
	line-height:28px;
	margin:9px 0 0;
	padding:0 13px;
	background-color:#be2f37;
	color:#fff;
	font-size:80%;
	text-align:left;
}
#footer a:link, #footer a:visited, #footer a:hover{color:#fff;}

#property_search
{
	float:left;
	width:178px !important;
	width:175px;
	padding-right:20px;
	font-size:80%;
}
#property_search h2{margin-top:0;}
.homepage #property_search{margin-top:10px;clear:left;}
.homepage #property_search h2{margin-top:1em;}

.property_search
{
	
}
.property_search div
{
	
}
.property_search label
{
	display:block;
	margin:10px 0;
	color:#999;
	font-size:9pt;
	font-weight:bold;
}
.property_search select{width:150px;}
.property_search .submit{margin-top:20px;}
.property_search .instruction{color:maroon;}

/* Propery list */
.pagination
{
	height:24px;
	line-height:24px;
	padding:2px 10px;
	background-color:#CCCCCC;
	color:#333;
}
.search_details{color:maroon;}
#properties_list{width:100%;margin-top:10px;empty-cells:show;}
#properties_list th
{
	padding:4px 5px;
	background-color:#ccc;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	vertical-align:middle;
	font-size:11px;
	white-space:nowrap;
}
#properties_list td
{
	padding:10px 5px 5px;
	border-bottom:1px solid #999;
	vertical-align:top;
	text-align:left;
}
#properties_list td.more_info
{
	white-space:nowrap;
}
#properties_list .even td
{
	background-color:#ddd;
}
#properties_list td.number
{
	width:26px;
	padding-left:20px;
	padding-right:10px;
	font-size:150%;
	font-weight:bold;
	color:#aaa;
}
#properties_list td.image{width:100px;padding-left:10px;padding-right:5px;position:relative;}
#properties_list td.image .sold_label
{
	position:absolute;
	margin:-5px 0 0 -10px;
}
#properties_list .read_more_link{white-space:nowrap;}
.title{margin-top:0;}
/* end property list */

/* photo album styles */
.photo_album{float:right;width:400px;padding-left:20px;}
.photo_album a:link, .photo_album a:visited, .photo_album a:hover{border:0;}
.photo_gallery .photo_album{float:none;width:auto;margin:0;}
.photo_large
{
	position:relative;
	height:300px;
	margin:0 0 12px 0;
}
.photo_large .sold_label
{
	position:absolute;
	margin:5px 0 0 45px;
}

.photo_album img
{
	display:block;
	float:right;
	margin:0 0 12px 12px;
}
.photo_album_thumbs img
{
	float:left;
	margin:0 12px 12px 0;
}
.photo_gallery .photo_album_thumbs{width:auto;}
.photo_gallery .photo_album_thumbs img{}
.photo_large img
{
	margin:0;
}
.large_photo
{
	border:2px solid #002a46;
}

#locations_map
{
	float:right;
	margin-top:20px;
}

/* property info */
#property
{
	
}
/* end property info */

/* Ajax layout styles */
.ajax .cake-sql-log{display:none;} /* hide sql log output during ajax call */

/* Tables */
.cake-sql-log table
{
	width:100%;
	margin:0 auto;
	empty-cells:show;
	border-collapse:collapse;
}
.cake-sql-log caption
{
	font-size:9pt;
	color:#999;
}
.cake-sql-log th, .cake-sql-log td
{
	padding:4px;
	vertical-align:top;
	text-align:left;
	border:1px solid #ccc;
	font-size:9pt;
	color:#999;
}
.cake-sql-log th
{
	font-weight:bold;
	background-color:#eee;
	white-space:nowrap;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
	text-align:left;
}

pre.cake_debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 18px;
	margin: 4px 2px;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 4px 2px;
	padding: 4px;
	font-size: 120%;
	line-height: 18px;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #606060;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 5px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
}

/* Scaffold View */
dl,dt,dd{margin:0;padding:0;}
dl {
	line-height:2em;
	margin:0;
}
dt {
	float:left;
	font-weight: bold;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	vertical-align: top;
}

table.normal
{
	margin:1em 0;
}
.normal th
{
	vertical-align:middle;
}
.normal td
{
	vertical-align:top;
}
.completed_developments td
{
	width:190px;
}
.completed_developments img
{
	width:130px;
}

/* Tables */
table.data
{
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0;
	font-size:1em;
	empty-cells:show;
	border-collapse:collapse;
}
.data th, .data td
{
	vertical-align:top;
	text-align:center;
	border:1px solid #ccc;
}
.data th
{
	font-weight:bold;
	background-color:#ddd;
	white-space:nowrap;
}
.data th a
{
	display:block;
	padding:4px 8px;
}
.data th a:hover{background-color:#eee;}
.data th.text, .data th.actions, .data th.photo_count{padding:4px 8px;}
.data td
{
	padding:4px 8px;
	text-align:left;
}
.data tr.even td{background:#f4f4f4;}

.data td.actions{width:100px;white-space:nowrap;text-align:center;}
.data td.actions a{display:inline;margin: 0px 6px;}
.data td.date{white-space:nowrap;text-align:center;}
.data td textarea{width:100%;}

/* Paging */
.paging {
	margin-bottom:5px;
	text-align:right;
}
.paging div.disabled {
	color: #ddd;
	display: inline;
}