@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines styles that apply to each page in the website regardless.
 * Note: Styles preceded by an asterisk(*) are specific to IE6. 
 * Styles are declared in order of appearance.
 */

/*
 * PAGE LAYOUT
 * ===========
 * These styles govern the structure of the page and the way it is placed in the browser window.
 * They also define styles that will be universal to the rest of the page such as the text color.
 */

html {
	background:#FFFFFF url("../Images/body-bg.png") scroll repeat-x left top;
}

body{
	color:#31537D;
	margin:0pt;
	padding:13px 0 0;
	text-align:center;
}

#doc {
	margin:0 auto;
	text-align:left;
	width:950px;	
}

#doc .doc-margin {
	margin:0 auto;
	width:950px
}

#doc .doc-margin .content {
	padding:15px 40px;
}

/* End of Page Layout styles*/


/*
 * HEADER
 * ======
 * These styles are for the first third of the page layout, 
 * which is reserved for the banner and masthead.
 */

#hd {
	background:transparent  url("../Images/hd-bg.jpg") scroll no-repeat 50% 0%;
}
#hd .doc-margin .content {
	padding:0;
}

#masthead-logo {
	background:transparent url("../Images/logo.gif") scroll no-repeat left top;
	display:inline-block;
	height:126px;
	margin:3px 0 0 10px;
	overflow:hidden;
	width:300px;
}

#masthead-nav {
	background-color:#FFFFFF;
	font-size:93%;
	font-weight:bold;
	margin:14px 2px 0 0;
	padding-right:10px;
	text-align:right;
	text-transform:uppercase;
}
#masthead-nav a {
	line-height:20px;
	padding-left:10px;
	text-decoration:none;
	*line-height:20px;
}

#topnav {
	clear:right;
	float:right;
	margin:60px 0 0;
	padding-right:5px;
}

#topnav a .navitem-left, #topnav a .navitem-right {
	background-attachment:scroll;
	background-color:transparent;
	background-position:left bottom;
	background-repeat:no-repeat;
	cursor:hand;
	height:35px;
	text-decoration:none;
	width:6px;
}
#topnav a .navitem-left {
	background-image:url("../Images/navitem-left.gif");
}
#topnav a .navitem-right {
	background-image:url("../Images/navitem-right.gif");
	margin-right:2px;
}

#topnav a .navitem-bg {
	background:transparent url("../Images/navitem-bg.gif") repeat-x scroll left bottom;
	color:#143E63;
	cursor:hand;
	font-weight:bold;
	line-height:35px;
	padding:0 13px;
	text-decoration:none;
	text-transform:uppercase;
}
#topnav a.active-navitem .navitem-left, #topnav a.active-navitem .navitem-right {
	background-attachment:scroll;
	background-color:transparent;
	background-position:left bottom;
	background-repeat:no-repeat;
	height:35px;
	width:10px;
}
#topnav a.active-navitem .navitem-left {
	background-image:url("../Images/activenavitem-left.gif");
}
#topnav a.active-navitem .navitem-right {
	background-image:url("../Images/activenavitem-right.gif");
	margin-right:2px;
}

#topnav a.active-navitem .navitem-bg {
	background:transparent url("../Images/activenavitem-bg.gif") repeat-x scroll left top;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
	padding:0 13px;
	text-decoration:none;
	text-transform:uppercase;
}


#topnav-ft {
	border-bottom:9px solid #153B5D;
	clear:both;
	/*height:0px;
	*height:9px !important;
	*height:0px;*/
}

/* End of Header styles*/


/*
 * BODY
 * ====
 * The second third of the page layout, reserved for most of the main content 
 * as well as the navigation
 */

/*#bd {
	background:transparent  url("../Images/bd_bg.png") scroll repeat-y 50% 0%;
}*/
#bd .doc-margin {
	background-color:#FFFFFF;	
}
#bd .doc-margin .content {
	background:#F5F5F5 url("../Images/bd-bg.png") scroll repeat-x left top;
	border-left:1px solid #4B6F93;
	border-right:1px solid #4B6F93;
	margin:0;
	padding:0;
	*background:#F5F5F5 url("../Images/bd-bg.png") scroll repeat-x left top !important;
	*border-left:1px solid #4B6F93 !important;
	*border-right:1px solid #4B6F93 !important;
	*background:none;
	*border-left:none;
	*border-right:none;
}

#breadcrumbs {
	color:#133E63;
	padding:18px 0 11px 20px;
}
#breadcrumb-yah {
	color:#999999;
}

