html, body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body
{
	background-color: #fff;
	color: #1B9DC6;
	font-family: Verdana, Helvetica, Arial, Luxi Sans;
	font-size: 11px;
}

div#capture
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow: hidden;
}

div#wrapper
{
	position: relative;
	width: 1px;
	height: 100%;
	margin: 0px auto;
}

div#animate
{
	position: absolute;
	width: 200px;
	height: 0px;
	bottom: 0px;
	left: 0px;
}

div#info
{
	position: absolute;
	bottom: 200px;
	right: 0px;
	width: 60%;
}

div#info div#content
{
	position: relative;
	background-color: #1B9DC6;
	border: 1px solid #1786A8;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	height: auto !important;
	height: 30px;
	min-height: 30px;
}

div#info img#kloflogo
{
	position: absolute;
	top: 5px;
	left: 5px;
}

div#info div#tagline
{
	position: relative;
	padding: 10px 0px 3px 75px;
}

div#info div#block
{
	position: absolute;
	bottom: -1px;
	left: -1px;
	width: 55px;
	height: 5px;
	border: 1px solid #1786A8;
	border-left: 0px;
	border-bottom: 0px;
	background-color: #A4D8E8;
}


div.logo
{
	position: absolute;
	width: 100px;
	height: 100px;
}

div.large
{
	width: 300px;
	height: 300px;
}

div.logo div
{
	position: absolute;
	background-color: #31A6CC;
}

div.logo div.verticalleft
{
	top: 45%;
	left: 18%;
	width: 18%;
	height: 54%;
}

div.logo div.verticalright
{
	top: 18%;
	left: 63%;
	width: 18%;
	height: 54%;
}

div.logo div.horizontalleft
{
	top: 63%;
	left: 0%;
	width: 54%;
	height: 18%;
}

div.logo div.horizontalright
{
	top: 36%;
	left: 45%;
	width: 54%;
	height: 18%;
}

a
{
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	letter-spacing: 1px;
	font-size: 9px;
}