/* nav */

	#top #nav {
		float:right;
		font-size:1.3em;
		margin-top:85px;
	}
	#top #nav ul {
		float:left;
	}
	#top #nav ul li {
		float:left;
		list-style:none;
		position:relative;
		background: url(../../images/menu/right-bg.gif) right no-repeat;
	}	
	#top #nav ul li a {
		float:left;
		height:31px;
		line-height:31px;
		display:block;
		padding:0 17px;
		text-decoration:none;
		color:#3B7DB1;
		background:url(../../images/menu/left-bg.gif) left no-repeat;
	}
	#top #nav ul li:hover,
	#top #nav ul li.sfHover,
	#top #nav ul li.active:hover {
		line-height:38px; 
		height:38px;
		background:url(../../images/menu/hover-right.gif) right no-repeat;
		margin-top:-7px;
	}
	#top #nav ul li a:hover,
	#top #nav ul li.sfHover a,
	#top #nav ul li:hover a,
	#top #nav ul li.active:hover a {
		background:url(../../images/menu/hover-left.gif) left no-repeat;
		height:38px;
		color:#3B7DB1;
	}
	#top #nav ul li:hover a span,
	#top #nav ul li.sfHover a span,
	#top #nav ul li.active:hover a span {
		background:url(../../images/menu/drop-down-icon.gif) no-repeat center bottom;
		padding-bottom:5px;
		display:block;
		cursor:pointer;
		position:relative; /* to show arrow through sub */
		z-index:10000;
	}
	#top #nav ul li.active {
		height:42px;
		background:url(../../images/layout/breadcrumb-arrow.jpg) no-repeat 6px 37px;
	}
	#top #nav ul li.active a,
	#top #nav ul li.sfHover a  {
		background:url(../../images/menu/hover-left.gif) left no-repeat;
		height:38px;
		color:#3B7DB1;
	}
	
	/* drop down stuff */
	#top #nav ul li ul {
		top:-9999px;
		left:-5px;
		height:auto;
		font-size:1em;
		padding:0;
		width:242px;
		position:absolute;
		padding:7px 0 0 0;
	}
	/* on hover show in proper position */
	#top #nav ul li:hover ul,
	#top #nav ul li.sfHover ul {
		bottom:0;
		top:100%;
		margin:-1px 0 0 0;
	}
	#top #nav ul li ul li {
		display:block;
		width:242px;
		font-size:1em;
		padding:5px 10px 0 20px;
		margin:0;
		line-height:1.5em;
		height:auto;
		background:url(../../images/menu/sub-nav-bg.png) repeat-y;
	}
	#top #nav ul li ul li:hover,
	#top #nav ul li ul li.sfHover {
		background:url(../../images/menu/sub-nav-bg.png) repeat-y;		
	}
	/*#top #nav ul li ul li:hover,
	#top #nav ul li ul li:hover a {
		height:auto;
		line-height:normal;
	}*/
	/* hover effect of sub items */
	#top #nav ul li ul li a:hover,
	#top #nav ul li.active ul li a:hover {
		color:#EC1E20;
		background:url(../../images/menu/sub-icon-hover.gif) no-repeat center left;
	}
	
	/* flipping menu over */
	#top #nav li#careers ul {
		left:-169px;
	}
	#top #nav li#relation ul {
		left:-136px;	
	}
	#top #nav li#careers:hover .topLi,
	#top #nav li#careers.sfHover .topLi,
	#top #nav li#relation:hover .topLi,
	#top #nav li#relation.sfHover .topLi {
		background:url(../../images/menu/sub-nav-top-last.png) no-repeat 1px 0; /* alters top image to other side. */
	}
	#top #nav li#careers:hover .topLi span,
	#top #nav li#careers.sfHover .topLi span,
	#top #nav li#relation:hover .topLi span,
	#top #nav li#relation.sfHover .topLi span {
		right:4px; /* switches menu round */
		left:auto;
	}
	
	/*-----Curved Edges------*/

	#top #nav li.topLi,
	#top #nav li.topLi.sfhover,
	#top #nav li.topLi:hover {
		height:19px !important;
		line-height:19px !important;
		background:url(../../images/menu/sub-nav-top.png) no-repeat center;
		width:252px;
		padding:0;
		position:relative;
		top:0;
		margin:0 0 -5px 0;
	}
	#top #nav li.bottomLi,
	#top #nav li.bottomLi.sfhover,
	#top #nav li.bottomLi:hover {
		height:19px !important;
		line-height:19px !important;
		background:url(../../images/menu/sub-nav-bottom.png) no-repeat bottom;
		width:252px;
		padding:0 0 10px 0;
		position:relative;
		top:0;
		margin:0;
	}
	
/*--------- Blue Bar ----------*/

	#top #nav .topLi {
		position:relative;
	}
	#top #nav .topLi span {
		background:#fff;
		height:11px;
		top:-6px;
		position:absolute;
		z-index:1000;
		left:5px;
		display:block;
		border-left:1px solid #8EB2CB;
		border-right:1px solid #8EB2CB;
	}
	#top #nav li#about .topLi span {
		width:86px;
	}
	#top #nav li#ourb .topLi span {
		width:125px;
	}
	#top #nav li#projects .topLi span {
		width:80px;
	}
	#top #nav li#corpr .topLi span {
		width:173px;
	}
	#top #nav li#relation .topLi span {
		width:110px;
	}
	#top #nav  li#careers .topLi span {
		width:77px;
	}
	
	#top #nav ul li ul li a {
		line-height: 1.2em;
	}
	#top #nav ul li ul li,
	#top #nav ul li ul li a,
	#top #nav ul li ul li a:hover 
	{
		height:auto !important;
	}

	#top #nav ul li ul li a,
	#top #nav ul li.active ul li a,
	#top #nav ul li.sfHover ul li a {
		margin:0;
		display:block;
		font-size:1em;
		color:#45649B;
		background: url(../../images/menu/sub-icon.gif) no-repeat !important;
		background-position: 0 4px !important;
		line-height: 1.2em !important;
	}
	#top #nav ul li ul li a:hover,
	#top #nav ul li.active ul li a:hover,
	#top #nav ul li.sfHover ul li a:hover {
		background:url(../../images/menu/sub-icon-hover.gif) no-repeat !important;
		background-position: 0 4px !important;
		color:#DB6D39;
	}
	
	#top #nav ul li ul li a:hover,
	#top #nav ul li ul li:hover,
	#top #nav ul li ul li.sfHover {
		margin:0;
	}

	span.hideBlue{
		background:#fff !important;
	}
	
	
/*-------------Sub Menu---------------*/

	#subMenu{
		float:left;
		width:228px;
		margin-top:50px;
	}
	#subMenu ul {
		margin:0 0 36px 0;
	}
	#subMenu li{
		list-style:none;
		border-bottom:1px solid #EBEBEB;
	}
	#subMenu li a {
		display:block;
		color:#474747;
		font-size:1.1em;
		padding:3px 25px 3px 23px
	}
	#subMenu li a:hover {
		color:#3B7DB1;
		background:url(../../images/menu/sub-menu-hover.gif) no-repeat 15px 7px;
	}
	#subMenu li.active a {
		color:#3B7DB1;
		background:url(../../images/menu/sub-menu-hover.gif) no-repeat 15px 7px #EBEBEB;
	}
	
	#subMenu li a.thisLink {
		color:#3B7DB1;
		background:url(../../images/menu/sub-menu-hover.gif) no-repeat 15px 7px #EBEBEB;
	}