/*CSS Document
-- Globals --*/
HTML, BODY, A, IMG, UL, OL, LI, FORM, H1, H2, H3, H4, H5, DL {
	padding: 0;
	margin: 0;
}
html, body, input, select, textarea, button, table, td, th, div {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 9pt;
}
BODY {
	background: #EAEAEA;
}
A {
	color: #333333;
	text-decoration: none;
}
A:hover, A.selected {
	color: #333333;
	text-decoration: underline;
}
IMG {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}
:focus {
	outline: none;
}
P {
	margin: 1.12em 0;
	line-height: 1.3;
}
H1 {
	font-weight: normal;
	font-size: 1.1em;
}
H2 {
	font-weight: normal;
	font-size: 1.3em;
}
H3 {
	font-weight: bold;
	font-size: 1.1em;
}
H4 {
	font-weight: bold;
	font-size: 1em;
}
LI {
	list-style: none;
}
/*-- END Globals --*/
#main {
	width: 940px;
	margin: auto;
	border-right: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	background: #E1E1E1;
}
#head {
	background: url(images/bg_dark_yellow.png);
}
#head H1 {
	color: #FFFFFF;
	padding: 3px 0 0px 0px;
	font-weight: normal;
	background: url(images/logo_top.gif) no-repeat left top;
	text-align: right;
	margin-right: 20px;
	height: 19px;
}
/*-- INNER HEAD --*/
#innr_head {
	float: right;
	width: 560px;
	vertical-align: bottom;
}
#innr_head #contact {
	float: right;
	padding: 18px 20px 0 0;
	margin: 2px 0 0;
	text-align: right;
}
#innr_head #quote {
	float: left;
	border-left: 1px solid #FFFFFF;
	padding: 10px 0 10px 20px;
	margin: 20px 0 0;
}
#innr_head A {
	padding-bottom: 2px;
	border-bottom: 1px dashed #FFFFFF;
	color: #FFFFFF;
	display: block;
}
#innr_head A:hover {
	color: #333333;
	text-decoration: none;
}
/*-- END INNER HEAD --
-- MENU --*/
#menu {
	background: url(images/bg_dark_grey.png);
	clear: both;
	overflow: auto;
}
#menu LI {
	float: left;
	display: block;
}
#menu A {
	display: block;
	height: 22px;
	width: 126px;
	background: url(images/button.png) no-repeat;
	color: #FFFFFF;
	font-size: 1.2em;
	padding: 4px 0 0 34px;
	margin: 5px 0px 5px 20px;
}
#menu .menu_right {
	margin-right: 20px;
	margin-left: 0px;
}
#menu A:hover {
	background-position: 0px -26px;
	text-decoration: none;
}
/*-- END MENU --*/
#innr_head P {
	line-height: 1.2em;
}
#contact SPAN {
	display: block;
	font-weight: bold;
}
#content {
	padding: 20px 20px 0;
	width: 900px;
}
/*-- Columns --*/
#left_column {
	width: 340px;
	float: left;
}
#right_column {
	float: right;
	width: 540px;
}
/*-- Modules --*/
.module DIV {
	border-left: 1px solid;
	border-right: 1px solid;
}
.module DIV DIV {
	border: none;
}
.module {
	background-color: #FFFFFF;
	padding-bottom: 6px;
	margin-bottom: 20px;
}
.module H2 {
	height: 28px;
	padding: 12px 15px 0;
}
.module H2 A {
	cursor: pointer;
	text-decoration: none;
	padding-bottom: 2px;
}
.module H2 A:hover {
}
/*-- Small Module --*/
.module.small DIV {
	border-left-color: #BABABA;
	border-right-color: #BABABA;
	padding: 8px 9px 5px;
}
.module.small DIV P {
	font-size: 0.8em;
	margin: 0.2em;
}
.module.small DIV DIV {
	padding: 0;
}
.module.small {
	background: #FFFFFF url(images/module_small_bg.gif) no-repeat bottom;
}
.module.small H2 {
	background: #EEEEEE url(images/module_small_head_bg.gif) center;
}
.module.small H2.gold {
	background: #EEEEEE url(images/module_small_head_bg_gold.gif);
}
.module.small H2.green {
	background: #EEEEEE url(images/module_small_head_bg_green.gif);
}
.module.small H2.black {
	color: #FFFFFF;
	background: #EEEEEE url(images/module_small_head_bg_black.gif);
}
.module.small H2.black a {
	color: #FFFFFF;
}
.module.small H2 A:hover {
	color: #B58906;
}
/*-- Big Module --*/
.module.big DIV {
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
}
.module.big H2 A {
	color: #FFFFFF;
}
.module.big H2 {
	color: #FFFFFF;
	background: #666666 url(images/module_big_head_bg.gif);
}
.module.big {
	background: #ffffff url(images/module_big_bg.gif) no-repeat bottom;
}
.module.big H2 A:hover {
	color: #F6D165;
}
/*-- Listing module Module --*/


