/* #######################  GENERAL SETTINGS ############################ */
html{
	min-height: 100%;
	height: auto;/* don't set to 100%, it can coz the background not goes to the bottom */
}

body{
	background:#8F8F8F;
	margin:0px;
	height:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: #4D4D4D;
}

:focus {
	outline:none;
}

::selection       { background: #8B0F04; color: white; /* Safari */ }
::-moz-selection  { background: #8B0F04; color: white; /* Firefox */ }

ul.menu {
	margin: 0 0 10px;
	padding: 0;
}
ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu span {
	line-height: 18px;
	display: block;
}

ul.menu a {
	padding: 3px;
	display: block;
	text-decoration: none;
	cursor: pointer;
}

ul.menu ul {
	margin: 4px 0;
}

ul.menu ul li a {
	text-indent: 7px;
}

ul.menu ul a {
	background: none;
	text-indent: 0;
}

ul.menu ul {
	margin-left: 5px;
	padding: 0;
}

ul.menu ul ul {
	padding: 0;
	margin-left: 10px;
}

ul.menu li li {
	padding: 0;
	margin: 0;
}

ul.menu ul a {
	text-indent: 0;
}

ul.menu li a {
	display:block;
	color: #4D4D4D;
	text-align:left;
	font-size:98%;
	text-decoration:none;
	text-indent: 6px; 
}

ul.menu li.active a, ul.menu li.active a:hover {
	color: #4D4D4D;
	font-weight: bold;
	text-decoration: none;
}

ul.menu li a:hover {
	display:block;
	color: #4D4D4D;
	text-align:left;
	text-decoration:none;
}

ul.menu li.active li a,
ul.menu li.active li a:hover { background: transparent; }

/*  Heading Formatting */
h1 {font-size:1.9em;font-weight: 900;color: #4D4D4D;}
h2 {font-size:1.5em;font-weight: 500;color: #4D4D4D; height:22px; line-height:17px; }
h3 {font-size:1.3em;font-weight: 900;color: #4D4D4D; border-bottom: 2px solid #CCC; margin-bottom: 0px; padding-bottom: 0px;}
h4 {font-size:1.4em;font-weight: 900;color: #4D4D4D;}
h5 {font-size:1.3em;font-weight: 900;color: #4D4D4D;}
h6 {font-size:1.2em;font-weight: 900;color: #4D4D4D;}

/*links*/
a {
	text-decoration:none;
}
a:link {}
a:hover {}
a:visited {}
img {border: 0 none;}

/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */

#page {
	background:#FFFFFF url(../images/bg-page-bottom.gif) repeat-x left bottom;
	width:900px;
	margin:0 auto;
}	

#pageheader {
	background:#FFFFFF url(../images/top-shade.gif) repeat-x left  top;
	height:318px;
}

#identity {
	position:relative;
	height:100px;
}

#logo {
	position:absolute;
	top:27px;
	left:50px;
}

#tagline {
	position:absolute;
	top:65px;
	right:50px;
}

#mainbar {
	background:#DBDBDB;
	height:218px;
	margin:0;
	padding:0;
	overflow:hidden;
}

#mainmenu {
	background:#DBDBDB url(../images/menu-bg.gif) repeat-y 0 0;
	height:218px;
	padding:0 26px 0 50px;
	width:214px;
	float:left;
	overflow:hidden;
}

#mainmenu ul {
	/*margin:14px 0 0 0;*/
	margin: 2px 0 0 0;
	padding:0 12px 0 0;
}

#mainmenu li {
	background:none;
	list-style:none;
	margin:0;
	padding:0;
}

#mainmenu li.active{
	border-right:12px solid #8B0F04;
	margin-right:-12px;
}

#mainmenu li a {
	border-top:1px solid #FFF;
	color:#8B0F04;
	display:block;
	padding:0;
}

#mainmenu li a.top {
	border: none;
}

#mainmenu li.item5 a {
	border-bottom:1px solid #FFF;
}

