/* CSS Document */



#multi-level {

	height:35px;

	position:relative;

	z-index:100;

}



#multi-level .pad {

float:left;

	z-index:100;

}



.menu, .menu ul {

	list-style-type:none;

	padding:0;

	margin:0;

	color: #ffffff;

	font-family: Tahoma, Arial;

	font-size: 11px;

	font-weight: bold;

		z-index:100;

}



/* Set up the top level list items and float left to place inline */

.menu li.top {

	float:left;

	display: block;

	position:relative;

		z-index:100;

}



/* 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;

	z-index:100;

}



/* Default top link link styling */

.menu li.top a.top_link {

	display:block;

	float:left;

	height: 35px;

		z-index:100;

}



.menu li.top a span {

position:absolute;

left:-9999px; 

top:0; 

z-index:100; 

font-size:10px;

}

.menu /* move the link text off screen */

 /* pre-load the hover images into the lists */

li.findyourhome {

	/*background-image: url(images/nav-find.jpg);*/
	background-image: url(images/nav-find.png);


	width: 129px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

	

}

.menu   li.sellyourhome {

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

	width: 121px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu   li.lifeinlajolla {

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

	width: 114px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu   li.aboutus {

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

	width: 86px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu   li.neighborhoods {

	/*background-image: url(images/nav-neighborhood.jpg);*/
	background-image: url(images/nav-neighborhood.png);

	width: 136px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu  /* set up the normal unhovered images in the links */

li   a#findyourhome {

	/*background-image: url(images/nav-find.jpg);*/
	background-image: url(images/nav-find.png);

	width: 129px;

	height: 35px;

	background-position: center center;

	background-repeat: no-repeat;

	z-index:100;

}

.menu   li   a#sellyourhome {

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

	width: 121px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu   li   a#lifeinlajolla {

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

	width: 114px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu   li   a#aboutus {

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

	width: 86px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu    li    a#neighborhoods {

/*	background-image: url(images/nav-neighborhood.jpg);*/
	background-image: url(images/nav-neighborhood.png);

	width: 136px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}



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

.menu a:hover {

visibility:visible;

z-index:100;

} 



/* for IE6 */

.menu li:hover { 

position:relative;

z-index:100;

} /* for IE7 */



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

.menu li a#findyourhome:hover, .menu li:hover a#findyourhome{

	/*background-image: url(images/nav-find2.jpg);*/
	background-image: url(images/nav-find2.png);


	width: 129px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}



.menu li a#sellyourhome:hover, .menu li:hover a#sellyourhome{

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

	width: 121px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}



.menu li a#lifeinlajolla:hover, .menu li:hover a#lifeinlajolla{

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

	width: 114px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}



.menu li a#aboutus:hover, .menu li:hover a#aboutus{

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

	width: 86px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}

.menu li a#neighborhoods:hover, .menu li:hover a#neighborhoods{

	/*background-image: url(images/nav-neighborhood2.jpg);*/
	background-image: url(images/nav-neighborhood2.png);

	width: 136px;

	height: 35px;

	background-repeat: no-repeat;

	background-position: center center;

	z-index:100;

}





/* 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;

z-index:100;

}



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

.menu :hover ul.sub {

	left:0;

	white-space:nowrap;

	height:auto;

	width: 140px;

	top: 35px;

	z-index:100;

}



.menu :hover ul.sub li {

	display: block;

	position:relative;

	float:left;

	font-size:11px;

	height: 25px;

	width: 140px;

	line-height: 24px;

	z-index:100;

}



.menu :hover ul.sub li a {

	text-decoration: none;

	display:block;

	color:#FFFFFF;

	background-color: #588fcf;

	width: 140px;

	text-indent: 8px;

	font-weight: bold;

	z-index:100;

}



.menu :hover ul.sub li a:hover {

	text-decoration: none;

	display:block;

	background-image: url(../images/bg-menu-over01.gif);

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #588fcf;

	width: 140px;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #99CCFF;

	z-index:100;

}



.menu :hover ul.sub li a.fly {

	color:#FFFFFF;

	width: 140px;

	z-index:100;

}



.menu :hover ul.sub li a.fly:hover {

	color:#FFFFFF;

	background-image: url(../images/bg-menu-over01.gif);

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #588fcf;

	width: 140px;

	z-index:100;

}



.menu :hover ul li:hover > a.fly {

	background:url(../images/bg-menu01.gif);

	color:#FFFFFF;

	z-index:100;

} 



/* 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:100;

height:auto;

}

ul iframe {display:none; display/**/:block; z-index:-1; position:absolute; height:0; width:0;}