@charset "utf-8";
/* CSS Document */

 
	 
	/* adapted from http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/ */
	* { margin: 0; padding: 0; }
	body { 	
		/* margin: 1em;	
		font: 83%/140% Verdana,Arial,Helvetica,sans-serif;*/ 
		font-size:12px;
		behavior: demo2_files/(hover.htc); /* required to make IE accept :hover on any object - make sure the file is present */
	}
	 
	 .clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}
 
#hnav { text-align: center; position:relative; left: 50px; top: 8px;   width: 800px;  margin:0; padding:0; margin-left: auto ;
  margin-right: auto ;
}

	a { text-decoration: none; font-weight: bold; }
	a:hover { text-decoration: underline; }
	.nav a:hover { text-decoration: none; }
	/* h4.tested { margin-top: 2em; } 
	small { line-height: 120%; }*/
	
 

 	/* Hides from IE-mac \*/
	* html .clear-sf { height: 1%;  }
	.clear { display: block; }
	/* End hide from IE-mac */
	
	/* image replacement general properties */
	ul.IR li { 
		position: relative; /*establish a new positioning context for the elements contained within */
		/* The original method recommends setting this so that the text doesn't peak out if you resize the text.
		   But overflow also includes our dropdown list, so we need the overflow to be visible. */
		/*overflow: hidden; */
		font-size: 0.9em;
		font-size: 6px;
	}
			
	.IR em {
		display: block;
		position: absolute;
		top: 0; left: 0;
		z-index: 1;
		/* it’s the em which we’re going to place at the top corner of each list element with position: absolute so that it in fact covers up the text underneath. We need to set the em to display: block because it’s an inline element and won’t take dimensions in its default state. */
	}
	
	/* For IE5.x mac only */
	* html>body	.IR { 
		position: static;
		overflow: visible;
		font-size: 10px;
  }
	* html>body .IR em  { position: static; }
	.mod_navigation  { position:relative; z-index:6000;  }
	/* image replacement specific properties */
 
	.nav { 
	list-style: none; 
	z-index:1000; 
 
	} /*  remove the bullets from the list */
	.nav li { float: left; padding-bottom: 10px; } /*  Float to make inline and add a little bottom padding to make sure the sub menus don't disappear before selecting them */
	.nav li, .nav li em { height: 22px;   width: 220px;  } /* assign  width of LI here necessary for drops - assign same dimensions to both the list items and the ems that will hold the images. */
	
	* html>body ul.nav li em { margin-bottom: -22px; } /* for ie5.x/mac only */
	
	 .link1 em, .link2 em, .link3 em, .link4 em, .link5 em, .link6 em {  /* apply the background-image to each of the ems */
		background: url(../../abmac-default/images/links.jpg) no-repeat; 
				background: url(../images/links.jpg) no-repeat; 

		cursor: pointer; /* IE5 requires cursor: hand; however this is not valid CSS2 */
	}
	

	/* each link gets a class so we can style, position and set width separately */
	.nav li.link1, .nav li.link1 em {   width: 94px;  }
	.nav li.link2, .nav li.link2 em {   width: 132px;  }
	.nav li.link3, .nav li.link3 em {   width: 128px;  }
 	.nav li.link4, .nav li.link4 em {   width: 127px;  }
	.nav li.link5, .nav li.link5 em {   width: 91px;  }
	.nav li.link6, .nav li.link6 em {   width: 97px;  }
	
	 /* ul.activeGroup  li.active em { background-position: 0 -22px; } /* for active state 
      ul.activeGroup li.link1 em { background-position: 0 -22px; }
      ul.activeGroup li.link2 em { background-position: 0 -22px; }*/
	.link1 { left: 0;   }
	.link1 em { background-position: 0 0; }
	.link1:hover em, body.overview .link1 em { background-position: 0 -22px; }
	.link2 { left: 0px; }
	.link2 em{ background-position: -93px 0; }
	.link2:hover em, body.international .link2 em { background-position: -93px -22px; }
	.link3 { left: 0px; }
	.link3 em { background-position: -226px 0; }
	.link3:hover em, body.practices .link3 em { background-position: -226px -22px; }
	.link4 { left: 0px; }
	.link4 em { background-position: -354px 0; }
	.link4:hover em, body.professionals .link4 em { background-position: -354px -22px; }
	.link5 { left: 0px; }
	.link5 em { background-position: -477px 0; }
	.link5:hover em, body.contact .link5 em { background-position: -477px -22px; }
	.link6 { left: 0px; }
	.link6 em { background-position: -567px 0; }
	.link6:hover em { background-position: -567px -22px; }
	

	/* suckerfish styles */
	.nav a { display: block; font-weight: normal; font-size:8px; }
	 
	* html .nav a { height: 1%; }  /* The Holly Hack - Correct a hasLayout problem with IE6 which leed to problems with accessing the dropdown links*/
	
	.nav li ul {
		position: absolute;
		z-index: 1000; /* show the dropdowns above the images */
		top: 22px; /* position the dropdowns a set distance from the top of the image */
        

		left: -999em; /* the dropdowns - are placed absolutely relative to their parents off-screen  */
		display:none;
		list-style: none;
		border: 2px solid #cbc0a3;
		
 	}
	
	.nav li:hover ul { left: 0; padding-left:0; margin-left:0; display:inline; 	}
	
	.nav li li {
		height: auto; /* reset the height and padding set on the IR list items   because they were set for the image replaced list items.  */
		line-height: 1.5em; /* control leading around text of drop-downs */
		padding-bottom: 0;
 		font-size: 6px;
		width:190px; /* WIDTH OF DROPS */
		
 		border-bottom: 1px solid #cbc0a3;
		font-family:Georgia,'Times New Roman',Times,serif;
		font-size:11px;
		text-align:left;
 }

.nav li ul a {
		/*padding: 0.25em;*/
		color: #990000;
		 padding-left:12px;
		background-color:#E5E0CD;
		font-size:11px; 
		padding:2px;
		
	}
	.nav li ul a:hover {
		color: #FFFFFF;
		background: #990000;
	}
	
/* lit - Latest Industry Thinking */
 div.lit  {   float:left; display:block; clear:both;   margin:0;padding:0;
}
  div.lit a {
  margin:0;padding:0;
position: relative;
left: 200px;
top:13px;
/**top:25px;  IE7 hack */
display: block;
text-decoration: none;
	width: 305px;
	height:22px;
	cursor: pointer; /* IE5 requires cursor: hand; however this is not valid CSS2 */
	background-image: url(../images/latest-link.jpg);
	background-repeat: no-repeat;
background-position: 0 0; 	text-align: center;
font-size:6px;
overflow:hidden;
 
}

div.lit a:hover {
 text-decoration: none;
background-position: 0 -22px; 
overflow:hidden;
} 
div.lit a span{ visibility:hidden; }