body {
	color:#000;
	font-family: Gill Sans,Gill Sans MT,Calibri,sans-serif;
	font-size:1.4rem;
	text-align:center;
}

h1 {
	color:#991b1e;
	font-size:2.0rem;
	margin:0px;
}

h1 small {
	color:#000;
	display:block;
}

p {
	margin:8px 0px;
}

a {
	color:#991b1e;
	text-decoration:none;
}

a:hover {
	color:#991b1e;
	text-decoration:underline;
}

#ml-container {
	position:relative;
	margin:40px auto;
	width:200px;
	height:144px;
}

@keyframes ml1 {
    0% {
		height:0px;
		border-radius:0px;
	}
	
	50% {
		height:144px;	
		border-radius:0px;
	}
	
    100% {		
		height:144px;
		border-radius:24px;
	}
}

#ml1 {
	background-color:#000;
	
	width:48px;
	height:144px;
	
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
	border-radius:24px;
	
	animation-name: ml1;
    animation-duration: 2s;
}


@keyframes ml2 {
    0% {
		height:0px;
		border-radius:0px;
	}
	
	25% {
		height:0px;
		border-radius:0px;
	}
	
	50% {
		height:96px;	
		border-radius:0px;
	}
	
    100% {		
		height:96px;
		border-radius:24px;
	}
}

#ml2 {
	
	background-color:#000;
	
	width:48px;
	height:96px;
	
	display:inline-block;
	position:absolute;
	top:0px;
	left:52px;
	border-radius:24px;
	
	animation-name: ml2;
    animation-duration: 2s;
}

@keyframes ml3 {
    0% {
		background-color:#000;
		
		height:0px;
		border-radius:0px;
	}
	
	25% {
		background-color:#000;
		
		height:0px;
		border-radius:0px;
	}
	
	50% {
		background-color:#000;
		
		height:144px;	
		border-radius:0px;
	}
	
	66% {
		background-color:#000;
		border-radius:0px;
	}
	
    100% {	
		background-color:#991b1e;	
	
		height:144px;
		border-radius:24px;
	}
}

#ml3 {
	
	background-color:#991b1e;
	
	width:48px;
	height:144px;
	
	display:inline-block;
	position:absolute;
	top:0px;
	left:104px;
	border-radius:24px;
	
	animation-name: ml3;
    animation-duration: 3s;
}

@keyframes ml4 {
    0% {
		background-color:#000;
		height:48px;
		width:0px;
		border-radius:0px;
	}
	
	25% {
		background-color:#000;
		height:48px;
		width:0px;
		border-radius:0px;
	}
	
	50% {
		background-color:#000;
		height:48px;
		width:0px;	
		border-radius:0px;
	}
	
	66% {
		background-color:#000;
		border-radius:0px;
	}
	
    100% {		
		background-color:#991b1e;
		height:48px;
		width:96px;	
		border-radius:24px;
	}
	
}

#ml4 {
	background-color:#991b1e;
	
	
	width:96px;
	height:48px;
	
	display:inline-block;
	position:absolute;
	top:96px;
	left:104px;
	border-radius:24px;
	
	animation-name: ml4;
    animation-duration: 3s;
}