/* nav functionality styles: */
.logo, .quote{
float:left;
}

	ul#navbar{
	top:35px;
	line-height:40px;/**needs to match height**/
	height:40px;/**needs to match line-height**/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	position:relative;
	z-index:5;
	float:left;
	}
	ul#navbar, ul#navbar ul{
	list-style:none;
	margin:0;
	padding:0;
	position:relative;

	}
	ul#navbar li{
	padding:0;
	margin:0;
	width:70px;
	float: left;
	position: relative;
	z-index:10;
	}
	ul#navbar li a {
	width:100%;
	}
	ul#navbar li ul {
	display: none;
	position: absolute; 
	top: 40px;/*needs to match the line-height (and height) of ul#navbar*/
	left: 0;
	padding:0px;
	margin:0px;
	line-height:normal;
	height:40px;
	width:200px;
	z-index:20;
	}
	ul#navbar li ul li {
	width:100%;
	position:relative;
	z-index:30;
	}
	ul#navbar li ul li ul li{
	position:relative;

	}
	ul#navbar li:hover ul, ul#navbar li.over ul {
	display: block; 
	}
	
/*	next tier of nav*/	
	ul#navbar li.root ul li ul{
	display: none;
	position:absolute;
	top:0;
	left:218px;
	z-index:30;
	}
	ul#navbar li.root ul li:hover ul, ul#navbar li.root ul li.over ul {
	display: block; 
	}
	
	

/* nav look/feel styles */
	ul#navbar a.root{
	border:none;
	background:none;
	text-indent:9px;
	padding:0px;
	}
	
	ul#navbar a{
	display:block;
	width:100%;
	color:white;
	text-decoration:none;
	background:black;
	border-top:1px solid gray;
	padding:9px;	
	}
	ul#navbar li li li a {
	background:#222;
	}
	ul#navbar a:hover{
	color:yellow;
	}
	
	ul#navbar li#nav_logo{width:328px;text-indent:0px;}
		ul#navbar li#nav_logo a{padding:0;margin:0; text-indent:0;}
	ul#navbar li#nav_quote{	width:228px;text-indent:0px;}
		ul#navbar li#nav_quote a{	padding:0;	margin:0; text-indent:0;}
		
		
	ul#navbar li#about{width:59px;}
	ul#navbar li#capabilities{	width:98px}
	ul#navbar li#portfolio{width:75px;}
	ul#navbar li#links{	width:51px}
	ul#navbar li#contact{width:58px}
	ul#navbar li#testimonials{	width:103px}