html
{
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-color:#fff;
	color:#555;
}
body
{
	width:1002px;
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:#fff;
	background:url('../img/bg-body.gif') 213px 26px no-repeat;
}

#site
{
	width:936px;
	margin:0 33px 0;
}

h1,h2,h3,h4{color:#002a46;}

h1{font-size:160%;}
h2{font-size:120%;}
h3{font-size:110%;}
h4{font-size:1.0em;}


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

input,select,textarea{font-family:Tahoma, Arial, Helvetica, sans-serif;}
form{margin:0;padding:0;}

a:link, a:visited
{
	color:#002a46;
	text-decoration:none;
	border-bottom:1px dotted #002a46;
}
a:hover
{
	color:#002a46;
	text-decoration:none;
	border-bottom:1px solid #002a46;
}
a:link.borderless, a:visited.borderless, a:hover.borderless{border:0;}

img{border:0;}
strong{color:#444;}
p{margin:1em 0;}
ul,li{margin:0 10px;padding:0;}
acronym{color:#009966;border-bottom:1px dotted #009966;cursor: help;}
hr{height:1px;border:0;background-color:#999;}

.small{font-size:.9em;}
.alert{color:#990000;}
.colored{color:#6699cc;}
.read_more_link{font-weight:bold;text-align:right;}

.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;}

#header{height:141px;padding:11px 0 0;}
#logo{float:left;margin:0;}
#logo a:link, #logo a:visited, #logo a:hover{border:0;}

#header-right
{
	float:right;
	width:737px !important;
	width:680px;
	height:141px;
	margin:0;
}
#services
{
	height:16px;
	margin-top:61px;
	text-align:right;
}
#services h2
{
	display:inline;
	margin:0;
	text-transform:uppercase;
	font-size:160%;
	font-weight:normal;
	color:#999;
}
#services a:link, #services a:visited, #services a:hover{border:0;}
#header-menu
{
	float:right;
	margin:39px 0 0 0;
	height:25px;
	padding:0;
	line-height:25px;
	text-align:right;
	white-space:nowrap;
}
#header-menu div, #header-menu form{display:inline;}
#header-right input
{
	width:120px;
	vertical-align:middle;
}
#header-menu a, #header-menu label
{
	margin:0 5px 0;
	font-weight:normal;
}
#SearchQuery
{
	background:url('../img/text-search.gif') 2px 2px no-repeat;
	border:1px solid #999;
	padding:2px 2px 2px;
}
#SearchQuery:focus{background:none;}

#header-menu a:link, #header-menu a:visited, #header-menu a:hover{text-decoration:none;}
#header-menu label{color:#002a46;}
#header-menu, #header-input{font-size:70%;}

#content
{
	width:936px;
	clear:left;
	margin:28px 0 30px 0;
	text-align:left;
}
#content-main
{
	width:738px;
	margin-left:198px !important;
	margin-left:192px;
	font-size:80%;
}

.site_map{font-size:110%;}
.site_map li{margin-top:6px;}

#intro_text
{
	float:left;
	width:178px !important;
	width:175px;
	padding-right:20px;
	font-size:70%;
	line-height:170%;
	text-align:left;
}

#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%;}
#properties_list td
{
	padding:20px 20px 10px;
	border-bottom:1px solid #999;
	vertical-align:top;
}
#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:16px;padding-right:20px;position:relative;}
#properties_list td.image .sold_label
{
	position:absolute;
	margin:5px 0 0 90px;
}
.title{margin-top:0;}
/* end property list */

/* property info */
#property
{
	border-left:1px solid #ccc;
	padding-left:20px;
}
/* end property info */

#footer
{
	height:20px;
	clear:both;
	padding:40px 0 20px;
	color:#888;
	font-size:65%;
}
#copyright{float:left;}
#site_credits{float:right;}
#site_credits a:link, #site_credits a:visited{color:#888;border:0;}
#site_credits a:hover{color:#002a46;border:0;}

/* Table styles */


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

/* photo album styles */
.photo_album{float:right;width:400px;}
.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 235px;
}

.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;
}

/* tab styles */
#property_previews
{
	float:left;
	width:485px;
	margin-top:20px;
}
.tabs_horizontal
{
	height:24px;
	border-bottom:1px solid #999;
	line-height:24px;
}
.tabs_horizontal, .tabs_horizontal li
{
	margin:0;
	padding:0;
	list-style:none;
}
.tabs_horizontal li
{
	float:left;
}
.tabs_horizontal li h2
{
	display:inline;
	margin-right:20px;
}
.tabs_horizontal li a
{
	display:block;
	float:left;
	padding:0 7px 0 8px;
}
.tabs_horizontal a:link, .tabs_horizontal a:visited
{
	color:#999;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none;
	border:0;
}
.tabs_horizontal li.active a:link, .tabs_horizontal li.active a:visited
{
	border-left:1px solid #999;
	background:url('../img/bg-tab.gif') top right no-repeat;
	padding:0 7px 0;
	color:maroon;
}
.tabs_horizontal a:hover
{
	color:maroon;
	text-decoration:none;
	border:0;
}

.photo_gallery
{
	margin:10px 0;
}
.photo_gallery div
{
	display:none;
}
.photo_gallery div.active
{
	display:block;
}

/* Form styles */
.error-message{color:#e7cb5b;font-size:85%;margin-top:-3px;}
.form-error{background-color:#e7cb5b;}

.contact,input,select,textarea
{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	vertical-align:top;
}
.contact .left{}
.field
{
	padding:0 15px 10px 0;
}

.contact input
{
	width:130px;display:inline;
}
.contact input, .contact select, .contact textarea
{
	margin:0 0 5px;
	font-size:100%;
}
.field input, .field select, .field textarea
{
	padding:1px 0;
}
.field input
{
	padding:2px 0;
}

label
{
	display:block;
}


#menu, li
{
	margin:0;
	padding:0;
	list-style:none;
}
#menu
{
	float:right;
	width:auto;
	height:auto;
	min-height:15px;
	margin:49px 0 1px 30px !important;
	margin-left:10px;
	line-height:15px;
	font-size:75%;
	font-weight:normal;
	text-transform:uppercase;
}
#menu li
{
	position:relative;
	float:left;
	margin-left:36px;
	text-align:left;
}
#menu li.last{margin-right:0;}
#menu a:link, #menu a:visited, #menu a:hover
{
	display:block;
	float:left;
	height:15px;
	color:#002a46;
	text-decoration:none;
	border:0;
	white-space:nowrap;
}
/*
 * CSS for css menu helper.
 * Author: John Reeves
 * Credit given to Jake Gordon, author of Nice Menus module
 * for Drupal, for much of the idea.
 */
ul.css_menu,
ul.css_menu ul{
    list-style:none;
    text-align:left;
}

ul.css_menu ul{
    display: none;
    position: absolute;
    margin-right: 0;
    z-index: 5;
    background-color:#ccc;
    border:1px solid #002a46;
}

#menu ul li{
    display: block;
    text-align:left;
    margin-left:0;
}

ul.css_menu:after{
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

ul.css_menu li:hover{
    
}

/*
 * Hide sub menus that are not hovered over.
 * It only works for 5 levels deep.  If for some reason you need
 * more, it should be easy to see how to copy the last selector and
 * add one more li:hover.  Same goes for the display: block; part below.
 */
ul.css_menu ul,
ul.css_menu li:hover ul ul,
ul.css_menu li:hover li:hover ul ul,
ul.css_menu li:hover li:hover li:hover ul ul{
  display: none; 
} 

/* show hovered submenus */
ul.css_menu li:hover ul,
ul.css_menu li:hover li:hover ul,
ul.css_menu li:hover li:hover li:hover ul,
ul.css_menu li:hover li:hover li:hover li:hover ul,
ul.css_menu li.over ul{
    display: block;
}


/* DOWN type menus */
ul.cm_down li ul{
    top: 15px;
    left: -14px;
    width:90px;
    padding-left:4px;
    padding-bottom:2px;
    padding-top:2px;
    text-align:left;
}

ul.cm_down li{
    
    white-space:nowrap;
	cursor:pointer;
}
ul.cm_down li.parent li
{
	line-height:15px;
}

ul.cm_down li li.parent:hover{ 
    
}

ul.cm_down li li.parent{ 
    
}