/* header
-----------------------------------------------------*/

#header #branding {
	height: 80px;
	}
	
	#header #branding H1#logo {
	position: relative;
	float: left;
	top: 10px;
	margin-left: 10px;
	text-indent:-999em;
	width: 954px;
	height: 60px;
	background: url(../img/cim1.jpg) 0 0 no-repeat;
		}
		
		#header #branding H1#logo A {
			display: block;
			width: 100%;
			height: 100%;
			}
			
	#header #branding > DIV.right {
		float: right;
		padding-top: 27px;
		font: normal 10px/10px "Lucida Grande", "Lucida Sans", sans-serif;
		color: white;
		text-transform: uppercase;
		height: 52px;
		width: 465px;;
		z-index: 4000;
		}

		#header #branding > DIV.right DIV A {
			color: white;
			padding-top: 8px;
			text-decoration: none;
			}
			
			/* Lightbox */
			
			#header #branding > DIV.right DIV.lightbox {
				float: right;
				}
				#header #branding > DIV.right DIV.lightbox A {
					display: block;
					height: 26px;
					padding-left:32px;
					background: url(../img/icon_lightbox.png) 0 0 no-repeat;			
					}
				#header #branding > DIV.right DIV.lightbox SPAN {
					padding-left: 6px;
					letter-spacing: 2px;
					}
				
			/* Separator */	
				
			#header #branding > DIV.right DIV.separator {
				padding-top: 8px;
				margin: 0 7px;
				float: right;
				}
			
			/* Language */
			
			#header #branding > DIV.right DIV.language {
				float: right;
				z-index: 5000;
				}
				#header #branding > DIV.right DIV.language .dropdown {
					width: 98px;
					margin-left: 7px;
					}
				#header #branding > DIV.right DIV.language .dropdown LABEL SPAN.wrap {
					padding: 8px 19px 8px 0px;
					width: 100%;
					color: #fff;
					background: url(../img/arrow_language_dropdown.png) no-repeat 79px 11px;
					}
					#header #branding > DIV.right DIV.language .dropdown LABEL SPAN.wrap EM {
						margin-left: 8px;
						border-bottom: 1px solid white;
						}

				#header #branding > DIV.right DIV.language .dropdown UL {
					background-color: #252525;
					top: 24px;
					z-index: 4000;
					}
				#header #branding > DIV.right DIV.language .dropdown UL LI A {
					padding: 8px 6px;
					}
					#header #branding > DIV.right DIV.language .dropdown UL LI A:hover {
						background-color: #565656;
						}
						
							
/* main nav
---------------------------------------------------------------------*/
DIV#nav_container {
	border-bottom: 1px solid #282828;
	}	

#nav_mask {
	height: 47px;
	overflow: hidden;
	position: relative;
	}
	/*
	BODY.nav_open #nav_mask {
		height: 90px;
		}
	*/

UL#nav {
	}

	UL#nav LI {
		float:left;
		width: 320px;
		height: 90px;
		}
		
		UL#nav LI A {
			display: block;
			height: 90px;
			width: 320px;
			text-decoration: none;
			text-indent: -999em;
			position: relative;
			}
		UL#nav LI A SPAN {
	font: normal 14px/14px Georgia, "Times New Roman", serif;
	color: #b0b0b0;
	text-decoration: none;
	text-indent: 0;
	position: absolute;
	top: 60px;
	left: 10px;
	padding-right:15px;
	background: url(../img/arrows_nav.png) no-repeat right 0;
	width: 165px;
			}

		UL#nav LI.whats_new A {
			background-image: url(../img/nav_whats_new.png);
			}		

			
			UL#nav LI.whats_new A SPAN.whats_new_nav {
				position: absolute;
				top: 62px;
				left: 240px;
				width: 59px;
				height: 20px;
				margin: 0px;
				padding: 0;
				background: none;
				}
				UL#nav LI.whats_new A SPAN.whats_new_nav SPAN {  
					position: absolute;
					top: 0px;
					display: block;
					padding: 0;
					}
				UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.counter {
					position: absolute;
					display: block;
					left: 9px;
					width: 41px;
					top: -2px;
					height: 20px;
					color: #252525;
					font: normal 14px/14px Georgia, "Times New Roman", serif;
					text-align: center;
					background: none;
					}
					UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.counter SPAN {  
						display: inline;
						text-indent: 0;
						position: static;
						line-height: 16px;
						margin: 0;
						padding: 0;
						background: none;
						height: 20px;
						}
					
				UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.prev,
				UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.next {  
					cursor: pointer;
					position: absolute;
					display: block;
					width: 9px;
					height: 20px;
					background: url(../img/arrows_thick_gray_prev_next.png) 0 0 no-repeat;
					cursor: pointer;
					}
					UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.prev {
						left: 0px;
						width: 9px;
						} 
					UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.next {  
						left: 50px;
						background-position: -50px 0;
						} 

				UL#nav LI.whats_new A SPAN.whats_new_nav SPAN.disabled {
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-moz-opacity:0.5;
					opacity: 0.5;
					cursor: default;
					}



				
		UL#nav LI.projects A {
			background: url(../img/nav_projects.png);
			}

		UL#nav LI.people_and_offices A {
			background-image: url(../img/nav_people_and_offices.png);
			}

			
		UL#nav LI A:hover,
		UL#nav LI.current A {
	background-position: 0 -90px;
			}
			UL#nav LI A:hover SPAN, 
			UL#nav LI.current A SPAN {
				color: #252525;
				background-position: right -20px;
				}
		UL#nav LI.current A {
			cursor: default;
			}