html,body {
    font-family: Arial;
    font-size: small;
    color: white;
    background-color: black;
	text-align: left;
	margin: 0px 0px 0px 0px; 
	height: 100%;
}
.blue_line{
	position: absolute;
	top: 165px;
	left: 0px;
	width: 100%;
	height: 1px;
	background: #99d9ea;
	background-image: url(pics/blue_line.png);
	background-repeat: no-repeat;
}
.left {
	position: absolute;
	top: 180px;
	left: 100px;
	width: 380px;
}
.right {
	position: absolute;
	top: 180px;
	left: 570px;
	width: 380px;
}
.finished_projects {
	position: relative;
	margin-top: 40px;
}
.future_projects {
	position: relative;
	margin-top: 40px;
}
.about_us {
	position: relative;
	margin-top: 40px;
}
.publications {
	position: relative;
	margin-top: 40px;
}

img.title {
	position: absolute;
	top: 20px;
	left: 100px;
}

h1 {
	font-size: small;
	font-weight: bolder;
	text-align: left;
	color: #99d9ea;
}
h2 {
	font-size: small;
	font-weight: normal;
	text-align: left;
	color: #c3c3c3;
}

a:link {text-decoration: underlined; color: white; font-weight: normal;}
a:visited {text-decoration: underlined; color: white; font-weight: normal;}
a:active {text-decoration: underlined; color: white; font-weight: normal;}
a:hover {text-decoration: none; color: #99d9ea; font-weight: normal;}

.maze a {
	float: right;
	display: block;
	width: 107px;
	height: 80px;
	border: 1px solid #696969;
	margin: 5px;
	background: transparent url(pics/maze.png) no-repeat;
}.maze a:hover {
	background-position: -107px 0;
}
.bubbles a {
	float: right;
	display: block;
	width: 107px;
	height: 80px;
	border: 1px solid #696969;
	margin: 5px;
	background: transparent url(pics/bubbles.png) no-repeat;
}.bubbles a:hover {
	background-position: -107px 0;
}
.virtual_painter a {
	float: right;
	display: block;
	width: 107px;
	height: 80px;
	border: 1px solid #696969;
	margin: 5px;
	background: transparent url(pics/virtual_painter.png) no-repeat;
}.virtual_painter a:hover {
	background-position: -107px 0;
}
.rehab a {
	float: right;
	display: block;
	width: 107px;
	height: 80px;
	border: 1px solid #696969;
	margin: 5px;
	background: transparent url(pics/rehab.png) no-repeat;
}.rehab a:hover {
	background-position: -107px 0;
}
.mail a{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 100px;
	height: 75px;
	background: transparent url(pics/mail.png) no-repeat;
	/* opacity for IE, Fox, Safari */
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: .8;
}.mail a:hover{
	background-position: -100px 0;
	/* opacity for IE, Fox, Safari */
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: .9;
}