#logo
{
	display: inline-table;		
	padding: 4px 3px 0px 9px;
	width: 0px;
	background-color: #FF9224;
	border-radius: 15px;
	box-shadow: 10px 10px 10px #FFBB88;
}

#logo-part1-firstletter,
#logo-part2-firstletter
{
	display: inline-block;
	padding: 0px;
	margin: 0px;
}

#logo-part1-rest,
#logo-part2-rest
{
	display: inline-block;
	padding: 0px;
	margin: 0px;
	opacity: 0;
	width: 0px;
	transition: opacity 1.0s ease;
	transition: transform, width 0.75s ease 0.75s;
}

#logo-part2-firstletter
{
	transform: translate(-7px ,0px);
	transition: all 1.5s ease;
}

#logo:hover #logo-part2-firstletter
{
	transform: translate(60px ,0px);
	transition: transform 0.75s ease;
}

#logo:hover #logo-part1-rest {
	opacity: 1;
	width: 62px;
	transform: translate(-24px ,0px);
	transition: transform 0.75s ease;
	transition: width, opacity 1.0s ease 0.75s;
}

#logo:hover #logo-part2-rest {
	opacity: 1;
	width: 273px;
	transform: translate(-2px ,0px);
	transition: transform 0.75s ease;
	transition: width, opacity 1.0s ease 0.75s;
}