/*-- Window Display --*/
.window_display {
	position: relative;
	width: 320px;
}
.window_display H3 {
	display: block;
	position: absolute;
	z-index: 1;
	width: 320px;
	top: 205px;
	background: url(images/window_display_h3_bg.png);
	color: #333333;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.window_display H3.top_text {
	display: block;
	top: 10px;
	text-transform: uppercase;
}
.window_display H3.bottom_text {
	display: block;
}
/*-- Footer --*/
#footer {
	clear: both;
	background: url(images/footer_bg.png) repeat-x bottom;
	height: 220px;
	padding: 20px;
}
.toes {
	color: #FFFFFF;
	float: left;
	height: 220px;
}
.toes A, .toes A:hover {
	color: #000000;
	text-decoration: none;
}
#toe2, #toe3 {
	border-left: 1px solid #FFFFFF;
	margin-left: 20px;
	padding-left: 20px;
}
/*-- Toe 1 --*/
#toe1 {
	width: 350px;
}
#toe1 SPAN, #toe1 IMG {
	font-size: 0.82em;
	float: left;
	display: block;
	padding-right: 16px;
	float: left;
}
#toe1 SPAN {
	padding-top: 8px;
	color: #000000;
}
#toe1 IMG {
	padding-right: 2px;
}
#toe1 A {
	border-bottom: 1px dotted #FFFFFF;
	padding-bottom: 2px;
}
#toe1 A:hover {
	color: #FFFFFF;
}
#toe1 SPAN A {
	border-style: none;
	color: #000000;
}
/*-- Toe 2 --*/
#toe2 SPAN A:hover {
	color: #FFFFFF;
}
#toe2 H4 {
	padding-bottom: 1em;
}
#toe2 A {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: 1px;
	line-height: 2em;
}
#toe2 A:hover {
	color: #000000;
	border-bottom-color: #000000;
}
#toe2 {
	width: 140px;
}
#toe3 {
	width: 325px;
}
/*-- Property Listings --*/
.sorted_by {
	float: none;
	float: right;
	color: #FFCC00;	
}

#sort_property LABEL {
	font-weight: bold;
}
#sort_property dt {
	width: 70px;
}
.module_title {
	float: left;
}

/* LIST ITEM --------------------------- */
.list_item {
	margin: 15px 15px 0;
	height: 167px;
}
.list_item .photo {
	position: relative;
	background: url(images/window_display_h3_bg.png);
	width: 220px;
	float: left;
}
.list_item .photo a {
	display: block;
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	width: 220px;
	height: 165px;
}
.list_item .photo H3 {
	display: block;
	position: absolute;
	z-index: 1;
	color: #333333;
}
.list_item .photo H3.status {
	width: 94px;
	height: 94px;
	text-indent: -9999px;
}
.list_item .photo H3.status.sold {
	background: url(images/status_listing_sold.gif);
}
.list_item .photo H3.status.leased {
	background: url(images/status_listing_leased.gif);
}
.list_item .photo H3.bottom_text {
	top: 140px;
	width: 220px;
	padding: 5px 0;
	background: url(images/list_photo_h3_bg.png);
	color: #FFCC00;
	text-align: center;
	left: 1px;
}

