@charset "UTF-8";
/* CSS Document */



body {
	background-color: #B0B0B0;
}

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #808080;
}



.bodytext a {
	text-decoration: none;
	color: #808080;
}

.bodytext a:hover {
	color: #000000;
}


.worktext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 980px;
	height: 600px;
	margin-left: -490px;
	margin-top: -300px
}

.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #FFFFFF;
	margin-left: 3px;
}

.logo a {
	text-decoration: none;
	color: #ffffff;
}

.menu0 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #7D0101;
	padding: 5px;
}

.menu0 a {
	color: #7D0101;
	text-decoration: none;
}

.menu0 a:hover {
	color: #7D0101;
	text-decoration: underline;
}

.menu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #2F526E;
	padding: 5px;
}

.menu1 a {
	color: #2F526E;
	text-decoration: none;
}

.menu1 a:hover {
	color: #2F526E;
	text-decoration: underline;
}

.menu2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #EA771E;
	padding: 5px;
}

.menu2 a {
	color: #EA771E;
	text-decoration: none;
}

.menu2 a:hover {
	color: #EA771E;
	text-decoration: underline;
}

.menu3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #497F05;
	padding: 5px;
}

.menu3 a {
	color: #497F05;
	text-decoration: none;
}

.menu3 a:hover {
	color: #497F05;
	text-decoration: underline;
}

#content {
	background-color: #FFFFFF;
	z-index:1;
}

#header {
	position:relative;
	width:980px;
	height:130px;
	top: 10px;
	z-index:2;
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
}

#logo {
	position:absolute;
	width:175px;
	height:120px;
	left: 40px;
	z-index:2;
}


#menu {
	position:absolute;
	width:330px;
	height:0px;
	top: 80px;
	left: 200px;
	z-index:2;
}

#maze {
	position:absolute;
	width:379px;
	height:389px;
	left: 538px;
	top: 1px;
	z-index:3;
}

#smallmaze {
	position:absolute;
	width:195px;
	height:194px;
	top: 1px;
	left: 700px;
	z-index:3;
}

#qtscaption {
	position:absolute;
	width:400px;
	height:150px;
	
	top: 180px;
	left: 80px;
	background-image: url(../images/caption.jpg);
	background-repeat: no-repeat;
}

#strip {
	position:absolute;
	width:980px;
	height:190px;
	z-index:4;
	top: 382px;
	background-image: url(../images/strip.jpg);
}

#links a {
	position: absolute;
	text-decoration: none;
	
}

#links a i {
	visibility: hidden;
}

a#proj1 {
	left: 298px;
	top:  20px;
	width: 210px;
	height: 160px;
}

a#proj2 {
	left: 525px;
	top:  20px;
	width: 210px;
	height: 160px;
}

a#proj3 {
	left: 755px;
	top:  20px;
	width: 210px;
	height: 160px;
}


#bigstrip {
	position:absolute;
	width:980px;
	height:347px;
	top: 225px;
	z-index:1;
	background-color: #D8D8D8;
}

#projlinks {
	position:absolute;
	width:200px;
	height:0px;
	left: 5px;
	z-index:3;
}

#innerstrip {
	position:absolute;
	width:980px;
	height:325px;
	top: 15px;
	z-index:2;
	background-image: url(../images/big_strip_bg.gif);
	background-repeat: repeat;
}

#leftbox {
	position:absolute;
	width:440px;
	height:300px;
	top: 15px;
	left: 20px;
	z-index:2;
}


#rightbox {
	position:absolute;
	width:450px;
	height:300px;
	top: 15px;
	left: 510px;
	z-index:2;
	overflow:auto;
}

#footer {
	position:absolute;
	width:980px;
	height:27px;
	top: 573px;
	z-index:2;
	background-color: #808080;
}