/* ie6 hacks */
/* add display inline to floated elements*/
* html ul.menu,
* html ul.menu li,
* html ul.menu img {display:inline;}

/* add zoom:1 to overflow:hidden */
* html ul.menu,
* html ul.menu li,
* html ul.menu img {zoom:1;}

/* add zoom:1 to pos:relative elements */
* html ul.menu li:hover,
* html ul.menu li a:hover {zoom:1;}

#navbar {
	/*width:100%; Hack for contained floated element in ie */
	position:absolute;
	top:111px;
	left:11px;
	width:945px;
	z-index:999;
	margin:0px;
	visibility: visible;
/*	background:#F4F4F4 url(../images/dual_logo.jpg) no-repeat right -4px;*/
}
/* set default of submenu to hide */
ul.menu ul{display:none;}

/* show submenu when hovering over first level links */
ul.menu li:hover>ul{display:block;}

/* position submenus  */
ul.menu ul{position: absolute;left:-1px;top:98%;}
ul.menu ul ul{position: absolute;left:98%;top:-2px;}

/* reset list defaults and format base appearance for menu containers */
ul.menu,ul.menu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#F4F4F4;

}
/* Hide submenu table (ie ) */
ul.menu table {border-collapse:collapse}

/* Display Submenu Items */
ul.menu {
	display:block;
	float: left;
	zoom:1;
}

/* SUBMENU container (background-color is needed to hide content underneath the link containers)*/
ul.menu ul{
width:160px;
background-color:#FFFFFF;
border:thin solid #ccc;
border-top:none;
z-index:999;
}
/* All tab containers */
ul.menu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
	width:113px;
	background-color:#FFFFFF;
}
ul.menu a:active, ul.menu a:focus {
	outline-style:none;
}
/* Format Tabs  */
ul.menu a {text-align:center; color:#333333;}
ul.menu a, ul.menu a:hover {
	display:block;
	vertical-align:middle;
/*background-color:#CCCCCC;*/
	background: url(../images/tabbg.jpg) 0 -24px repeat-x;
	border: thin solid #fff; 
	padding:4px;
	padding-left:0;
	font:normal 11px Verdana;
	text-decoration:none;
	cursor:default;
/*z-index:800;*/
}

ul.menu span{
	overflow:hidden;
}
ul.menu li {
	float:left;
}
ul.menu ul li {
	float:none;
}
/* Submenu text link */
ul.menu ul a {
text-align:left;
text-indent:3px;
/*text-align:center;*/
	white-space:nowrap;
/*	font:normal 11px Verdana;*/
}

ul.menu li:hover{
	position:relative;
}
ul.menu li:hover>a{
	background: url(../images/tabbg.jpg) 0 -48px repeat-x;
	font:normal 11px Verdana;
/*	color: #ffffff;*/
	text-decoration:none;
}
ul.menu li a:hover{
	position:relative;
	background-color: #00CCFF;
	border: thin solid #665500;
	font:normal 11px Verdana;
	text-decoration:none;
}
/* Style level 2+ flyout links */
ul.menu li ul li, ul.menu li ul li a span, ul.menu li ul li ul li{display:block; width:160px;}

ul.menu img {border: none;float:left; margin-right:4px;width:16px;
height:16px;
}
ul.menu ul img {width:16px;height:16px;}
ul.menu img.over{display:none}
ul.menu li:hover > a img.def  {display:none}
ul.menu li:hover > a img.over {display:inline}
ul.menu a:hover img.over,ul.menu a:hover ul img.def,ul.menu a:hover a:hover img.over{display:inline}
ul.menu a:hover ul img.over{display:none}
ul.menu a:hover ul ul,ul.menu a:hover a:hover ul ul{display:none}
/* display 3rd flyout menu on hover over 2nd level link and display 4th level menu on hover over 3rd level link*/
ul.menu a:hover ul,ul.menu a:hover a:hover ul,ul.menu a:hover a:hover a:hover ul{display:block}
ul.menu a:hover ul ul,ul.menu a:hover a:hover ul ul{display:none}

/* style links containing submenus */
ul.menu span{
	display:block;
	/*background-image:url(../images/arrow_right.gif);*/
	background-position:right center;
	background-repeat: no-repeat;
/*	color:#000;*/
   padding-right:11px;}
ul.menu li:hover>a>span{	background-image:url(../images/arrow_anim.gif);
}
ul.menu a:hover span{background-image:url(../images/arrow_anim.gif)}
ul.menu ul span,ul.menu a:hover table span{background-image:url(../images/arrow_anim.gif)}
/*ul.menu ul li:hover > a span{background-image:url(../images/arrow_right.gif);}*/
ul.menu ul li a:hover span, ul.menu ul ul li a:hover span{background: url(/images/arrow_right.gif) 136px no-repeat}
ul.menu table a:hover span{background-image:url(../images/arrow_anim.gif)}

ul.menu li a:active{color:#FFEEEE;background-color:#666666;}

/* Set Page marker by page and top_level link id */
body#home a#_index,body#services a#_services,body#solutions a#_solutions,body#services a#_services,body#projects a#_projects, body#resources a#_resources,body#contact_us a#_contact_us{
		font-weight:bold;
		background-color: #3571F5;
		color: #FFFFFF;
/*background: url(../images/tabbg.jpg) 0 -48px repeat-x;*/
	border:thin inset #999;
}