#breadcrumbs a {
	color:#133E63;
}
#breadcrumbs a:hover {
	color:#769BC9;
}
#breadcrumbs-property {
	float:right;
	padding-right:25px;
}

#webmail {
	padding-right: 20px;
}

.yui-t2 #yui-main .yui-b {
	margin-left:270px;
}
.maincontentarea {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	font-size:108%;
	margin-right:20px;
	min-height:800px;
	height:auto !important;
	height:800px;
	padding:0 30px 30px;	
}

/*
 * SIDEBAR
 * =======
 */
.yui-t2 .yui-b {
	float:left;
	width:235px;
}
#sidebar {
	background:#FFFFFF url("../Images/sidebar-bg.png") scroll repeat-x left top;
	margin-left:20px;
	min-height:800px;
	height:auto !important;
	height:800px;
	width:230px;
}

.sidebar-content {
	padding:20px;
}
.sidebar-content-bottom {
	bottom:0px;
	padding:20px;
	position:absolute;
	*position:absolute !important;
	*position:static;
}

#sidebar h2 {
	color:#990000;
	font-size:153.9%;
	font-weight:normal;
	margin:0;
}
#sidebar h2 a {
	color:#990000;
	text-decoration:none;
}

#sidebar .sidebar-box {
	margin-bottom:25px;
}

#sidebar .sidebar-content {
	padding:15px;
	*padding:15px !important;
	*padding:15px 0 15px 15px;
}

#sidebarcontextmenu .bd {
	padding:20px 10px 0;
	*padding:20px 10px 0 !important;
	*padding:20px 0 0 0;
}

#sidebarcontextmenu .navitem, #sidebarcontextmenu .active-navitem, #sidebarcontextmenu .open-navitem {
	padding-bottom:10px;
	*padding-bottom:10px !important;
	*padding-bottom:0;
}	
#sidebarcontextmenu  .navitem-hd {
	background:transparent url("../Images/menunavitem-top.gif") scroll no-repeat left top;
	height:28px;
	line-height:28px;
	padding-left:36px;
	width:180px;
}
#sidebarcontextmenu .active-navitem  .navitem-hd {
	background-image:url("../Images/activemenunavitem-top.gif");
}

#sidebarcontextmenu .navitem-hd a.navitem-link {
	font-weight:bold;
}
#sidebarcontextmenu .navitem-hd a.navitem-link  {
	color:#FFFFFF;
	text-decoration:none;
}

#sidebarcontextmenu .navitem-bd {
	border-style:solid;
	border-width:0 1px;
	padding:0;
	width:178px;
}
#sidebarcontextmenu .navitem .navitem-bd {
	display:none;
}
#sidebarcontextmenu .active-navitem .navitem-bd {
	border-color:#990000;
}

#sidebarcontextmenu .navitem-ft {
	background:transparent url("../Images/menunavitem-bottom.gif") scroll no-repeat left top;
	height:4px;
	width:180px;
}
#sidebarcontextmenu .active-navitem  .navitem-ft {
	background-image:url("../Images/activemenunavitem-bottom.gif");
}

#sidebarcontextmenu .bd ul.subnavigation {
	margin:0;
	padding:10px;
}
#sidebarcontextmenu .navitem-bd  ul.subnavigation li {
	list-style-position:inside;
	padding-bottom:10px;
}
#sidebarcontextmenu .navitem-bd  ul.subnavigation li.active-navsubitem {
	color:#990000;
	font-weight:bold;
}
#sidebarcontextmenu .navitem-bd  ul.subnavigation li a {
		font-size:93%;
}

#sidebarwelcome.sidebar-content, #sidebarservice.sidebar-content  {
	padding:15px 10px;
}
#sidebarwelcome .hd, #sidebarservice .hd {
	background:transparent url("../Images/welcome-hd.gif") scroll no-repeat left top;
	padding:15px 15px 10px;
}
#sidebarwelcome .hd h2, #sidebarservice .hd h2 {
	font-size:138.5%;
	font-weight:normal;
}
#sidebarwelcome .bd, #sidebarservice .bd {
	background:transparent url("../Images/welcome-bg.gif") scroll repeat-y left top;
	padding:10px 15px 0;
}
#sidebarwelcome.sidebar-content .bd ul, #sidebarservice.sidebar-content .bd ul {
	font-weight:bold;
	margin:0 0 0 5px;
}

#sidebarwelcome .ft, #sidebarservice .ft {
	background:transparent url("../Images/welcome-ft.gif") scroll no-repeat left top;
	height:24px;
}

/* End of Sidebar styles */

/* End of Body styles */


#ft {
	color:#FFFFFF;
	font-size:93%;
}
#ft .doc-margin .content {
	background-color:#003366;
	padding:15px;
}

