/* Navi */
#Menu {
margin:0 auto; 
width: 970px;
position:relative;
background:#e5e7e9;
height: 27px;
z-index: 100;
}	

/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#Menu ul {
padding: 0px;
margin: 0 0 0 98px;
list-style:none;
}

#Menu li {
float:left; 
display:block; 
padding: 0 21px;
position:relative;
margin:0;
}


/* this is the parent menu */
#Menu li a.home {
display: block;
background: url(../images/menu/home.jpg) top left no-repeat;
width: 40px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.home:hover,
#Home #Menu a.home {
background: url(../images/menu/home.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.tower1 {
display: block;
background: url(../images/menu/tower1.jpg) top left no-repeat;
width: 51px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
cursor: default;
}

#Menu li a.tower1:hover,
#Tower1 #Menu a.tower1 {
background: url(../images/menu/tower1.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.tower2 {
display: block;
background: url(../images/menu/tower2.jpg) top left no-repeat;
width: 70px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
cursor: default;
}

#Menu li a.tower2:hover,
#Tower2 #Menu a.tower2 {
background: url(../images/menu/tower2.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.retail-podium {
display: block;
background: url(../images/menu/retail-podium.jpg) top left no-repeat;
width: 80px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
cursor: default;
}

#Menu li a.retail-podium:hover,
#Retail-podium #Menu a.retail-podium {
background: url(../images/menu/retail-podium.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.shopping {
display: block;
background: url(../images/menu/shopping.jpg) top left no-repeat;
width: 81px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
cursor: default;
}

#Menu li a.shopping:hover,
#Retail-podium #Menu a.shopping {
background: url(../images/menu/shopping.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.gallery {
display: block;
background: url(../images/menu/viewing-gallery.jpg) top left no-repeat;
width: 90px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.gallery:hover,
#Gallery #Menu a.gallery {
background: url(../images/menu/viewing-gallery.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.parking {
display: block;
background: url(../images/menu/parking.jpg) top left no-repeat;
width: 90px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.parking:hover {
background: url(../images/menu/parking.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.press-release {
display: block;
background: url(../images/menu/press-release.jpg) top left no-repeat;
width: 82px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.press-release:hover,
#Press-release #Menu a.press-release {
background: url(../images/menu/press-release.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.contact {
display: block;
background: url(../images/menu/contact-us.jpg) top left no-repeat;
width: 67px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.contact:hover,
#Contact #Menu a.contact {
background: url(../images/menu/contact-us.jpg) bottom left no-repeat;
border: none;
outline: none;
}

#Menu li a.tenants {
display: block;
background: url(../images/menu/tenants-portal.jpg) top left no-repeat;
width: 83px;
height: 27px;
text-indent: -9999px;
border: none;
outline: none;
}

#Menu li a.tenants:hover,
#Tenants #Menu a.tenants {
background: url(../images/menu/tenants-portal.jpg) bottom left no-repeat;
border: none;
outline: none;
}

/* submenu, it's hidden by default */
#Menu ul ul {
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 20px; 
padding:0; 
list-style:none;
}

#Menu ul li li {
padding: 0;
float:left;
background: rgb(255, 255, 255);
opacity: 0.9;
border-left: #ddd 1px solid;
border-right: #ddd 1px solid;
border-bottom: #ddd 1px solid;	
}

#Menu ul li li a {
width:140px;
color: #404041;
padding: 4px;
font-size: 11px;
font-weight: normal;
text-align: left;
text-decoration: none;
}

/* display block will make the link fill the whole area of LI */
#Menu ul a {
display:block;  
/* height:27px; 
padding: 0 5px; */
}

#Menu ul a:hover {
text-decoration:none;
background-color: #394656;
color: #FFF;
} 

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #Menu ul {
margin:0;
}