/* HTML Elements */

*{margin:0; padding:0;}

a img{border:none; text-decoration:none; font:0;}

body{
	text-align:center;
	font:11px/1.4em normal 'Lucida Grande', Lucida Grande, Verdana, Arial, sans-serif;
	background:url(images/body_bg.jpg) top center no-repeat;
	}

h1{
	font-size:20px;
	font-weight:bold;
	color:#071440;
	padding:15px 20px 10px;
	}
	
h5{
	font-size:14px;
	font-weight:bold;
	color:#071440;
	padding:10px 20px;
	}

div.hr {
	clear:both;
  	height: 5px;
  	background: #fff url(images/hr_bg.gif) repeat-x;
	margin:10px 17px 5px;
	}

div.hr hr {
  	display: none;
	}
	
/* Main Structure */

#banner{
	background:url(images/banner_bg.jpg) no-repeat;
	height:137px;
	text-align:right;
	}
	
	#banner img{margin-left:-3px;}
	
#feature{
	background:url(images/feature_bg.jpg) top left repeat-x;
	height:295px;
	}
	
	#feature img{
	float:right;
	}
	
	#feature ul{	/* This is the main navigation area */
	width:280px;
	list-style:none;
	padding:5px 0;
	}
	
	#feature ul li a, #left ul li a{
	text-decoration:none;
	display:block;
	color:white;
	background-color:transparent;
	font-size:14px;
	padding:2px 20px;
	}
	
	#feature ul li a:hover, #left ul li a:hover{
	color:#071440;
	background-color:#E5D9C8;
	}
	
	#feature ul p{
	padding:0 20px;
	color:#EFEFEF;
	font-size:10px;
	}
		
		#feature ul li.subnav, #left ul li.subnav{
		list-style:none;
		/* width:280px; */
		/* padding:5px; */
		margin:0;
		}
		
		#feature ul li.subnav a, #left ul li.subnav a{
		text-decoration:none;
		display:block;
		color:#071440;
		background-color:#E5D9C8;
		font-size:14px;
		padding:2px 20px;
		}
		
		#feature ul li.subnav a:hover, #left ul li.subnav a:hover{
		color:#FFFFFF;
		background:transparent;
		}
	
.featuredHomes{
	width:225px;
	float:left;
	border:1px solid #071440;
	margin:5px 0 10px 20px;
	min-height:100px;
	}
	
	.featuredHomes img{
	float:right;
	padding:7px;
	}
	
	#right .featuredHomes p{
	color:#071440;
	padding:5px 7px;
	}
	
#footer{
	clear:both;
	text-align:center;
	background-color:#071440;
	border-top:5px solid #2E487E;
	}
	
	#footer p{
	color:#FFF;
	padding:10px 20px;
	}
	
#left{
	float:left;
	width:287px;
	}
	
	#left h1{
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:10px 20px;
	}
	
	#left ul{	/* This is the main navigation area */
	width:287px;
	list-style:none;
	padding:5px 0;
	}
	
	#left li a{
	text-decoration:none;
	display:block;
	color:white;
	background-color:transparent;
	font-size:14px;
	padding:7px 20px;
	}
	
	#left li a:hover{
	color:#071440;
	background-color:#E5D9C8;
	}

#main{
	width:802px;
	background:url(images/main_bg.gif) top center repeat-y;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	border-right:1px solid #071440;
	border-left:1px solid #071440;
	}
	
html>body #main{
	width:800px;
	}
	
#property{
	height:234px;
	background:url(images/find_property_bg.jpg) top left no-repeat;
	}
	
	#property ul{
	font-size:14px;
	list-style-image:url(images/bullet.gif);
	margin:0 20px;
	padding:0 15px;
	}
	
	#property li{
	width:200px;
	float:left;
	/* padding:5px 0; */
	/* padding:5px 20px; */
	padding-top: 5px;
	padding-right: 20px;
	}
	
	#property li a{
	text-decoration:none;
	color:#071440;
	padding:0 5px;
	}
	
#right{
	float:right;
	width:513px;
	padding:0 0 35px 0;
	}
	
	#right p{
	padding:5px 20px;
	}
	



/* Text and Photo Controls */
#banner p {
	padding:25px 50px;
	font-size:14px;
	}
	
#banner p a{
	text-decoration:none;
	color:#071440;
	font-weight:bold;
	padding:0 5px;
	}
	

/* Innerpage templates */