#ft a {
	color:#FFFFFF;
	text-decoration:none;
}
#ft a:hover {
	text-decoration:underline;
}

/*
 * COPYRIGHT
 * =========
 */

#copyright {
	float:left;
}

#copyright a {
}

/* End of Copyright styles*/


#gutter {
	padding:25px 40px 15px;
}
#gutter img {
	margin:0;
}


/*
 * HTML ELEMENTS
 * =============
 * These styles alter the characteristics of HTML elments such as headers, paragraph elements, etc.
 */
h1 {
	border-bottom:1px solid #769BC9;
	color:#990000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:normal;
	margin:0pt 0pt 20px -5px;
	padding:20px 20px 5px 5px;
}

h2 {
}

p {
	margin: 10px 0px 0px 0px;
}
p.first-paragraph {
	margin: 0;
}

strong, strong em {
	font-weight: bold;
}
a, a:active, a:link, a:visited {
	color:#015B99;
}
a:hover {
	color:#769BC9;
	text-decoration:none;
}

ul li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
}

/* End of HTML Element styles*/


/*
 * USER-DEFINED
 * ============
 * These styles are used in special instances to apply formatting and structural functions, 
 * e.g. clearing or hiding layers.
 */

.hide {
	display:none;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}

.error {
	color:#ce3d0c;
	font-weight:bold;
}

.notificationarea {
	border-color:#E7E7E7;
	border-style:solid;
	border-width:1px 0;
}
.round-corner {
	border-style:solid !important;
	border-width:0 1px !important;
	margin:0 -1px !important;
}

/* End of User-defined styles*/


/*
 * DIALOGS
 * =======
 * 
 */

#dialog-modal {
	text-align:left;
}
#dialog-modal {
	border:none;
}

#dialog-modal .hd, .yui-skin-sam .yui-panel .hd {
	height:32px;
	line-height:32px;
	text-transform:uppercase;
}

#dialog-modal .hd, .yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-calcontainer .title {
	background:#153B5D url("../Images/dialog-sprite.gif") repeat-x scroll 0 0;
	border-style:none;
	color:#FFFFFF;
	font-size:100%;
}
#dialog-modal .bd {
	background-color:#FFFFFF;
	border:none;
	min-height:40px;
	padding:10px 20px 20px 10px;
}
#dialog-modal .bd  .dialog-icon {
	float:left;
	height:48px;
	margin:0pt 10px 0pt 0pt;
	width:48px;
}

#dialog-modal .bd p {
	margin:10px 0px 0px 60px;
}

#dialog-modal .ft {
	background-color:#FFFFFF;
	border:none;
}

/* Status Dialog */
#dialog-modal.status-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/loading.gif") no-repeat scroll 0px 0px;
	/*min-height:40px;*/
}
#dialog-modal.status-dialog .ft .button-group {
	text-align:right;
}


/* Error Dialog */
#dialog-modal.error-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.gif") no-repeat scroll 0px -99px;
}

/* Success Dialog */
#dialog-modal.success-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.gif") no-repeat scroll 0px -147px;
}

/* Info Dialog */
#dialog-modal.info-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.gif") no-repeat scroll 0px -195px;
}

/* Question Dialog */
#dialog-modal.question-dialog .bd .dialog-icon {
	background:#FFFFFF url("../Images/dialog-sprite.gif") no-repeat scroll 0px -243px;
}

.yui-skin-sam .container-close, .yui-skin-sam .yui-calcontainer .calclose {
	background:transparent url("../Images/dialog-sprite.gif") no-repeat scroll 0 -84px;
	top:8px;
	width:28px;
}

/*
 * DIALOG BOX BUTTONS
 * ==================
 */

#dialog-modal .ft .button-group, .yui-panel .bd .button-group {
	display:block;
	text-align:center;
}

#dialog-modal .ft .button-group .yui-button, .yui-panel .bd .button-group  .yui-button, 
.yui-dt-editor .yui-dt-button button, .yui-dt-editor .yui-dt-button button.yui-dt-default {
	background:transparent url("../Images/dialog-sprite.gif") repeat-x scroll 0px -32px;
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover, .yui-panel .bd .button-group .yui-button:hover, 
.yui-dt-editor .yui-dt-button button:hover {
	background:transparent url("../Images/dialog-sprite.gif") repeat-x scroll 0px -58px;
	border-color:#E7E7E7;
}
#dialog-modal .ft .button-group .yui-button .first-child, .yui-panel .bd .button-group  .yui-button .first-child {
	border-color:#CCCCCC;
}
#dialog-modal .ft .button-group .yui-button-hover .first-child, .yui-panel .bd .button-group  .yui-button:hover .first-child {
	border-color:#E7E7E7;
}

