#multi-level {
height:31px; 
z-index:100;
float:left;
}

#multi-level .pad {
float:left;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
list-style-type:none; 
padding:0; 
margin:0; 
font-family:Arial;
z-index:1000;
}

/* Set up the top level list items and float left to place inline */
.menu li.top {
display:block; 
float:left; 
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:46px;
}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:11px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {
width:111px; 
background:url(../images/home_1.gif) no-repeat; 
}

.menu li.p2 {
width:111px; 
background:url(../images/about_1.gif) no-repeat; 
}

.menu li.p3 {
width:111px; 
background:url(../images/services_1.gif) no-repeat;
}

.menu li.p4 {
width:111px; 
background:url(../images/project_1.gif) no-repeat;
}

.menu li.p5 {
width:111px; 
background:url(../images/client_1.gif) no-repeat;
}

.menu li.p6 {
width:111px; 
background:url(../images/career_1.gif) no-repeat;
}


.menu li.p7 {
width:111px; 
background:url(../images/newsroom_1.gif) no-repeat;
}

.menu li.p8{
width:111px; 
background:url(../images/contact_1.gif) no-repeat;
}


/* set up the normal unhovered images in the links */
.menu li a#home {
width:111px; 
background:url(../images/home_0.gif) no-repeat;
}
.menu li a#homea {
width:111px; 
background:url(../images/home_1.gif) no-repeat;
}


.menu li a#about {
width:111px; 
background:url(../images/about_0.gif) no-repeat;
}
.menu li a#abouta {
width:111px; 
background:url(../images/about_1.gif) no-repeat;
}

.menu li a#project {
width:111px; 
background:url(../images/project_0.gif) no-repeat;
}

.menu li a#projecta {
width:111px; 
background:url(../images/project_1.gif) no-repeat;
}

.menu li a#services {
width:111px; 
background:url(../images/services_0.gif) no-repeat;
}

.menu li a#servicesa {
width:111px; 
background:url(../images/services_1.gif) no-repeat;
}

.menu li a#career {
width:111px; 
background:url(../images/career_0.gif) no-repeat;
}

.menu li a#careera {
width:111px; 
background:url(../images/career_1.gif) no-repeat;
}
.menu li a#client {
width:111px; 
background:url(../images/client_0.gif) no-repeat;
}
.menu li a#clienta {
width:111px; 
background:url(../images/client_1.gif) no-repeat;
}

.menu li a#newsroom{
width:111px;  
background:url(../images/newsroom_0.gif) no-repeat;
}

.menu li a#newsrooma {
width:112px; 
background:url(../images/newsroom_1.gif) no-repeat;
}

.menu li a#contact{
width:112px; 
background:url(../images/contact_0.gif) no-repeat;
}
.menu li a#contacta {
width:112px; 
background:url(../images/contact_1.gif) no-repeat;
}



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



/* 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#home:hover, .menu li:hover a#home,
.menu li a#home:hover, .menu li:hover a#about,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#project:hover, .menu li:hover a#project,
.menu li a#client:hover, .menu li:hover a#client,
.menu li a#career:hover, .menu li:hover a#career,
.menu li a#newsroom:hover, .menu li:hover a#newsroom, 
.menu li a#contact:hover, .menu li:hover a#contact {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:31px; 
background: #fff; 
padding:3px 0; 
border:1px solid #888888; 
white-space:nowrap; 
width:146px; 
height:auto;
}

.menu :hover ul.sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:160px;
}

.menu :hover ul.sub li a {
display:block; 
font-size:12px; 
height:20px;
width:146px; 
line-height:20px; 
text-indent:5px; 
color:#000; 
text-decoration:none; 
border:3px solid #ffffff; 
border-width:0px 0px 0px 0px;
}

.menu :hover ul.sub li a.fly {
background:#fff url(../images/arrow.gif) 80px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {
background:#095D8B; 
color:#fff;
}

.menu :hover ul.sub li a.fly:hover {
background:#ac2420 url(../images/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
}

.menu :hover ul li:hover > a.fly {
background:#ac2420 url(../images/arrow_over.gif) 80px 7px no-repeat;
color:#fff;
} 

/* 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:90px; 
top:-4px; 
background: #fff; 
padding:3px 0; 
border:1px solid #888; 
white-space:nowrap; 
width:93px; 
z-index:200; 
height:auto; 
z-index:300;
}

.top pq{width:1px;}