/*		Navigation core 	*/

.aboutusbtn{
	width:78px;
	height:32px;
	display:block;
	background:url(../images/nav/aboutus.jpg) no-repeat top left;
}

.servicesbtn{
	width:75px;
	height:32px;
	display:block;
	background:url(../images/nav/services.jpg) no-repeat top left;
}

.propertiesbtn{
	width:82px;
	height:32px;
	display:block;
	background:url(../images/nav/properties.jpg) no-repeat top left;
}

.newsbtn{
	width:54px;
	height:32px;
	display:block;
	background:url(../images/nav/news.jpg) no-repeat top left;
}

.contactusbtn{
	width:88px;
	height:32px;
	display:block;
	background:url(../images/nav/contactus.jpg) no-repeat top left;
}

.aboutusbtn:hover,
.contactusbtn:hover,
.servicesbtn:hover,
.newsbtn:hover,
.propertiesbtn:hover{
	background-position: bottom left;
}

body.aboutus a.aboutusbtn,
body.news a.newsbtn,
body.properties a.propertiesbtn,
body.contactus a.contactusbtn,
body.services a.servicesbtn{
background-position: bottom left;
}

.subnavbr{
	margin-top:5px;
}

#navex span{
	display:none;
}

#navex {
	position: relative;
	float:right;
	margin: 0 0 0 0;
}

#navex ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#navex li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	
}

#navex a {
	margin: 0;
	display: block;
}

#navex li ul {
	width: 100%;
	min-width: 100%;
	display: block;
	visibility: hidden;
	position: absolute;
	clear: both;
	top:32px;/* watch for this value! you must make sure that this value and value of line-height for the parent items are such that it is possible to move the mouse over to submenu */
	left: 0;
}

body.aboutus #navex li.aboutusselected ul, #navex li:hover ul,
body.contactus #navex li.contactusselected ul, #navex li:hover ul,
body.services #navex li.servicesselected ul, #navex li:hover ul {
	visibility: visible;
	left: 0;
}

#navex li.selected ul {
	z-index: 10;
}

#navex li:hover ul {
	z-index: 100;
}

#navexList:after {
	content: ".";
	height: 0;
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}

/*		Navigation make-up 	*/

#navex {
	font-size: 1.1em;
	font-weight: normal;
	color: #fff;
	margin: 70px auto 0 0;
	width:740px;	/* this value should be close to what is needed for elements to stay on one line */
	text-align:right;
}

#navex a {
	color: #fff;
	text-decoration: none;
}

#navex li {
	margin: 0;
	float:right;
}

#navex li:hover {
	color: #000;
	background-position:bottom left;
}

#navex li:hover ul {
	background-position:bottom left;
	background:url(../images/subnavbg.jpg) repeat-x;
}

#navex li:hover a {
	color: #fff;
	background-position:bottom left;
}

/* always pay attention that this two values are such that it is possible to move the mouse over to submenu */
#navex li ul {
	line-height: 1.9em;
	top: 32px;
	color: #fff;
	background:none;
	height:30px;
}

#navex li li {
	margin:0 2px 0 2px;
}

#navex li li a {
	color: #fff;
	padding:0 10px 0 10px;
}

#navex li li a:hover {
	text-decoration: none;
	background:#d1d7dc;
	border-left:1px solid #a43438;
	border-right:1px solid #a43438;
	padding:0 9px 0 9px;
	color:#35464F;
}

#navex ul ul li{
	float:right;
}

/* fix the colors for selected item and submenu, for better usability */

body.overview #navex li.overviewsub a, body.overview #navex li.overviewsub, body.overview #navex li.overviewsub:hover a {
	color: #fff;
}


#topnav{
	width:60px;
	height:22px;
	position:absolute;
	top:0;
	right:0;
}

#topnav span{
	display:none;
}

a.topcontact{
	width:30px;
	height:22px;
	background:url(../images/nav/contact-mini.jpg) top left no-repeat;
	display:block;
	float:right;
}

a.tophome{
	width:30px;
	height:22px;
	background:url(../images/nav/home-mini.jpg) top left no-repeat;
	display:block;
	float:right;
}

a.tophome:hover,
a.topcontact:hover{
	background-position:bottom left;
}