@charset "utf-8";
/* CSS Document */
body 
{
	background-color: #70c5d8;
	font-family: 'Helvetica','Arial';
	font-size: 12px;
	color: #fff;
	margin: 0;
	padding: 0;
}

/* Top Navi */
#top_navi 
{
	background-image: url(../images/top_navi_bg.png);
	background-repeat: repeat-x;
	height: 60px;
	overflow: visible;
	position: relative;
	z-index: 3;
}

.logo
{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 228px;
	height: 240px;
}

.top_navi_links
{
	font-weight: bold;
	font-size: 12px;
	float: right;
	clear: none;
	margin-top: 20px;
}

#header
{
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	height: 333px;
	position: relative;
	z-index: 1;

}

#header #header_center
{
	background-image: url(../images/header_centre.png);
	background-position: center;
	background-repeat: no-repeat;
	width: auto;
	min-width: 970px;
	height: 333px;
}

#featured_property
{
	float: right;
	clear: none;
	width: 720px;
	height: 200px;
	margin: 48px 8px 0px 0px;
	overflow: hidden;
}

#featured_property_content 
{
    width: 2500px;
}

#featured_property_content .featured_slide {
    float: left;
    width: 720px;
    height: 200px;
}

.featured_border
{
	float: left;
	clear: both;
	margin: 0;
	background-image: url(../images/featured_border.png);
	background-repeat: no-repeat;
	width: 288px;
	height: 199px;
}
	.featured_border img
	{
		border: none;
		float: left;
		clear: both;
		margin: 11px 0px 0px 11px;
	}

#featured_property h2
{
	padding: 0;
	float: left;
	clear: none;
	width: 410px;
	height: 55px;
	margin: 0px 0px 0px 22px;
	font-size: 22px;
	font-weight: normal;
	overflow: hidden;
	color: #022428;
	border-bottom: 1px solid #57bacf;
}	

#featured_property h2 a
{
	text-decoration: none;
	color: #022428;
}

#featured_property h2 a:hover
{
	text-decoration: underline;
}

.featured_info
{
	padding: 15px 0px 0px 0px;
	float: left;
	clear: none;
	width: 410px;
	height: 105px;
	margin: 0px 0px 0px 22px;
	font-size: 12px;
	overflow: hidden;
	border-bottom: 1px solid #7ac8da;
}

.featured_info a
{
	color: #022428;
	font-weight: bold;
	text-decoration: none;
}
.featured_info a:hover
{
	color: #022428;
	font-weight: bold;
	text-decoration: underline;
}

.view_link
{
	font-weight: bold;
	float: left;
	clear: none;
	margin: 3px 0px 0px 23px;
	color: #fff;
	text-decoration: none;	
}

.view_link:hover
{
	text-decoration: underline;	
}

#feature_btn_holder
{
	float: right;
	clear: left;
	width: 200px;
	height: 75px;
	margin: 0px 25px 0px 0px;
}

#feature_btn_holder img
{
	float: left;
	clear: none;
	margin: 0;
	border: none;
}

#navigation_links_holder
{
	float: right;
	clear: both;
	width: 958px;
	height: 40px;
	margin: 35px 8px 0px 0px;
}

#navigation_links_holder ul
{
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	list-style: none;
}

#navigation_links_holder li
{	
	float: left;
	clear: none;
}

#navigation_links_holder ul a
{
	float: left;
	clear: none;
	display: block;
	width: 120px;
	height: 38px;
	cursor: pointer;
	margin-right: 9px;
}

/* Buttons */
#btn_buy
{
	background-image: url(../images/btn_buy.png);
	background-repeat: no-repeat;
}

