#wrapper
{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	left: 0;
	right: 0;
	top: 0
}

#wrapper #avatar
{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	margin: 40px;
	padding: 20px;
}
	#wrapper #avatar .shadow
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #000;
	}
	#wrapper #avatar img
	{
		display: block;
		position: relative;
		margin: 0 auto;
		height: 160px;
	}
	#wrapper #avatar span
	{
		display: block;
		position: relative;
		text-align: center;
		font-size: 1.2em;
		line-height: 1.2em;
		font-weight: bold;
		padding: 6px 0 0;
	}

#wrapper #content
{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	top: 0;
	right: 0;
	max-width: 50%;
	margin: 40px;
}
	#wrapper #content .shadow
	{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #000;
	}
	#wrapper #content .typography
	{
		position: relative;
		overflow: auto;
		padding: 40px;
	}

#submenu
{
	position: absolute;
	overflow: hidden;
	visibility: hidden;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 4px 0;
}
	#submenu > div
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: #000;
	}
	#submenu > ul
	{
		display: block;
		position: relative;
	}
		#submenu > ul > li
		{
			display: inline-block;
			position: relative;
			padding: 8px;
		}
		#submenu > ul > li:hover
		{
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
			background-color: #000;
		}
			#submenu > ul > li > a
			{
				display: block;
				position: relative;
			}
				#submenu > ul > li > a > div
				{
					position: relative;
					height: 120px;
				}
					#submenu > ul > li > a > div > img
					{
						display: block;
						position: relative;
						height: inherit;
						margin: 0 auto;
					}
				#submenu > ul > li > a > span
				{
					display: block;
					position: relative;
					padding: 4px 0;
					text-align: center;
				}