#mainmenu li a:hover {
	background:#E2E2E2;
}

#mainmenu li a span {
	display:block;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0;
}

#mainmenu li.active a {
	background:#E2E2E2;
}

#mainmenu li.active a span{
	background:none;	
}

#mainbanner {
	background:url(../images/banner.jpg) no-repeat left top;
	margin-left:0px;
	height:218px;
	clear:right;
	overflow:hidden;
}

#mainbanner ul {
	margin:0;
	padding:0;
}
#mainbanner ul li{
	background:none;
	margin:0;
	padding:0;
	list-style:none;
}

/* Page Body */

#pagebody {
	clear:both;
	position:relative;
	width:auto;
}

#pagebody-inner {
	padding:28px 50px 0;
	width:auto;
}

#pagebodyleft {
	float:left;
	width:213px;
	background: transparent url(../images/line-left-bg.png) no-repeat scroll right center;
}

#pagebodyleft ul li{
	background:none;
	margin-bottom:2px;
}

#pagebodyleft ul li a{
	display:block;
	font-size:0.8em;
}

#pagebodyleft ul li a span{
	height:22px;
	padding-top:65px;
	width:165px;
	text-align:center;
	font-weight:normal;
	text-transform:uppercase;
}

#pagebodyleft ul li.active a ,#pagebodyleft ul li a:hover{
	color:#8B0F04;
}

#pagebodyleft ul li a#service-menu6 {
	background:url(../images/icon-apartment.gif) no-repeat left 0;
}

#pagebodyleft ul li a#service-menu7 {
	background:url(../images/icon-office.gif) no-repeat left 0;
}

#pagebodyleft ul li a#service-menu8 {
	background:url(../images/icon-property-dev.gif) no-repeat left 0;
}

#pagebodyleft ul li a#service-menu9 {
	background:url(../images/icon-property-val.gif) no-repeat left 0;
}

#pagebodyleft ul li a#service-menu10 {
	background:url(../images/icon-real-estate.gif) no-repeat left 0;
}

#pagebodyleft ul li.active a#service-menu6 {
	background:url(../images/icon-apartment-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li.active a#service-menu7 {
	background:url(../images/icon-office-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li.active a#service-menu8 {
	background:url(../images/icon-property-dev-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li.active a#service-menu9 {
	background:url(../images/icon-property-val-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li.active a#service-menu10 {
	background:url(../images/icon-real-estate-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li a:hover#service-menu6 {
	background:url(../images/icon-apartment-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li a:hover#service-menu7 {
	background:url(../images/icon-office-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li a:hover#service-menu8 {
	background:url(../images/icon-property-dev-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li a:hover#service-menu9 {
	background:url(../images/icon-property-val-hover.gif) no-repeat left 0;
}

#pagebodyleft ul li a:hover#service-menu10 {
	background:url(../images/icon-real-estate-hover.gif) no-repeat left 0;
}


#pagecontent {
	width:auto;
	margin-left:226px;
	padding-left:12px;
}

#pagecontent ul{
	margin:0;
	padding:0;
}

#pagecontent ul li {
	background:transparent url(../images/bullet.gif) no-repeat scroll 0px 8px;
	color:#8B0F04;
	list-style:none;
	padding-left:20px;
	margin-bottom:10px;
}

#pagecontent a {
	color:#8B0F04;
	text-decoration:none;
}

#pagecontent a:hover {
	/*color:#4D4D4D;*/
}

/* Footer */
#pagefooter {
	clear:both;
	position:relative;
	height:50px;
	padding:0 50px;
	width:auto;
}

#pagefooter-inner {
	border-top:1px solid #919191;
	position:relative;
}

#footernote {
	position:relative;
	height:30px;
}
#footernote p, #footernote a {
	color:#7A7A7A;
	margin:0;
	font-size:0.9em;
}

#footernote a:hover {
	color:#A4A6A9;
}

#copyright {
	position:absolute;
	top:5px;
	left:0;
}

#opus {
	position:absolute;
	top:5px;
	right:0;
}