body {
	background-color: #222222;
	font-family: Arial;
	color: white;
	margin: 8em 2em 2em 2em;
	border: 1px solid #222;
}

h1 {
	margin: 0em 0em 0em 0em;
	font-size: 4em; 
	color: firebrick;
	position: fixed;
	display: block;
	top: 0em; 
	width: 80%;
	padding: 1.5em 0em 0.1em 1em;
	background-color: #222;
	z-index: 2;
}
h1 .lab { color: white; }

.projects {
	margin-top: 3em;
}
h2 {
	margin: 0em 0em 0em 0em;
	padding: 0.4em 0em 0.5em 0em;
	font-size: 1.2em; 
	position: fixed;
	display: block;
	width: 85%;
	border-bottom: 1px solid #333;
	background-color: #222;
	text-align: center;
	z-index: 3;
	color: #bababa;
}

ul {
	position: absolute;
	margin: 2em 0em 2em 0em;
	padding: 2em 0em 3em 0em;
	list-style: none;
	text-align: center;
	z-index: 1;
	width: 70%;
	left: 10%;
}
ul li {
	display: block; float: left;
	margin: 1em 1em 1em 1em;
	border: 2px solid #222;
	outline: 1px solid #222;
	-moz-outline-radius: 0px;
}
ul li a {
	display: block;
	width: 164px; height: 164px;
	border: 1px solid #111;
	outline: 3px double #333;
	text-decoration: none;
	font-size: 0.01em;
}
ul li a span {
	display: none;
}
ul li:hover {
	border: 2px solid firebrick;
	outline: 9px solid #101010;
	-moz-outline-radius: 10px;
}
ul li:hover a {
	border: 1px solid #000;
	outline: 3px double #522;
}

.pr_list { background-image: url(images/isf_list.png); }
.pr_swish { background-image: url(images/swish.jpg); }
.pr_pat { background-image: url(images/pat.jpg); }
.pr_vic { background-image: url(images/vic.jpg); }