#innerpage #banner{
	background:url(images/banner_bg_inner.jpg) no-repeat;
	height:114px;
	text-align:right;
	}
	
#innerpage #main{
	background:url(images/main_bg_inner.gif) top center repeat-y;
	}
	
#innerpage #main #left{
	float:left;
	width:222px;
	}
	
#innerpage #main #left ul{
	float:left;
	width:222px;
	}
	
#innerpage #main #left .mainmenu{
	background:url(images/feature_bg.jpg) top left repeat-x;
	width:222px;
	height:275px;
	}
	
#innerpage #main #right{
	float:right;
	width:570px;
	padding:0 0 35px 0;
	}

/* left/right align pictures */
img.right {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
	}

img.left {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	}


/* * * * generic REM3 styles * * * */
.text {}
.text a:link, .text a:visited, .text a:hover, .text a:active {}
.text a:hover {}

.textital { font-style: italic; }
.textbold { font-weight: bold; }
.textsmall { font-size: 9px; }

.textsmallbold {
	font-size: 9px;
	font-weight: bold;
}

.message {
font-size: 12px;
font-weight: bold;
}

.alert {
color: red;
}


/* * * *  item lists  * * * */
#listcon {
}

.itemcon {
border-top: 2px solid #ccc;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
border-left: 2px solid #ccc;
width: 99%;
padding: 2px;
display: table;
background: #fff;
}

.itemthumb_odd, .itemthumb_even {
float:left;
width: 10em;
padding:.5em;
margin:0 1em .5em 0;
background:#666;
text-align:center;
}

.itemthumb_odd a:link, .itemthumb_odd a:visited, .itemthumb_odd a:hover, .itemthumb_odd a:active {
color:#fff;
text-decoration:underline;
}

.itemthumb_odd a:hover {
text-decoration:none;
}

.itemthumb_even a:link, .itemthumb_even a:visited, .itemthumb_even a:hover, .itemthumb_even a:active {
color:#fff;
text-decoration:underline;
}

.itemthumb_even a:hover {
text-decoration:none;
}

.itemdetail_odd, .itemdetail_even {
}

.itemdetail_odd a:link, .itemdetail_odd a:visited, .itemdetail_odd a:hover, .itemdetail_odd a:active {
}

.itemdetail_odd a:hover {
}

.itemdetail_even a:link, .itemdetail_even a:visited, .itemdetail_even a:hover, .itemdetail_even a:active {
}

.itemdetail_even a:hover {
text-decoration:none;
}


.itemdescr_odd, .itemthumb_event {
margin-top: 5px;
}



/* * * *  item lists with maps  * * * */
#maplistcombined {
}

#maplist {
width: 58%;
height: 400px;
float: left;
}

#maplistcon {
width: 40%;
height: 400px;
overflow: scroll;
border: 2px solid #ccc;
}

.mapitemcon {
border-top: 0px solid #ccc;
border-right: 0px solid #000;
border-bottom: 2px solid #ccc;
border-left: 0px solid #ccc;
width: 100%;
padding: 0px;
display: table;
background: #fff;
}

.mapitemthumb_odd, .mapitemthumb_even {
display: none;
float:left;
padding:.5em;
margin:0 0 .5em 0;
background:#666;
text-align:right;
}

.mapitemthumb_odd a:link, .mapitemthumb_odd a:visited, .mapitemthumb_odd a:hover, .mapitemthumb_odd a:active {
color:#fff;
text-decoration:underline;
}

.mapitemthumb_odd a:hover {
text-decoration:none;
}

.mapitemthumb_even a:link, .mapitemthumb_even a:visited, .mapitemthumb_even a:hover, .mapitemthumb_even a:active {
color:#fff;
text-decoration:underline;
}

.mapitemthumb_even a:hover {
}

.mapitemdetail_odd, .mapitemdetail_even {
}

.mapitemdetail_odd a:link, .mapitemdetail_odd a:visited, .mapitemdetail_odd a:hover, .mapitemdetail_odd a:active {
}

.mapitemdetail_odd a:hover {
}

.mapitemdetail_even a:link, .mapitemdetail_even a:visited, .mapitemdetail_even a:hover, .mapitemdetail_even a:active {
}

.mapitemdetail_even a:hover {
}


/* * * *  property detail  * * * */
#propdetail {
}

#propdetailhead {
margin:.25em auto;
font-weight: bold;
font-size: 20px;
width: 90%;
}

.propdetailheadline {
margin:1em auto;
width: 90%;
}

.propdetailprice {
width:90%;
text-align: right;
}

