* {
	margin: 0; padding: 0; border: 0;
	background-color: #001100;
	color: #cccccc;
	font-family: Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
}

body, html {
	height: 99%; /* To make vertical alingment possible with relative 50% positioning (-1% to avoid scrollbars). */
}

img {
	margin-bottom: -4px; /* To fix 4px gap below images (from doctype). */
}

#container {
	margin: 5px 5px 0px 5px;
	width: 99%; /* -1% to avoid scrollbars. */
}

#menu {
	background: #001100 url(/img/menu-background.png) no-repeat scroll bottom left;
	height: 57px; /* Height of the logo. */
	width: 760px; /* Width from page left border to last menu element right border. */
}

#menu ul {
	left: 243px; /* Width of the logo. */
	list-style-type: none;
	position: absolute;
	top: 39px;
}

#menu ul li {
	float: left;
	padding: 0px 15px;
}

#header {
	background: #001100 url(/img/header.png) repeat-x;
	height: 9px;
	min-width: 760px; /* Width from page left border to last menu element right border. */
}

#footer {
	background: #001100 url(/img/footer.png) center;
	height: 13px;
	min-width: 760px; /* Width from page left border to last menu element right border. */
}

#kaminaarts {
	bottom: 5px;
	font-size: 7pt;
	right: 5px;
	position: fixed;
	z-index: 0;
}

#kaminaarts a {
	color: #666e66;
}

#contact {
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
	width: 600px;
}

#contact p.left img {
	border-right: 30px solid #001100; /* Padding between left and right sector. */
}

#contact p.right img {
	border-top: 20px solid #001100; /* Padding from top of contact div for right sector. */
	border-right: 5px solid #001100; /* Padding between logo and name. */
}

/* General float left -class for tags. */
.floatleft {
	float: left;
}

/* Tag to clear floats. */
hr {
	clear: both;
	display: block;
	visibility: hidden;
}