.list_item .photo img {
	border: 1px solid #333333;
}
.list_item .info {
	float: right;
	width: 286px;
	height: 167px;
	background: url(images/list_info_bg.gif) no-repeat right top;
}
.list_item .info .left ul {
	text-align: right;
}
.list_item .info .left li {
	padding-bottom: 5px;
	list-style: circle url(images/bullet_link.gif);
}
.list_item .info .price {
	display: block;
	clear: both;
	background: #999999 url(images/list_price_bg.png);
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	height: 25px;
	padding-top: 2px;
}
.list_item .info a:hover {

}
.list_item .info .left h4 {
	text-align: right;
	border-bottom: 1px dotted #666666;
	padding-bottom: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.list_item .info .left,
.list_item .info .property_attributes {
	margin: 3px;
}

.list_item .info .left {
	float: left;
	width: 168px;
}

/* -- Property Attributes -- */
ul.property_attributes {
	float: right;
	background: #F4F4F4;
	height: 128px;
	padding-left: 10px;
	padding-right: 4px;
	padding-top: 6px;
}
ul.property_attributes li {
	background: url(images/info_list_bg.gif);
	height: 21px;
	width: 73px;
	margin-bottom: 4px;
	padding-top: 5px;
	padding-left: 9px;
	font-weight: bold;
}
ul.property_attributes span {
	padding-left: 16px;
	font-weight: normal;
	color: #FFFFFF;
}

/*-- Property Details --*/

.detail {
	padding: 15px 15px 0;
}
.detail .info {
	background: url(images/info_topbg.gif) no-repeat top;
	width: 100%;
}
.detail .info h3.status {
	position: absolute;
	text-indent: -9999px;
	width: 124px;
	height: 124px;
}
.detail .info h3.status.for_lease {
	background: url(images/status_detail_for_lease.gif) top left no-repeat;
}
.detail .info h3.status.leased {
	background: url(images/status_detail_leased.gif) top left no-repeat;
}
.detail .info h3.status.for_sale {
	background: url(images/status_detail_for_sale.gif) top left no-repeat;
}
.detail .info h3.status.sold {
	background: url(images/status_detail_sold.gif) top left no-repeat;
}
.detail .info .property_attributes {
	margin: 3px 3px 0 0;
}

.detail .info a:hover {
	color: #000000;
}
.detail .info .category {
	background: url(images/for_lease_text.gif);
	float: left;
	height: 124px;
	width: 124px;
}
.detail .info .address {
	font-size: 1.7em;
	float: left;
	text-align: right;
	width: 380px;
	padding-top: 15px;
}
.detail .infobg {
	background: url(images/info_bg.gif);
}

.property_images {
	padding-left: 8px;
}
.detail .info div h4 {
	float: left;
	width: 380px;
	text-align: right;
	padding-top: 10px;
	font-size: 1.3em;
}
.detail .info div h5 {
	color: #999999;
	float: left;
	padding-top: 10px;
	width: 380px;
	text-align: right;
}
.detail .info .links {
	clear: both;
	border-top: 1px solid #F4F4F4;
	margin: 0px 1px;
	overflow: auto;
}
.detail .info .links li {
	width: 120px;
	float: left;
	display: inline-block;
	background: url(images/bullet_link.gif) no-repeat;
	padding: 0 0 0 15px;
	margin: 10px 0 0 16px;
}
.info .property_thumbnails {
	clear: both;
	margin: 10px 1px 0px;
	border-top: 1px solid #F4F4F4;
	float: none;
	padding: 10px 0px 5px 8px;
}
.info .property_thumbnails img {
	padding-bottom: 5px;
}
.info .property_heading {
	font-size: 1.5em;
	padding: 0px 8px;
	margin: 8px;
}
.info .description {
	width: 310px;
	background-color: #F4F4F4;
	margin-left: 1px;
	padding: 0 15px 15px 15px;
	font-size: 1.2em;
	line-height: 1.5em;
	float: left;
	color: #000000;
}
.info .features {
	float: right;
	width: 150px;
	padding-right: 10px;
}
.info .features li {
	padding-bottom: 1em;
	list-style: none;
	background: url(images/bullet.gif) no-repeat;
	padding-left: 14px;
}
.title_price {
	float: right;
	padding-right: 20px;
	color: #FFCC00;
}
.info .inspect_list {
	padding-top: 5px;
	padding-right: 10px;
	color: #666666;
}
.info .inspect_list li {
	list-style: none;
	background: url(images/bullet.gif) no-repeat;
	padding-left: 14px;
}
.info .inspect {
	margin-bottom: 15px;
	margin-left: 16px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-right: 15px;
}
.inspect h3 {
	color: #FFCC00;
}

.property_slideshow {
	height: 240px;
	margin: auto;
	width: 320px;
}

/* ---- Sub Menu ---- */

.sub_menu {
	padding-top: 8px;
	padding-bottom: 3px;
}
.sub_menu a {
	display: block;
	height: 20px;
	padding-top: 4px;
	padding-left: 35px;
	font-size: 1.2em;
	margin-bottom: 6px;
	color: #333333;
	background: #F2F2F2 url(images/bullet_link.gif) no-repeat 15px 8px;
	border: 1px solid #CCCCCC;
}

.sub_menu a:hover, .sub_menu a.selected {
	text-decoration: none;
	background: #FECB00 url(images/bullet_link_.gif) no-repeat 15px 8px;
}

/*.sub_menu li:hover {
	background: url(images/sub_menu_item_bg.png);
	
}*/

/* ---- Pagination ---- */
.pagination {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 5px;
}
.pagination li {
	display: inline;
}
.pagination a {
	font-weight: normal;
	border: 1px solid #CCCCCC;
	padding: 1px 3px;
	background: #EEEEEE;
}
.pagination a:hover {
	text-decoration: none;
	background: #FFFFFF;
	border-color: #333333;
}
/* ---- Staff Listings ---- */

.staff {
	padding: 15px 15px 0;
}
.staff .photo {
	position: relative;
	background: url(images/window_display_h3_bg.png);
	width: 200px;
	float: left;
}
.staff .photo a {
	position: absolute;
	z-index: 2;
	text-indent: -9999px;
	width: 100%;
	height: 100%;
}
.staff .photo H3 {
	display: block;
	position: absolute;
	z-index: 1;
	color: #333333;
}
.staff .photo H3.top_text {
	width: 94px;
	height: 94px;
	background: url(images/leased_text.gif);
	text-indent: -9999px;
}
.staff .photo H3.bottom_text {
	top: 242px;
	width: 190px;
	padding: 6px 10px 5px 0;
	background: url(images/staff_photo_h3_bg.png);
	color: #000000;
	left: 1px;
	text-align: right;
}

.staff .photo img {
	border: 1px solid #333333;
}
.staff .info {
	float: right;
	width: 306px;
	background: url(images/list_info_bg.gif) no-repeat right top;
}
.staff .info .mob_number {
	display: block;
	clear: both;
	background: #999999 url(images/list_price_bg.png);
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	text-align: right;
	height: 25px;
	padding: 2px 15px 0px 0px;
}
.staff .info a:hover {
	text-decoration: none;
	color: #FFCC00;

}
.staff .info h4 {
	text-align: right;
	margin-bottom: 2px;
	margin-left: 50px;
}
.staff .info .property_attributes {
	margin: 3px;
}
.staff .info div {
	height: 232px;
	padding: 10px 15px 0px 15px;
}
.staff .info h4 span {
	font-size: 1.8em;
}
.staff .info p {
	line-height: 1.4em;
	font-size: 0.9em;
	margin: 0;
	padding-top: 15px;
}
.staff .info .email {
	height: 15px;
	text-align: right;
	display: block;
	border-bottom: 1px dotted #666666;
	margin-left: 50px;
	padding-bottom: 4px;
}

/* General Page */

.page {
	padding: 15px 15px 0;
}
.page .infobg {
	background: url(images/info_bg.gif);
}
.page .info {
	background: url(images/info_blank_bg.gif) no-repeat top;
	width: 100%;
}
.page .info a:hover {
	color: #000000;
}
.page .info h3 {
	font-size: 1.8em;
	padding: 15px;
	color: #666666;
}
.page .info .content {
	background: #F4F4F4;
	padding: 15px 14px;
	margin: 0 1px 10px 1px;
}
.page .info .content h4 {
	font-size: 1.3em;
}
.page .info .content hr {
	margin-bottom: 30px;
	color: #FFFFFF;
	background: #FFFFFF;
	border-style: none;
}
.page_bottom {
	padding-right: 15px;
	background: url(images/info_botbg.gif) no-repeat top;
	padding-top: 8px;
	text-align: right;
	clear: both;
}
.pilling_system_img {
	padding-left: 70px;
	padding-top: 20px;
}
.ckoffice {
	float: right;
	padding: 18px 0 0 10px;
}
.page  p {
	line-height: 1.8em;
}
.module.small div .contact_module {
	padding: 10px;
	border: 1px dashed #CCCCCC;
	text-align: right;
}
.module.small div .contact_module li {
	padding-top: 5px;
}
.module.small div .contact_module span {
	font-size: 1.2em;

}
.module.small div .contact_module span span {
	font-size: 1.5em;
	line-height: 1.3em;
}
.module.small div .contact_module ul {
	padding: 0 10px 10px 0;
	background: #F2F2F2;
	color: #000000;
}
.module.small div .contact_module h3 {
	font-size: 1.3em;
	background: #666666 top;
	color: #FFFFFF;
	padding: 3px 10px 3px 3px;
}
/* ---  Forms ---- */
#form_filter {
	text-align: right;
}
#form_filter submit {
	width: 194px;
}
#form_filter select {
	width: 90px;
}
#form_filter #type {
	width: 193px;
}

#form_contact_agent dt {
	padding-bottom: 0.4em;
}

#form_email_shorlist dt {
	padding-bottom: 0.4em;
}

#form_email_shorlist input, #form_contact_agent input {
	width: 180px;
}


form {
	padding: 0.4em 0 0;
}
form dd {
	background: #F7F7F7;
	display: block;
	margin: 0px 0px 0.4em 0px;
	padding: 0.4em;
	border: 1px solid #CCCCCC;
	text-align: right;
}
form dt {
	font-weight: bold;
	display: block;
	float: left;
	background: #F7F7F7;
	padding: 0.7em 0 0 0.4em;
	border: 1px solid #CCCCCC;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
}
form fieldset {
	padding: 0;
	border: none;
}
form fieldset legend {
	display: none;
}
form fieldset dd {
	background-color: #FCFCFC;
}
form textarea {
	width: 96%;
	padding: 0.4em;
}

/* ---- Errors ---- */
.error {
	color: #FF0000;
}

.information{ 
	color: #FF9900;
}

ul.errors li {
	font-size: 0.9em;
	color: #EF0000;	
}

#innr_head #contact span span {
	font-size: 1.5em;
}
about {
	float: right;
}
#menu li.right {
	float: right;
}