#menu-bar {
	float: right;
	height: 28px;
	line-height: 28px;
}
#menu-bar, #menu-bar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}
#menu-bar a {
	display: block;
	text-decoration: none;
	color: #1d5168;
}

#menu-bar li {
	margin-right: 20px;
	float: left;
	/*width: 9em;*/
	height: 28px;
}

#who-we-are, #what-we-know, #what-we-do, #our-portfolio, #blog {
	height: 28px!important;
	background-repeat: no-repeat;
	text-indent: -3000px;
}
#who-we-are {
	width: 114px;
	background-image: url(../images/nav-who-we-are.gif);
}

#what-we-know { 
	width:134px;
	background: url(../images/nav-what-we-know.gif);
}

#what-we-do {
	width:114px;
	background: url(../images/nav-what-we-do.gif);
}

#our-portfolio {
	width:117px;
	background: url(../images/nav-our-portfolio.gif);
}

#blog {
	width:56px;
	background: url(../images/nav-blog.gif);
}


#menu-bar li {position: relative;}

/* hide from IE mac \*/
#menu-bar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#menu-bar li ul, #menu-bar ul li  {
	margin: 0;
	text-indent: 0px;
	width: 200px;
}
#menu-bar ul li a  {
	width: 184px;
	display: block;
	color: #1d5168;
	padding: 0 8px;
}
#menu-bar li ul {
	position: absolute;
	display: none;
	background-color: #d9e2e5;
	background-repeat: repeat-x;
}

#menu-bar li:hover a, #menu-bar a:focus,
#menu-bar a:active, #menu-bar li.on a {
	color: #1d5168;
	background-position: 0 -28px;
}
#menu-bar li:hover ul, #menu-bar li.on ul {
	display: block;
}
#menu-bar li:hover ul a, #menu-bar li.on ul a {
	color: #000000;
	background-color: transparent;
}
#menu-bar ul a:hover {
	background-image: url(../images/nav-bg.jpg);
	background-position: center center;
	background-color: #1d5168!important;
	color: #FFFFFF !important;
}