#propdetailimage {
text-align: center;
}

#propdetailcopy {
font-size: 14px;
margin:0 auto 10px auto;
width: 90%;
}

#propdetaillinks {
width: 90%;
margin:1em auto;
border:1px solid #999;
}

.propdetailcontact {
font-size: 14px;
width: 50%;
text-align: center;
}

#propdetaildescr {
width: 90%;
margin:1em auto;
padding:2px;
border:1px solid #ccc;
empty-cells:hide;
}

#propdetaildescr td {
padding:2px;
border:1px solid #ccc;
}

#propdetaildescr th {
text-align: right;
vertical-align: center;
padding:0 4px 0 0;
border-bottom:1px solid #ccc;
}

#propdetaildescr td {
}


/* * * *  property detail pictures and maps  * * * */
#pictureonly {
text-align: center;
}

#picturelayer {
}

#picturethumb {
text-align: center;
margin: 3px;
}

#pictures {
padding-right: 5px;
vertical-align: top;
width: 50%;
}

#thumbnails {
text-align: center;
vertical-align: top;
padding-left: 5px;
width: 50%;
}

.thumbnail {
width: 75px;
}

.captiontext {
font-size: 12px;
}

#maplayer {
}

#mapdetail {
width: 400px;
height: 400px;
margin: 0px auto;
}




/* * * *  agent detail  * * * */
#agentdetail {
}

#agentpicture {
float: left;
padding-right: 5px;
}

#agentname {
font-size: 20px;
}

#agentinfo {
}

#agentaddr {
float: left;
border-collapse: collapse;
margin-right: 10px;
}

#agentphone {
border-collapse: collapse;
}

#agentdescr {
clear: both;
}

#agentkey {
clear: both;
}

#mapagent {
width: 400px;
height: 400px;
margin: 0px auto;
}



/* * * *  broker detail  * * * */
#brokerdetail {
}

#brokerpicture {
float: left;
padding-right: 5px;
}

#brokername {
font-size: 20px;
}

#brokerinfo {
}

#brokeraddr {
float: left;
border-collapse: collapse;
margin-right: 10px;
}

#brokerphone {
border-collapse: collapse;
}

#brokerdescr {
clear: both;
}

#brokerkey {
clear: both;
}

#mapbroker {
width: 400px;
height: 400px;
margin: 0px auto;
}


/* * * *  company detail  * * * */
#companydetail {
}

#companypicture {
float: left;
padding-right: 5px;
}

#companyname {
font-size: 20px;
}

#companyinfo {
}

#companyaddr {
float: left;
border-collapse: collapse;
margin-right: 10px;
}

#companyphone {
border-collapse: collapse;
}

#companydescr {
clear: both;
}

#companykey {
clear: both;
}

#mapcompany {
width: 400px;
height: 400px;
margin: 0px auto;
}




/* * * *  map info popup styles  * * * */
#mapinfotext
{
font-size: 10px;
white-space: nowrap;
}

#mapinfopic
{
font-size: 10px;
margin-right: 5px;
width: 75px;
float: left;
}



/* * * *  popup forms  * * * */
#popup {
visibility: hidden;
position: absolute;
top: 0px;
left: 0px;
height: 500px;
width: 400px;
border:3px double black;
background-color: #dddddd;
}

#popuphead {
text-align: center;
}

#popuptable {
width: 100%;
}

.popupbutton {
text-align: center;
}


/* * * *  local info  * * * */
#localinfo_content p {
margin: 0 0 1em 0;
}

.localinfo_anchor {
white-space: nowrap;
}

.localinfo_picodd {
float: left;
padding-right: 5px;
padding-bottom: 5px;
}

.localinfo_piceven {
float: right;
padding-left: 5px;
padding-bottom: 5px;
}



/* * * *  local links  * * * */
#locallink_header {
margin-bottom: 10px;
}

.locallink_anchor {
display: inline;
margin-right: 2px;
margin-left: 2px;
white-space: nowrap;
}

.locallink_anchor:before {
content: "[";
}

.locallink_anchor:after {
content: "]";
}

#locallink_content {
}

.locallink_group {
}

.locallink_top {
font-size: 12px;
margin-bottom: 20px;
}

.locallink_cat {
font-size: 16px;
font-weight: bold;
}

.locallink {
margin-bottom: 10px;
}

.locallink_pic {
}

.locallink_title {
font-weight: bold;
}

.locallink_text {
font-size: 12px;
}