#dialog-modal .ft .button-group .yui-button button, .yui-panel .bd .button-group .yui-button button {
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:0 10px;
	outline: none;
	padding:0 15px;
	vertical-align:middle;	
}
#dialog-modal .ft .button-group .yui-button-hover button, .yui-panel .bd .button-group .yui-button:hover button,
.yui-dt-editor .yui-dt-button button:hover, .yui-dt-editor .yui-dt-button button.yui-dt-default:hover {
	color:#CE3D0C;
}

#dialog-modal .ft .button-group .default button, .yui-dt-editor .yui-dt-button button.yui-dt-default {
	color:#444444;
}

/* End of Dialog Box Button styles*/

/* End of Dialogs styles*/

#paginator-content {
	background-color:#FFFFFF;
}


/*
 * TAB VIEW
 * ========
 */

#tabview .yui-nav{
	font-size:13px;
}
#tabview .tab-left, #tabview .tab-right {
	background-attachment:scroll;
	background-color:transparent;
	background-position:left bottom;
	background-repeat:no-repeat;
	height:32px;
	width:6px;
}
#tabview .tab-left {
	background-image:url("../Images/navitem-left.gif");
}
#tabview .tab-right {
	background-image:url("../Images/navitem-right.gif");
}

#tabview .tab-bg {
	background:transparent url("../Images/navitem-bg.gif") repeat-x scroll left bottom;
	height:32px;
}
#tabview .selected .tab-left {
	background-image:url("../Images/activenavitem-left.gif");
	height:35px;
	width:8px;
}
#tabview .selected .tab-right {
	background-image:url("../Images/activenavitem-right.gif");
	height:35px;
	width:8px;
}

#tabview .selected .tab-bg {
	background:transparent url("../Images/activenavitem-bg.gif") repeat-x scroll left bottom;
	height:35px;
}

#tabview.yui-navset .yui-nav a, #tabview.yui-navset .yui-navset-top .yui-nav a {
	background:none;
	border:medium none;
	color:#143E63;
	margin:0;
}
/*#propertysearch {
	background:#30527C url("../Images/tab_bg_special.png") repeat-x scroll 0% 50% !important;
}*/


#tabview.yui-navset .yui-nav .selected a, #tabview.yui-navset .yui-nav .selected a:focus, #tabview.yui-navset .yui-nav .selected a:hover {
	margin:0pt;
}
#tabview.yui-navset li em {
	border:medium none;
	font-weight:bold;
	line-height:32px;
	padding:0 5px;
	text-transform:uppercase;
}

#tabview.yui-navset li.selected em {
	color:#FFFFFF;
	padding:3px 5px 0;
}
/*#tabview.yui-navset .yui-nav .selected a em {
	font-weight:bold;
	padding-top:12px;
}*/

#tabview.yui-navset .yui-nav, #tabview.yui-navset .yui-navset-top .yui-nav {
	border:none;
}
#tabview.yui-navset .yui-content {
	background:#FFFFFF none repeat scroll 0%;
	border-color:#153B5D;
	border-style:solid;
	border-width:5px 1px 1px;
}

#tabview .tab-content {
	padding:0px 40px 20px 5px;
}
.property {
	border-bottom:1px solid #31537D;
	padding:0 0 25px;
}
#tabview .tab-content .property {
	padding:25px 0 15px;
}

#tabview .search-icon {
	background: transparent url("../Images/search_icon.png") scroll no-repeat left top;
	height:37px;
	width:37px;
}

.search-icon_small {
	background:transparent url("../Images/search_icon_small.png") scroll no-repeat left top;
	height:16px;
	padding-left:20px;
	width:16px;
}
.sendtofriend-link {
	background:transparent url("../Images/mail.gif") scroll no-repeat left top;
	height:16px;
	padding-left:26px;
	width:22px;	
}
#webmail {
	background:transparent url("../Images/mail-alt.gif") scroll no-repeat right top;
	height:16px;
	padding-right:26px;
	width:22px;	
}

#gallery {
	padding-top:12px;
}
.gallery-image {
	text-align:center;
}
.gallery-image p {
	font-size:93%;
}

