html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

/*--FONTS--*/
h1{ font:22px Arial, Helvetica, sans-serif; color:#012a4f; line-height:26px; margin-bottom:10px;}
h2{ font:18px Arial, Helvetica, sans-serif; color:#012a4f;}
h3{ font:14px Arial, Helvetica, sans-serif; color:#012a4f;}
h4{ font:12px Arial, Helvetica, sans-serif; color:#012a4f; margin:5px 0 0 0; line-height:14px}
h5{ font:18px Arial, Helvetica, sans-serif; color:#012a4f; margin-bottom:10px;}
h6{ font:14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center}
p{ font:12px Arial, Helvetica, sans-serif; line-height:19px; color:#333333;}
ul{ font:12px Arial, Helvetica, sans-serif; line-height:18px; color:#333333;}
a{ font:12px Arial, Helvetica, sans-serif; color:#012a4f;}
#footer a{ font:11px Arial, Helvetica, sans-serif; color:#777777;}
.newsfont {font:10px Arial, Helvetica, sans-serif; color:102a4f;}
.position{ font:12px Arial, Helvetica, sans-serif; color:#012a4f; font-style: italic}
#recent{ font:11px Arial, Helvetica, sans-serif; color:#012a4f; line-height:13px;}

sup {
	font-size: 60%;
	position: relative;
	bottom: 5px;
}
h2.slide {
	margin: 0;
}

h4.slide {
	margin-bottom: 10px;	
}

h3.bluebar {
	font: 14px Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 5px 0 0 10px;
	margin: 0;
}
.teamphoto {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 1px solid #666;
}

div.team {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

table.team {
	margin-bottom: 0;	
}

td.team {
	border-right: 1px solid #ccc;
	padding: 3px 10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
td.teamlast {
	border-right: none;	
}

/*--BUTTONS--*/
.formbutton{
	border-top: 1px solid #A2B1BF;
	border-left: 1px solid #A2B1BF;
	border-bottom: 1px solid #000718;
	border-right: 1px solid #000718;
	background: #012a4f url(../images/buttonbg.gif);
	font:12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
.bodybutton{
		border-top: 1px solid #ACACAC;
		border-left: 1px solid #ACACAC;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		background: #012a4f url(../images/buttonbg.gif) 0 0 repeat-x;
		float: left;
		text-align:center;
		padding:5px 10px;
		margin-right: 10px;
		}
 a.bodybutton{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	a.bodybutton:hover{
		color:#acacac;
		}

.pagingbutton{
		border-top: 1px solid #ACACAC;
		border-left: 1px solid #ACACAC;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		background: #012a4f url(../images/buttonbg.gif) 0 0 repeat-x;
		float: left;
		text-align:center;
		padding:5px 10px;
		margin-right: 0px;
		}
 a.pagingbutton{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	a.pagingbutton:hover{
		color:#acacac;
		}		
		
.featurebutton {
		float:left;
		border-top: 1px solid #ACACAC;
		border-left: 1px solid #ACACAC;
		border-bottom: 1px solid #E1E1E1;
		border-right: 1px solid #E1E1E1;
		background: #012a4f url(../images/buttonbg.gif) 0 0 repeat-x;
		display:block;
		text-align:center;
		padding: 4px 10px;
		margin:0 4px 0 0;
		}
a.featurebutton{
	font:11px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	}
	a.featurebutton:visited, a.featurebutton:hover, a.featurebutton.current{
		color:#acacac;
		font:11px Arial, Helvetica, sans-serif;
		text-decoration:none;
		}



body {
	background:0 0 url(../images/bg.gif) repeat-x;
}


/*--TOP--*/
#logo{
	height:109px;
	}
	#logo img {
		margin:25px 0 0 0;
		}


/*--INDEX SEARCH--*/			
#homesearch{
	margin-top:50px;
	margin-bottom:25px;
	background: 0 0 url(../images/searchbg.gif) repeat-x;
	overflow: hidden;
	}
#homesearchtitle{
	float:left;
	width:155px;
	padding:14px 0 0 0;
	background: 0 0 url(../images/propertysearch.gif) no-repeat;
	}
	.search{
		float:left;
		}
		#homesearchcategory{
			margin:12px 6px 0 10px;
			}
		#homesearchtypeid{
			margin:12px 6px 0 6px;
			}
		#homesearchlocation{
			margin:12px 6px 0 6px;
			}
		#homesearchsearch{
			margin:12px 6px 0 6px;
			}
		#homereference{
			margin:11px 0 0 6px;
			float:right;
			}
	#homesearchgo{
		float:right;
		width:56px;
		height:46px;
		padding:12px 0 0 0;
		text-align:center;
		background: url(../images/propertysearchend.gif) 0 0 no-repeat;
		}
/*--LEFT SEARCH--*/			
#leftsearch{
	background: url(../images/leftsearchbt.png) 0 bottom no-repeat;
	width: 245px;
	padding: 10px 9px;
	}
#leftsearchtitle{
	background: url(../images/leftsearchbg.png) 0 0 no-repeat;
	height:29px;
	}
div.searchfield {
	padding-top: 10px;
}
	

	#leftreference{
		padding-top: 10px;
		float:left;
		}
	#leftsearchgo{
		padding: 11px 0 0 9px;;
		float: left;
		}
