/* CSS Document */
#multi-level {
	height:36px;
	position:relative;
	z-index:100;
	width: 872;
	margin:0 auto;
}
#multi-level .pad {
float:left;
}
.menu, .menu ul {
list-style-type:none; 
padding:0;
margin:0; 
font: 11px Arial, Helvetica, sans-serif;
color: #ffffff;
}
/* Set up the top level list items and float left to place inline */

.menu li.top {
float:left;
display: block;
position:relative;

}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */

.menu table {
border-collapse:collapse;
width:0;
height:0;
position:absolute; 
top:0; 
left:0;
}
/* Default top link link styling */

.menu li.top a.top_link {
	display:block;
	float:left;
	height: 36px;
}
.menu li.top a span {
position:absolute;
left:-9999px; 
top:0; 
z-index:0; 
font-size:10px;
} /* move the link text off screen */
/* pre-load the hover images into the lists */
/* nav1 */

.menu li.company {
	background-image: url(images/nav1h.jpg);
	width: 107px;
	height: 36px;
}

.menu li a#company {
	background-image: url(images/nav1.jpg);
	width: 107px;
	height: 36px;
}

/* real estate */

.menu li.realestateServices {
	background-image: url(images/nav2h.jpg);
	width: 177px;
	height: 36px;
}

.menu li a#realestateServices {
	background-image: url(images/nav2.jpg);
	width: 177px;
	height: 36px;
}

/* property search */

.menu li.propsearch {
	background-image: url(images/nav3h.jpg);
	width: 191px;
	height: 36px;
}

.menu li a#propsearch {
	background-image: url(images/nav3.jpg);
	width: 191px;
	height: 36px;
}

/* sellers deactivated*/

.menu li.sellers {

	background-image: url(images/h_n4h.jpg);

	width: 191px;

	height: 36px;

}
/* projects */

.menu li.projects {
	background-image: url(images/nav4h.jpg);
	width: 164px;
	height: 36px;
}

.menu li a#projects {
	background-image: url(images/nav4.jpg);
	width: 164px;
	height: 36px;
}

/* resources */

.menu li.resources {
	background-image: url(images/nav5h.jpg);
	width: 112px;
	height: 36px;

}
.menu li a#resources {
	background-image: url(images/nav5.jpg);
	width: 112px;
	height: 36px;
}

/* contact us */

.menu li.contact {
	background-image: url(images/nav6h.jpg);
	width: 121px;
	height: 36px;
}

.menu li a#contact {
	background-image: url(images/nav6.jpg);
	width: 121px;
	height: 36px;

}

.menu li.navleft {
background-image: url(images/hnav_left.gif);
width: 120px;
height: 39px;
}

.menu li.navright {
background-image: url(images/hnav_right.gif);
width: 115px;
height: 39px;
}


.menu li a#navleft {
background-image: url(images/hnav_left.gif);
width: 120px;
height: 39px;
}

.menu li a#navright {
background-image: url(images/hnav_right.gif);
width: 115px;
height: 39px;

}
/* Style the list OR link hover. Depends on which browser is used */

.menu a:hover {
visibility:visible;
} 
/* for IE6 */

.menu li:hover { 
position:relative;
z-index:200;

} /* for IE7 */
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */

.menu li a#navleft:hover, .menu li:hover a#navleft,

.menu li a#company:hover, .menu li:hover a#company,

.menu li a#realestateServices:hover, .menu li:hover a#realestateServices,

.menu li a#propsearch:hover, .menu li:hover a#propsearch,

.menu li a#sellers:hover, .menu li:hover a#sellers,

.menu li a#projects:hover, .menu li:hover a#projects,

.menu li a#resources:hover, .menu li:hover a#resources,

.menu li a#contact:hover, .menu li:hover a#contact,

.menu li a#navright:hover, .menu li:hover a#navright

{
background:transparent;
}
/* keep the 'next' level invisible by placing it off screen. */

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
position:absolute;
left:-9999px;
top:-9999px; 
width:0; 
height:0;

}
/* set up the first drop down sub level */

.menu :hover ul.sub {
	left:0;
	top:36px;
	white-space:nowrap;
	height:auto;
	width: 180px;
	padding-bottom: 2px;
	font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
}
.menu :hover ul.sub li {
	display: block;
	position:relative;
	float:left;
	line-height:25px;
	font-size:12px;
	width: 180px;
	text-indent: 12px;
	background-image: url(images/nav-bg.jpg);

}
.menu :hover ul.sub li a {

	text-decoration: none;
	display:block;
	color:#ffffff;
	width: 180px;
	background-image: url(images/nav-bg.jpg);

}

.menu :hover ul.sub li a:hover {
	text-decoration: none;
	background-color: #ededef;
	display:block;
	color: #7EA8C1;
	width: 180px;

}

.menu :hover ul.sub li a.fly {
	background:#002078 url(images/arrow_over.gif) no-repeat 210px 9px;
	color:#7EA8C1;
}

.menu :hover ul.sub li a.fly:hover {
	background:#0a37a3 url(images/arrow_over.gif) no-repeat 210px 9px;
	color:#7EA8C1;
}

.menu :hover ul li:hover > a.fly {
	background:#002078 url(images/arrow_over.gif) no-repeat 210px 9px;
	color:#c62381;
} 

/* set up the flyout levels when hovering */

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
left:222px;
top: 0px;
white-space:nowrap;
width: 222px;
z-index:200;
z-index:400;
height:auto;
}