@charset "utf-8";
/* CSS Document */
body, html
{
	font-family: Trebuchet MS, Arial;
	margin: 0px;
	padding: 0px;
	color: #646262;
}
.center
{
	position: relative;
	margin: 1px auto 0px auto;
	width: 900px;
}
/*////////////////////////////////////// LOGO */
.logoHolder
{
	position: absolute;
	width: 242px;
	height: 211px;
	float: left;
	cursor: hand;
	cursor: pointer;
	top: -25px;
	left: -26px;
}
/*////////////////////////////////////// NAV */
#nav
{
	line-height: 40px;
	height: 40px;
}
#nav ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	float: right;
}
#nav ul li
{
	display: inline;
}
#nav a
{
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #646262;
	display: block;
	float: left;
	width: 65px;
}
#nav a:hover
{
	color: #4db848;
}
#nav a.active
{
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #4db848;
	display: block;
	float: left;
	width: 65px;
}
/*////////////////////////////////////// BANNER */
#banner_holder
{
	margin: 0px 0px 30px 0px;
	background-color: #e9fad0;
	height: 166px;
}
#banner
{
	position: relative;
	height: 166px;
	background-color: #e9fad0;
	background-image:url(../images/layout/jamaican_real_estate.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 900px;
	margin: 0px auto 0px auto;
}
/*////////////////////////////////////// FEATURED PROPERTIES */
#featured
{
	margin: 28px 0px 0px 0px;
	padding: 10px 10px 30px 10px;
	background-color: #e9fad0;	
	position: relative;
}
#featured .window
{
	height: 221px;
	width: 540px;
	position: relative;
	overflow: hidden;
}
/*////////////////////////////////////// SLIDER */
.slide
{
	width: 540px;
	height: 221px;
}
.slide .images
{
	width: 222px;
	margin: 0px 5px 0px 15px;
	float: left;
}
.slide .lgThumb
{
	border: 1px solid #FFF;
	color: #FFF;
	background-color: #8cc63f;
	width: 218px;
	height: 163px;
	cursor: hand;
	cursor: pointer;
}
.slide .lgThumb img
{
	display: none;
	border: 0px none;
	width: 218px;
	height: 163px;
}
.slide .lgThumb p
{
	text-align: center;
	font-size: 12px;
	margin: 70px 0px 0px 0px;
}
.slide .smThumb
{
	margin: 2px 2px 0px 0px;
	float: left;
	border: 1px solid #FFF;
	color: #FFF;
	background-color: #8cc63f;
	width: 70px;
	height: 52px;
	cursor: hand;
	cursor: pointer;
}
.slide .smThumb img
{
	display: none;
	border: 0px none;
	width: 70px;
	height: 52px;
}
.slide .smThumb p
{
	text-align: center;
	font-size: 10px;	
	margin: 10px 0px 0px 0px;
}
.slide .details
{
	float: left;
	width: 260px;
}
.slide .details p
{
	font-size: 12px;
	margin: 0px;
}
.slide .details p.space
{
	font-size: 12px;
	margin: 0px 0px 5px 0px;
}
.slide .details .container
{
	height: 191px;
}
/* SLIDE CONTROLS */
#slideControls
{
	margin: 12px 0px 0px 0px;
	text-align: right;
	width: 518px;
	position: absolute;
	top: 0px;
}
#slideControls ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#slideControls ul li
{
	display: inline;
	float: right;
}
#slideControls a
{
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	height: 25px;
	width: 25px;
	background-color: #4db848;
	margin: 0px 0px 0px 5px;
}
#slideControls a:hover
{
	background-color: #8cc63f;
}
#slideControls a.active
{
	background-color: #8cc63f;
}
/*////////////////////////////////////// RESULT */
.result
{
	background-color:#F7F7F7;
	float: left;
	width: 520px;
	height: 128px;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #e9fad0;
}
.result .tools
{
	float: right;
}
.result:hover
{
	background-color: #e9fad0;
	border: 1px solid #8cc63f;
}
.result h4
{
	position: relative;
	font-size: 16px;
	background-color: #8cc63f;
	line-height: 30px;
	margin: 0px 0px 5px 0px;
	padding: 0px 5px 0px 5px;
	color: #FFF;
}
.result h4 .id
{
	position: absolute;
	font-size: 10px !Important;
	font-weight: normal;
	line-height: 18px;
	right: 5px;
	color: #FFF;
}
.result .thumb
{
	float: left;
	background-color: #FFF;
	width: 107px;
	height: 79px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
	margin: 5px 5px 0px 0px;
	padding: 5px;
}
.result .thumb p
{
	font-size: 12px;
	margin: 20px 0px 0px 0px;
}
.result .details .col
{
	float: left;
	width: 130px;
	margin: 15px 0px 0px 10px;
}
.result ul
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.result ul li
{
	margin: 5px 0px 0px 0px;
}
/*////////////////////////////////////// RESULT EMAIL BOX */
.email
{
	width: 540px;
	margin: 0px 0px 10px 0px;
	background-color: #EDEDED;
	border: 1px solid #CCC;
	display: none;
}
.email .spacing
{
	padding: 15px;
}
.email .row
{
	margin: 0px 15px 3px 0px;
	clear: both;
}
.email label
{
	margin: 5px 0px 0px 0px;
	font-size: 12px;
	display: block;
	width: 80px;
	font-size: 12px;
	float: left;
}
.email input
{
	font-family: Trebuchet MS;
	font-size: 12px;
	width: 120px;
	border: 1px solid #CCC;
	background-color: #FFF !Important;
	padding: 3px;
}
.email textarea
{
	font-family: Trebuchet MS;
	font-size: 12px;
	border: 1px solid #CCC;
	background-color: #FFF !Important;
	padding: 3px;
	width: 180px;
	height: 90px;
}
.email .view
{
	float: left;
	margin: 10px 5px 0px 0px;
}
/*////////////////////////////////////// PAGINATOR */
.paginator
{
	margin: 0px 0px 10px 0px;
	font-size: 12px;
	text-align: right;
	line-height: 30px;
	width: 550px;
}
.paginator a, a:visited
{
	color: #25594d;
}
/*////////////////////////////////////// VIEW */
#view h4
{
	font-size: 20px;
	margin: 25px 0px 20px 0px;
}
#view .images
{
	height: 166px;
}
#view .lgThumb
{	
	height: 162px;
	width: 217px;
	margin: 0px 5px 0px 0px;
	border: 5px solid #F7F7F7;
	background-color: #8cc63f;
	text-align: center;
	float: left;
}
#view .lgThumb p
{
	font-size: 10px;
	color: #FFF;
	margin: 22px 0px 0px 0px;
}
#view .lgThumb img
{
	border: 0px none;
}
#view .smThumb
{
	height: 52px;
	width: 70px;
	margin: 0px 5px 5px 0px;
	border: 5px solid #F7F7F7;
	background-color: #8cc63f;
	text-align: center;
	float: left;
}
#view .smThumb p
{
	font-size: 10px;
	color: #FFF;
	margin: 12px 0px 0px 0px;
}
#view .smThumb img
{
	border: 0px none;
}
#view .details
{
	font-size: 14px;
	line-height: 24px;
	margin: 20px 0px 20px 0px;
}
#view .details p
{
	margin: 0px;
	padding: 0px;
}
#view .details p.space
{
	margin: 20px 0px 0px 0px;
}
/*////////////////////////////////////// SEARCH */
#search
{
	width: 340px;
}
#search #searchForm
{
	width: 340px;
}
#search .form .spacing
{
	height: 263px;	
	padding: 20px;
}
#search .container
{
	margin: 15px 0px 0px 0px;
	height: 182px;
}
#search
{
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#search h2
{
	margin: -5px 0px 0px 0px;
}
#search h2 b
{
	color: #FFF;	
}
#search ul
{
	padding: 0px;
	margin: -60px 0px 0px 0px;
	list-style-type: none;
	float: right;
}
#search ul li
{
	display: inline;
}
#search li a
{
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	background: #4db848;
	display: block;
	line-height: 30px;
	height: 30px;
	width: 80px;
	float: left;
	padding: 0px;
	text-align: center;
}
#search li a:hover
{
	color: #646262;
	background: #FFF;
}
#search li a.active
{
	font-size: 12px;
	color: #646262;
	text-decoration: none;
	background-color: #FFF;
	display: block;
	line-height: 30px;
	height: 30px;
	width: 80px;
	float: left;
	padding: 0px;
	text-align: center;
}
/*////////////////////////////////////// CONTACT */
.contact
{
	font-size: 14px;
	margin: 20px 0px 0px 0px;
}
.address
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}
.address b
{
	font-size: 16px;
}
.address li
{
	margin: 0px 0px 10px 0px;
}
.contact form
{
	background-color: #F7F7F7;
	margin: 20px 0px 0px 0px;
	padding: 20px;
}
.contact .row
{
	margin: 0px 0px 10px 0px;
}
.contact label
{
	display: block;
	width: 120px;
	float: left;
}
.contact input
{
	font-family: Trebuchet MS;
	background-color: #FFF !Important;
	font-size: 14px;
	border: 1px solid #CCC;
	display: block;
	padding: 3px;
	width: 250px;
	float: left;
}
.contact textarea
{
	font-family: Trebuchet MS;
	font-size: 14px;
	border: 1px solid #CCC;
	width: 350px;
	height: 160px;
	padding: 3px;
}
/*////////////////////////////////////// FORM */
form
{
	margin: 0px;
	padding: 0px;
}
.form
{
	background-color: #8cc63f;
	margin: 0px;
}
.form .row
{
	clear: both;
	margin: 5px 0px 5px 0px;
	font-size: 13px;
	color: #FFF;
}
.form label
{
	font-size: 14px;
	width: 100px;
	float: left;
	margin: 5px 0px 0px 0px;
	color: #FFF;
}
.form input
{
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #000;
	width: 64px;
	border: 1px solid #646262;
	background: #FFF !Important;
	padding: 3px;
}
.form select
{
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #000;
	border: 1px solid #646262;
	background: #FFF !Important;
	padding: 3px;
}
.searchHolder
{
	margin: 20px 0px 0px 0px;
	float: right;
}
a.searchBU
{
	display: block;
	font-size: 16px;
	background: #4db848;
	color: #FFF;
	text-decoration: none;
	width: 90px !Important;
	line-height: 30px;
	height: 30px;
	text-align: center;
	font-weight: bold;
}
a.searchBU:hover
{
	background: #102621;
	text-decoration: none !Important;
}
/*////////////////////////////////////// ABOUT */
#about
{
	background: #EEE;
	margin: 20px 0px 0px 0px;
	cursor: hand;
	cursor: pointer;
}
#about .container
{
	height: 200px;
}
#about p
{
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
	padding: 15px 15px 0px 15px;
}
#about h2
{
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 15px 0px 0px 15px;
}
/*////////////////////////////////////// ADVICE */
#advice
{
	background-color: #d2eed5;
	margin: 20px 0px 0px 0px;
	width: 340px;
	cursor: hand;
	cursor: pointer;
}
#advice h2
{
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 15px 0px 0px 15px;
}
#advice .container
{
	height: 200px;
}
#advice p
{
	font-size: 14px;
	line-height: 24px;
	margin: 0px 10px 5px 0px;
	padding: 15px 15px 0px 15px;
}
.reg_icon
{
	margin: 5px 0px 0px 5px;
}
.icon
{
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
	width: 16px;
	height: 16px;
}
/*////////////////////////////////////// CONTENT */
#content
{
	min-height: 565px;
	height: auto !Important;
	height: 565px;
}
h1
{
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}
h1 b
{
	color: #8cc63f;
}
h2
{
	font-size: 24px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
h2 b
{
	color: #8cc63f;
}
h3
{
	font-size: 24px;
	color: #000;
	padding: 0px;
	margin: 22px 0px 10px 0px;
}
h3 b
{
	color: #8cc63f;
}
h3 i
{
	color: #646262;
	font-size: 17px;
	font-style: normal;
}
.leftside
{
	width: 540px;
}
p.regular
{
	margin: 15px 15px 0px 0px;
	font-size: 14px;
	line-height: 24px;
}
/*////////////////////////////////////// FOOTER */
#footer
{
	padding: 25px 0px 25px 0px;
	color: #646262;
	height: 100px;
	margin: 40px 0px 0px 0px;
	background-color: #e9fad0;	
}
#footer ul
{
	margin: 0px;;
	list-style-type: none;
	text-align: center;
}
#footer ul li
{
	font-size: 11px;
	display: inline;
	padding: 0px 40px 0px 0px;
}
#footer a
{
	text-decoration: none;
	color: #646262;
}
#footer a.active
{
	color: #4db848;
}
#footer a:hover
{
	color: #4db848;
}
/*////////////////////////////////////// PAGINATION */
.pagination
{
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 10px 0px;
	background: #e9fad0;
}
.pagination .pageAt
{
	float: left;
}
.pagination .numbers
{
	float: right;
}
/*////////////////////////////////////// ERROR */
.error
{
	color: #4db848;
}
.errorBdr
{
	border: 1px solid #4db848 !Important;
	background: #e9fad0 !Important;
}
/*////////////////////////////////////// MISCELLANEOUS */
a
{
	text-decoration: none;
	color: #4db848;
}
a:hover
{
	text-decoration: underline;
}
ol
{
	font-size: 14px;
}
ol li
{
	line-height: 24px;
	margin: 0px 0px 10px 0px;
}
h5
{
	font-size: 17px;
}
.profile
{
	float: right;
	border: 5px solid #F7F7F7;
	margin: 25px 0px 0px 20px;
	width: 152px;
	height: 152px;
}
.profile img
{
	border: 1px solid #FFF;
}
.searching
{
	margin: 27px 0px 0px 0px;
}
.loading
{
	font-size: 14px;
}
.valign
{
	vertical-align: middle;
	margin-right: 5px;
}
.preloader
{
	width: 16px !Important;
	height: 16px !Important;
	margin: 5px 0px 0px 5px !Important;
}
.view
{
	float: right;
}
a.viewBU
{
	display: block;
	font-size: 12px;
	background-color: #4db848;
	color: #FFF;
	text-decoration: none;
	width: 50px !Important;
	line-height: 30px;
	height: 30px;
	text-align: center;
	font-weight: bold;
}
a.viewBU:hover
{
	background-color: #102621;
	text-decoration: none;
	color: #FFF;
}
.left
{
	float: left;
}
.right
{
	float: right;
}
.hide
{
	display: none;
}
.clear
{
	clear: both;
}