h1 {
	color:						black;
}

#Reset {
	position:					fixed;
	z-index:					2147483647;
	background:					#900
								url( '../image/nav/highlight.png')
								repeat-x;
	font-size:					x-small;
	width:						100%;
	text-align:					center;
	font-weight:				bold;
	display:					none;
	cursor:						pointer;
	color:						white;
}

* html #Reset {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		  src = '/asset/image/nav/highlight.png'
		, sizingMethod = 'scale'
	);
	background-image:			none;
	position:					absolute;
	left:						0;
}

#Reset:hover {
	background-color:			#b00;
}

#Reset:active {
	background-color:			#900;
}

#Banner {
	position:					relative;
	height:						159px;
}

#Headline {
	position:					absolute;
	top:						0px;
	left:						47px;
}

#Metaphor {
	position:					absolute;
	top:						0px;
	right:						0px;
}
	
	.home #Metaphor {
		top:					-30px;
		right:					30px;
	}
	
	.company #Metaphor {
		top:					-70px;
		right:					50px;
	}
	
	.products #Metaphor {
		top:					-120px;
		right:					60px;
	}
	
	.services #Metaphor {
		top:					-30px;
		right:					35px;
	}
	
	.portfolio #Metaphor {
		top:					-30px;
		right:					15px;
	}
	
	.contact #Metaphor {
		top:					-35px;
		right:					25px;
	}

#Crumb {
	font-size:					84%;
	margin:						1em 0 1em 47px;
	clear:						both;
}

#Crumb,
#Crumb a {
	color:						#ccc;
	cursor:						default;
}

#Crumb a:hover {
	text-decoration:			none;
	cursor:						pointer;
}

ul#Menu,
ul#Menu ul.tertiary {
	list-style-type:			none;
	padding-left:				0;
	margin-left:				0;
}

ul#Menu {
	width:						224px;
	float:						right;
/*	position:					relative;*/
}
	
	ul#Menu li {
		border:					1px solid #e6e6e6;
		border-right-width:		0;
		border-bottom-width:	0;
	}
	
	ul#Menu li:first-child {
		border-top-width:		0;
	}
	
	ul#Menu li a,
	ul#Menu li span.current {
		display:				block;
		margin-left:			4px;
		border-left:			1px solid #e6e6e6;
		padding:				.5em 1em;
		text-decoration:		none;
		font-weight:			bold;
		color:					#424242;
	}
	
	ul#Menu li a:hover,
	ul#Menu li span.current {
		border-left-width:		5px;
		margin-left:			0;
	}
	
	ul#Menu li span.current {
		cursor:					default;
		border-left-color:		#424242;
	}
	
	ul#Menu ul.tertiary {
		font-size:				84%;
		overflow:				hidden;
	}
	
	ul#Menu ul.tertiary li {
		border-left-width:		0;
	}
	
	ul#Menu ul.tertiary li:first-child {
		border-top-width:		1px;
	}
	
	ul#Menu ul.tertiary li a {
		font-weight:			normal;
	}
	
	ul#Menu ul.tertiary li a,
	ul#Menu ul.tertiary span.current {
		padding-left:			2em;
	}

	ul#Menu ul.tertiary li ul.grandChild li a,
	ul#Menu ul.tertiary li ul.grandChild li span.current {
		padding-left: 6em;
	}
	
	ul#Menu .toggle {
		float:					right;
		font-size:				150%;
		cursor:					default;
		margin-top:				.25em;display:none;
	}

#Content {
	padding-right:				47px;
	padding-left:				47px;
}

#Content.with-menu {
	margin-right:				224px;
}
	
/*	#Content h1:first-child {
		margin-top:				0;
	}*/
	
	#Content img.inset,
	* html #Content div.inset {
		float:					left;
		margin:					.5em 1.75em 1em 0;
	}

.draggable {
	visibility:					hidden;
}

.draggable.positioned {
	visibility:					visible;
}

.draggable.moved.text {
	background-color:			white;
	-moz-border-radius:			10px;
	opacity:					.97;
}

.dragging.text {
	-moz-box-shadow:			0 0 15px #888;
}

#Menu.draggable {
	-moz-border-radius-topLeft: 0;
	-moz-border-radius-bottomLeft: 0;
}

#Crumb.positioned {
	-moz-border-radius:			0;
}

#Metaphor.positioned {
	right:						auto;
}

dl.text {
	margin-left:				2em;
	margin-top:					0;
}

dl.text dt {
	margin-top:					1em;
	font-weight:				bold;
}

dl.text dd {
	margin-left:				2em;
}

ul.logos {
	overflow:					hidden;
}

ul.logos li {
	width:						25%;
	vertical-align:				middle;
}

ul.logos li div.logo {
	height:						75px;
	background:					no-repeat
								center;
	border:						1px solid #e6e6e6;
	border-top-width:			0;
	border-left-width:			0;
}

ul.logos li.last div.logo {
	border-right-width:			0;
}

ul.logos li.bottom div.logo {
	border-bottom-width:		0;
}