#btn_buy:hover
{
	background-image: url(../images/btn_buy.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_buy_active
{
	background-image: url(../images/btn_buy.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_rent
{
	background-image: url(../images/btn_rent.png);
	background-repeat: no-repeat;
}

#btn_rent:hover
{
	background-image: url(../images/btn_rent.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_rent_active
{
	background-image: url(../images/btn_rent.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_holiday
{
	background-image: url(../images/btn_holiday.png);
	background-repeat: no-repeat;
}

#btn_holiday:hover
{
	background-image: url(../images/btn_holiday.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_holiday_active
{
	background-image: url(../images/btn_holiday.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_share
{
	background-image: url(../images/btn_share.png);
	background-repeat: no-repeat;
}

#btn_share:hover
{
	background-image: url(../images/btn_share.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#btn_share_active
{
	background-image: url(../images/btn_share.png);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#navigation_links_holder input
{
	float: right;
	clear: none;
	margin: 5px 14px 0px 0px;
	width: 220px;
	height: 20px;
	background-color: #fff;
	border: 2px solid #a7ecf6;
	font-size: 11px;
	color: #03535e;
	padding: 7px 0px 0px 5px;
}

#content
{
	background-color: #FFF;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat-x;
	background-position: top;
}

#content #content_holder 
{
	background-image: url(../images/content_holder_bg.png);
	background-repeat: repeat-y;
	width: 970px;
	margin: 0 auto;
}

#search
{
	float: left;
	clear: none;
	width: 930px;
	padding-bottom: 15px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px solid #c8e8ef;
}

#searchForm
{
	float: left;
	clear: both;
	width: 541px;
	margin: 15px 0px 0px 0px;
}

	#basicSearch
	{
		float: left;
		clear: both;
		width: 523px;
		height: 160px;
		background-image: url(../images/bg_searchTop.png);
		background-repeat: no-repeat;
		overflow: hidden;
		padding: 0px 0px 0px 18px;
	}
	
	#advancedSearch
	{
		float: left;
		clear: both;
		width: 523px;
		background-image: url(../images/bgAdvancedSearch.png);
		background-repeat: repeat-y;
		overflow: hidden;
		padding: 0px 0px 0px 18px;
	}

	#submitSearch
	{
		float: left;
		clear: both;
		width: 541px;
		height: 61px;
		background-image: url(../images/bgSubmitSearch.png);
		background-repeat: no-repeat;
		overflow: hidden;
	}
	
	#submitSearch img
	{
		border: none;	
		margin-right: 5px;
	}
	
	.advancetoggle
	{
		float: left;
		clear: both;
		margin: 22px 0px 0px 17px;
	}
	
.form label
{
	float: left;
	clear: both;
	display: block;
	width: 140px;
	margin-top: 10px;
	font-size: 18px;
}

.form input
{
	float: left;
	clear: both;
	display: block;
	width: 	500px;
	font-size: 11px;
	color: #666;
}

.form select
{
	float: left;
	clear: both;
	display: block;
	width: 	500px;
	font-size: 11px;
	color: #666;
}

.selectGroup
{
	float: left;
	clear: none;
}
	
#about
{
	float: left;
	clear: none;
	width: 316px;
	height: 164px;
	margin: 15px 0px 0px 35px;
	background-image: url(../images/bg_about.png);
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 11px;
	padding: 42px 17px 15px 17px;;
}
	
#listings
{
	float: left;
	clear: both;
	width: 930px;
	padding-bottom: 15px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px solid #c8e8ef;
}

#listing_holder
{
	float: left;
	clear: both;
	width: 660px;
	margin: 20px 0px 0px 15px;
}
	#listing_holder img
	{
		float: left;
		clear: both;
	}
	
.listing
{
	float: left;
	clear: both;
	width: 660px;
	height: 192px;
	background-color: #e6f6fa;
	margin: 10px 0px 16px 0px;
}

.listing img
{
	border: 8px solid #3da8bf;	
}

.listing h2
{
	float: left;
	clear: none;
	width: 350px;
	height: 50px;
	margin: 4px 0px 0px 15px;
	padding: 0px 0px 7px 0px;
	font-size: 22px;
	font-weight: normal;
	overflow: hidden;
	color: #025a6d;
	border-bottom: 1px solid #57bacf;
}
	.listing h2 a
	{
		text-decoration: none;
		color: #025a6d;
	}
	
	.listing h2 a:hover
	{
		text-decoration: underline;
	}

.listing_info
{
	float: left;
	clear: none;
	width: 350px;
	height: 100px;
	border-bottom: 1px solid #57bacf;
	margin: 5px 0px 0px 15px;
	padding-bottom: 3px;
	color: #025a6d;
}
	.listing_info a
	{
		color: #022428;
		font-weight: bold;
		text-decoration: none;
	}
	.listing_info a:hover
	{
		color: #022428;
		font-weight: bold;
		text-decoration: underline;
	}
#ad_160x600_holder
{
	float: right;
	clear: none;
	width: 188px;
	margin: 20px 4px 0px 0px;
}

#ad_160x600
{
	float: left;
	clear: none;
	width: 188px;
	height: 628px;
	background-color: #88e3f8;
	margin: 10px 0px 0px 0px;
}
	#content_160x600
	{
		float: left;
		clear: both;
		margin: 14px 0px 0px 14px;
		width: 160px;
		height: 600px;
		background-color: #1995af;
	}

#articles
{
	float: left;
	clear: both;
	width: 930px;
	padding-bottom: 15px;
	margin: 0px 0px 0px 20px;
	border-bottom: 1px solid #c8e8ef;
}

#article_holder
{
	float: left;
	clear: both;
	width: 580px;
	margin: 20px 0px 0px 15px;
}

.article
{
	float: left;
	clear: both;
	width: 580px;
	height: 80px;
	margin: 10px 0px 10px 0px;
	background-color: #e6f6fa;
}

.article img
{
	float: left;
	clear: both;
	margin: 10px;
	border: none;
}

.article h3
{
	float: left;
	clear: none;
	margin: 7px 0px 0px 0px;
	padding: 0;
	width: 470px;
	height: 20px;
	font-size: 16px;	
	overflow: hidden;
}
	.article h3 a
	{
		color: #025a6d;
		text-decoration: none;
	}
	.article h3 a:hover
	{
		text-decoration: underline;
	}

.article p
{
	float: left;
	clear: none;
	margin: 3px 0px 0px 0px;
	width: 470px;
	height: 45px;
	padding: 0;
	font-size: 11px;
	overflow: hidden;
	color: #025a6d;
}
	.article p a
	{
		font-weight: bold;
		color: #025a6d;
		text-decoration: none;
	}
	.article p a:hover
	{
		text-decoration: underline;
	}
#agent_finder
{
	float: right;
	clear: none;
	margin: 20px 4px 0px 15px;
	width: 280px;
}

#finder
{
	float: left;
	clear: both;
	width: 270px;
	height: 280px;
	margin: 10px 0px 0px 0px;
	background-image: url(../images/bg_agentFinder.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 12px;
}

.or_divider
{
	font-size: 18px;
	width: 256px;
	text-align: center;
	float: left;
	clear: both;
	margin: 15px 0px 5px 0px;
}

#events
{
	float: left;
	clear: both;
	width: 930px;
	padding-bottom: 15px;
	margin: 0px 0px 0px 20px;
}

#event_holder
{
	float: left;
	clear: both;
	width: 580px;
	margin: 20px 0px 0px 15px;
}

.event
{
	float: left;
	clear: both;
	width: 580px;
	height: 80px;
	margin: 10px 0px 10px 0px;
	background-color: #d2f6ee;	
}

.event img
{
	float: left;
	clear: both;
	margin: 10px;
	border: none;
}

.event h3
{
	float: left;
	clear: none;
	margin: 6px 0px 0px 0px;
	padding: 0;
	width: 470px;
	height: 20px;
	font-size: 16px;	
	overflow: hidden;
}
	.event h3 a
	{
		color: #025a6d;
		text-decoration: none;
	}
	.event h3 a:hover
	{
		text-decoration: underline;
	}

.event_lhs
{
	float: left;
	clear: none;
	width: 350px;
	height: 45px;
	font-size: 11px;
	color: #025a6d;
}

.event_category
{
	color: #3b66c2;
	font-weight: bold;
}

.event_rhs
{
	float: left;
	clear: none;
	width: 120px;
	height: 45px;
	text-align: right;
	font-size: 11px;
	color: #025a6d;
}
	.event_rhs a
	{
		font-weight: bold;
		color: #025a6d;
		text-decoration: none;
	}
	.event_rhs a:hover
	{
		text-decoration: underline;
	}

#ad_250x250_holder
{
	float: right;
	clear: none;
	margin: 20px 4px 0px 15px;
	width: 280px;
}

#ad_250x250
{
	float: left;
	clear: none;
	width: 278px;
	height: 278px;
	background-color: #88e3f8;
	margin: 10px 0px 0px 0px;
}
	#content_250x250
	{
		float: left;
		clear: both;
		margin: 14px 0px 0px 14px;
		width: 250px;
		height: 250px;
		background-color: #1995af;
	}

#footer 
{
	min-width: 970px;	
}
#footer .width_holder
{
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top;
	width: 970px;
	padding: 5px 0px 100px 0px;
}

#bottom_links
{
	float: left;
	clear: both;
	width: 970px;
	height: 150px;
	text-align: center;
	color: #136677;
	font-size: 11px;
}
	#bottom_links a
	{
		color: #136677;
		text-decoration: none;
	}
	#bottom_links a:hover
	{
		text-decoration: underline;	
	}
	#bottom_links img
	{
		margin-top: 15px;
		border: none;
	}
	
.copyright
{
	color: #40a0b6;
	font-size: 17px;
	font-weight: bold;
}

/* Common */
.width_holder
{
	width: 970px;
	margin: 0 auto;
}

.links a
{
	text-decoration: none;
	color: #fff;
}
.links a:hover
{
	text-decoration: underline;
	color: #fff;
}

#content .submitButton
{
	background-image: url(../images/searchButton.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1px;
	text-align: right;
	color: #066c83;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 125px;
	height: 35px;
	float: right;
	clear: none;
}