#gallerythumbnails {
	background-color:#D8E2F0;
	text-align:center;
	*background-color:transparent;
}
.thumbnail-wrapper {
	border:2px solid #FFFFFF;
	float:left;
	height:90px;
	margin:1px 0 1px 1px;
	width:90px;
}
.property .thumbnail-wrapper {
	border:1px solid #153B5D;
	/*height:150px;*/
	margin:0 10px 10px 0;
	padding:1px;
	/*width:150px;*/
	height:auto;
	width:auto;
}
.property .thumbnail-wrapper:hover {
	border:1px solid #769BC9;
}
.thumbnail {
	display:table-cell;
	height:90px;
	padding:0;
	vertical-align:middle;
	width:90px;
}
.property .thumbnail {
	/*height:150px;*/
	text-align:center;
	/*width:150px;*/
	height:auto;
	width:auto;
}
.thumbnail img {
	margin:0 auto;
}

#interestedproperty {
 background-color:#D8E2F0;
 padding:10px;
}


/*
 * PARTNERS
 * ======== 
 */

#partners {
	clear:both;
	padding:0 0 20px;
	text-align:center;
}
#partners h2 {
	border-bottom:1px solid #769BC9;
	margin:0;
	padding:25px 0 10px;
	text-align:left;
}
#partners a {
	text-decoration:none;
}
#partners img {
	padding:0 20px;
	vertical-align:middle;
}

/* End of Partners styles */


/*
 * FORM
 * ====
 */

#yui-main .yui-b .maincontentarea form {
	padding:15px;
}

#searchform {
	background-color:#D8E2F0;
	border-color:#31537D;
	clear:both;
	margin-bottom:50px;
	padding:0;
}
#searchform .round-corner {
	padding:15px;
}

#yui-main .yui-b .maincontentarea form .form-field, #yui-main .yui-b .maincontentarea form .form-field-indent, #yui-main .yui-b .maincontentarea form .form-field-inline {
	padding-bottom:15px;
}
#yui-main .yui-b .maincontentarea form.panelform .form-field, #yui-main .yui-b .maincontentarea form.panelform .form-field-indent, #yui-main .yui-b .maincontentarea form.panelform .form-field-inline {	
	min-height:55px;
}

#yui-main .yui-b .maincontentarea form .form-field-inline {
	float:left;
	margin-left:25px;
}

#yui-main .yui-b .maincontentarea form label {
	float:left;
	font-weight:bold;
	line-height:21px;
	text-align:left;
	vertical-align:middle;
}
#yui-main .yui-b .maincontentarea form label.label-checkbox {
	float:none;
	width:auto;
}

#yui-main .yui-b .maincontentarea form input, #yui-main .yui-b .maincontentarea form textarea, #yui-main .yui-b .maincontentarea form select {
	border:1px solid #CCCCCC;
	clear:left;
	margin-bottom:0;
	margin-left:0;
	margin-top:3px;
}
#yui-main .yui-b .maincontentarea form input, input[type="text"], input[type="password"], #yui-main .yui-b .maincontentarea form select {
	width:210px;
}
#yui-main .yui-b .maincontentarea form input.input-checkbox {
	margin:0;
	vertical-align:middle;
	width:auto;
	*border:medium none;
}
#yui-main .yui-b .maincontentarea form input.input-numeric {
	text-align:right;
}

#yui-main .yui-b .maincontentarea form input.input-error, #yui-main .yui-b .maincontentarea form textarea.input-error, #yui-main .yui-b .maincontentarea form select.input-error {
	border:1px solid #CE3D0C;
}
#yui-main .yui-b .maincontentarea form input.input-long, #yui-main .yui-b .maincontentarea form textarea.input-long, #yui-main .yui-b .maincontentarea form select.input-long {
	width:328px;
}
#yui-main .yui-b .maincontentarea form input.input-long, #yui-main .yui-b .maincontentarea form select.input-long {
	margin:0;
	padding:1px 2px;
}
#yui-main .yui-b .maincontentarea form .button-group .yui-button {
	background:transparent url("../Images/dialog-sprite.gif") repeat-x scroll 0 -32px;
	border-color:#CCCCCC;
}
#yui-main .yui-b .maincontentarea form .button-group .yui-button .first-child {
	border-color:#CCCCCC;
}
 .button-group .yui-button button {
	color:#31537D;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:0 10px;
	outline: none;
	padding:0 15px;
	vertical-align:middle;	
}
#yui-main .yui-b .maincontentarea form .button-group .yui-button:hover button {
	color:#015B99;
}

#yui-main .yui-b .maincontentarea form .form-field-notification {
	clear:left;
	font-size:85%;
	text-align:left;
}
#yui-main .yui-b .maincontentarea form .form-field-notification p {
	margin:0;
}
#yui-main .yui-b .maincontentarea form p.hint {
	color:#999999;
}

/* End of Panel Form styles*/