/*--LEFT COLUMN--*/

div.links a{
	font: 16px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-decoration:none;
	width:257px;
	height:91px;
	float: left;
	padding:5px 0 0 6px;
	margin-top: 15px;
	}
div.links a:hover{
		color:#ccc;
		}
	#sub {
		background: url(../images/newsletter_sub.jpg) 0 0 no-repeat;
		}
	#subsold{
		background: url(../images/sold_sub.jpg) 0 0 no-repeat;
		}
		
/*--INDEX BAR LINKS--*/
#bottombar{
	margin-top: 30px;
}
	#bottombar a, #bottombarlinks a{
		font: 16px Arial, Helvetica, sans-serif;
		color:#102a4f;
		text-decoration:none;
		}
	#bottombar a:hover, #bottombarlinks a:hover{
		color:#ae171a;
		}
#bottombarlinks{
	margin-top: 30px;
	}

	#news{
		background: 0 0 url(../images/Latestnews.jpg) no-repeat;
		display:block;
		height:96px;
		padding:5px 0 0 8px;
		}
	#subscribe{
		background: 0 0 url(../images/newsletter.jpg) no-repeat;
		display:block;
		height:96px;
		padding:5px 0 0 8px;
		}
	#sold{
		background: 0 0 url(../images/sold.jpg) no-repeat;
		display:block;
		height:96px;
		padding:5px 0 0 8px;
		}

/*--Contact us divs --*/
.contact{
	float:left;
	width:187px;
	padding:5px 0 0 5px;
	height:395px;
	display:block;
	background-color:#eee;
	border: 1px solid #A5A5A5;
}


/*--SUB CONTENT--*/
#righttext{
	margin-top:40px;
	}
.contentimg{
	float:right;
	display:block;
	text-align:right;
	margin:0 0 15px 15px;
	}
	.contentimg a{
		color:#102a4f;
		font:10px Arial, Helvetica, sans-serif;
		}
.propimage{
	border:1px solid #102a4f;
	}

#fulpropbox{
	display:block;
	text-decoration:0;
	}


.propdetails{
	margin: 8px 0 8px 0;
	vertical-align:middle;
	height:20px;
	border-bottom: 1px solid #CCCCCC;
	font:12px Arial, Helvetica, sans-serif; 
	line-height:12px; 
	color:#555555;
	}	
	
.teamdetails{
	margin: 0 0 0 0;
	vertical-align:middle;
	}	
	#newslist ul {
	margin: 0;
	list-style-type:none;
	}
	#newslist li{
	border-bottom: 1px solid #ccc;
	padding:10px 0;
	margin: 0;
	}
	#newslist a{
	font:16px Arial, Helvetica, sans-serif; line-height:25px; color:#102a4f;
	text-decoration:none;
	}

.propertyanchor{
	display:block;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	}

.propertyanchorover{
	background-color:#eee;
	
	}
div.propertyimage {
	position: relative;
	width: 220px;
	float: left;
}
div.propertydetails {
	width: 390px;
	float: left;
}
h2.propertydetails {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: 012a4f;
	margin-bottom: 3px;
	
}
h3.propertydetials {
	font: 12px Arial, Helvetica, sans-serif;
	color: 012a4f;
	margin-bottom: 10px;
	
}
table.propertydetails {
	width: 100%;
	margin: 0;
}
td.propertydetails {
	font: 12px Arial, Helvetica, sans-serif;
	color: #666;
	border-top: 1px solid #ddd;
	padding: 3px 0;
}

h1.details {
	margin-bottom: 0;	
}
h2.details {
	margin-bottom: 20px;	
}
div.details {
	background: #fff;
	margin-bottom: 20px;
	padding-bottom: 10px;
	
	border-bottom: 1px solid #ccc;
}
div.detailphoto {
	float: left;
	width: 200px;
	text-align: center;
	margin-right: 20px;
	background: #eee;
	padding: 0;
}

div.detailphoto img {
	vertical-align: top;	
}

div.detailtable {
	float: left;
	width: 370px;
}

div.downloads {
	margin-bottom: 20px;	
}
h3.downloads {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

table.additionalphotos td {
	padding: 3px 15px;
	background: #eee;
	border: 4px solid #fff;
	width: 130px;
	text-align: center;
}


/*--pagenumbers--*/
div.pagingproptop {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 8px 0px;
}
div.pagingpropbottom {
	border-bottom: 1px solid #ccc;
	padding: 0px 0px 8px 0px;
}
div.pagenav {
	width: 100px;
	height: 30px;
	float: left;
}
div.pagenav a {
	width: 80px;
	margin: 0;
}
div.pagenumbers{
	float:left;
	text-align:center;
	width: 416px;
	height: 30px;
	}

div.paging {
	float: right;
	display: inline;
	margin-top: 10px;
}

div.pages {
	font:12px Arial, Helvetica, sans-serif;
	float: left;
	display: inline;
	color: #333333;
	padding: 7px 10px 3px 10px;
}

div.elipse {
	float: left;
	display: inline;
	color: #333;
	padding: 3px 10px 3px 10px;
}

div.curpage {
	color:#acacac;
	font:12px Arial, Helvetica, sans-serif;
	border-top: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	background: #012a4f url(../images/buttonbg.gif) 0 0 repeat-x;
	float: left;
	text-align:center;
	padding:5px 10px;
	margin-right: 0px;
}
	
/*-- Search Options --*/
div.searchresults {
	
}
h2.searchresults {
	margin-bottom: 5px;
}
table.searchresults {
	margin-bottom: 5px;	
}
table.searchresults td {
	padding: 3px 10px;
	background: #eee;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}
	
	/*---- jQuery Tools Scrollable Style ---- */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#topscroll{
	background-image:url(../images/featuredpropertytop.gif);
	background-position:bottom;
	vertical-align:bottom;
	width:540px;
	height:26px;
	}
	
#updatescroll {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 540px;
	height:190px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
#updatescroll .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

div.slide {
	float: left;
	position: relative;
	width: 515px;
	height:190px;
	overflow: hidden;
	padding: 10px 10px 0 15px;
	}
#updatenav{
	background: url(../images/featuredpropertybottom.gif) 0 0 no-repeat;
	width:540px;
	height:45px;
	}
#bg{
	background: 0 26px url(../images/featuredpropertycenter.gif) no-repeat;	
	}
div.slidecontent {
	width: 295px;
	height: 140px;
	overflow: hidden;
}
div.slidebuttons {
	width: 295px;
	padding-top: 10px;
}
div.slideimage {
	width: 200px;
	position: absolute;
	float: left;
	top: 10px;
	right: 0;
}
div.slidefade {
	position: absolute;
	width: 295px;
	top: 137px;
	left: 15px;
	height: 13px;
	z-index: 100;
	background: url(../images/bg_slidefade.png) 0 0 repeat-x;
}
	
/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:8px 15px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 		{ background: url(../images/hori_right.png) no-repeat; float:right; margin-right: 8px;}
a.right:hover 	{ background-position:-30px 0; }
a.right:active 	{ background-position:-60px 0; } 


/* left */
a.left			{ margin-left: 8px; background: url(../images/hori_left.png) no-repeat;} 
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }


/* navigator */
.navi {
	float: left;
}

.navi a {
	float: left;
	width: 21px;
	height: 19px;
	margin: 14px 3px;
	background: url(../images/bg_scrollnav.gif);
}

.navi a:hover {
	background-position: -21px 0;	
}

.navi a.active {
	background-position: -42px 0;	
}

/*-- RECENT PROPERTY SEARCH --*/
#recentproptop{
	background: url(../images/recentpropertiestop.gif) 0 0 no-repeat;
	height:26px;
	}
#recentpropcenter{
	background: url(../images/recentpropertiesbottom.gif) 0 bottom no-repeat;
	/*height: 180px;*/
	padding: 15px 0 10px 0;
	}
	.recentinfo{
		position:relative;
		float:left;		
		margin: 0 10px;
		display:block;
		width:120px;
		/*height:152px;*/
		padding:5px;
		}
		.recentinfo h5{
			margin-bottom:0;
			}
		.recentinfo p{
			margin-top:0;
			}
.recentover, .recentover h4{
	background-color:#ffffff;
	cursor:pointer;
	color:#ae171a;
	}

/*-- FOOTER --*/
#footer{
	border-top:1px solid #102a4f;
	margin-top: 20px;
	padding-top: 10px;
	}
		
a.terms {
	text-decoration: none;	
}

a.terms:hover {
	text-decoration: underline;
}	

/* use a semi-transparent image for the overlay */ 
#overlay {    
	 background-image:url(http://static.flowplayer.org/img/overlay/transparent.png);     
	 color:#efefef;    
	 height:450px; 
	 }  
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap {     
	height:441px;     
	overflow-y:auto; 
	}