* {
	/* border:1px solid red; */
	padding:0;
	margin:0;
	background-repeat: repeat-x;
	outline: none;
}

h4.news {
	display: block;
	border-top: 1px solid #81818F;
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
}

p.update {
	text-align: right;
	margin-top: 40px;
}


body {
	background-color: #81818F;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323252;
	
}

.whole {
	width: 980px;
	height: 560px;
	margin: 20px auto auto auto;
}

.banner {
	position: absolute;
	width: 980px;
	height: 108px;
	background-image: url(../images/banner.gif);
}

.logo {
	position: absolute;
	background-image: url(../images/logo.gif);
	width: 160px;
	height: 108px;
	}	
	
	.logo a {
	position: absolute;
	text-indent: -9000px;
	display: block;
	width: 160px;
	height: 108px;
	background-image: url(../images/logo.gif);
	}
	
	.logo h1, .title h2 {
		text-indent: -9000px;
		}


.bits {
	display: block;
	position: absolute;
	margin: 36px 0px 0px 170px;
	width: 340px;
	height: 64px;
}

.title {
	position: absolute;
	background-image: url(../images/title.gif);
	margin: 39px 0px 0px 518px;
	width: 230px;
	height: 26px;
}

.top_nav {
	position: absolute;
	width: 192px;
	height: 64px;
	margin: 21px 0px 0px 758px;
}

	.top_nav a {
		position: absolute;
		display: block;
		width: 64px;
		height: 64px;
		text-indent: -9000px;
		color: #DBDBDE;
	}

	a.but_about:link, a.but_about:visited {
		background-image:url(../images/but_about.gif);
	}
	
	a.but_contact:link, a.but_contact:visited {
		margin: 0px 0px 0px 64px;
		background-image:url(../images/but_contact.gif);
	}
		
	a.but_links:link, a.but_links:visited {
		margin: 0px 0px 0px 128px;
		background-image:url(../images/but_links.gif);
	}
	
	
	a.but_contact:hover, a.but_links:hover, a.but_about:hover {
		background-position: 64px 0;
	}

.banner_end {
	position: absolute;
	margin-left: 954px;
	background-image: url(../images/banner_end.gif);
	width: 26px;
	height: 108px;
}

.panel {
	position: absolute;
	margin-top:108px;
	width: 980px;
	height: 418px;
	background-image:url(../images/panel_bkgd.gif);
	background-repeat:repeat-y;
}
	a.panel_title:link, a.panel_title:visited, a.panel_title:hover {
		color: #323252;
		}
	
	.panel h3 {
		position:absolute;
		margin: 16px 0px 0px 52px;
		padding: 4px 0px 0px 72px;
		width: 160px;
		height: 64px;
		font-size: 20px;
		font-weight: bold;
		display:block;
		background-repeat:no-repeat;
	}
	
	.panel h3 a {
		text-decoration:none;
		}
	
	h3.home {
		padding-top: 16px;	
		background-image:url(../images/title_icon_home.gif);
	}
	
	h3.about {
		padding-top: 16px;	
		background-image:url(../images/title_icon_about.gif);
	}
	
	h3.contact {
		padding-top: 16px;	
		background-image:url(../images/title_icon_contact.gif);
	}
	
	h3.links {
		padding-top: 16px;	
		background-image:url(../images/title_icon_links.gif);
	}
	
	h3.icon1 {
		background-image:url(../images/title_icon_1.gif);
		padding-top: 6px;
	}
	
	h3.icon2 {
		background-image:url(../images/title_icon_2.gif);
		padding-top: 16px;	
	}
	
	h3.icon3 {
		background-image:url(../images/title_icon_3.gif);
		padding-top: 16px;	
	}
	
	h3.icon4 {
		background-image:url(../images/title_icon_4.gif);	
		padding-top: 6px;
	}
	
	h3.icon5 {
		background-image:url(../images/title_icon_5.gif);
		padding-top: 16px;	
	}
	
	h3.icon6 {
		background-image:url(../images/title_icon_6.gif);
		padding-top: 6px;		
	}

	.panel h4 {
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 6px;
	}

.text {
	position: absolute;
	margin:90px 0px 0px 57px;
	width: 274px;
}	
	
	.text a {
		color: #323252;
		font-weight: bold;
		text-decoration: none;
	}
	
	.text a:hover {
		text-decoration: underline;
		color: #826CE7;
	}
	
	.text p {
		padding: 0px 0px 6px 0px;
	}
	
	.text ul {
		list-style-position: inside;
	}
	
	a.but_website:link, a.but_website:visited {
		margin-top: 10px;
		color: #FFFFFF;
		text-align:center;
		font-size: 13px;
		padding-top: 5px;
		display: block;
		width: 274px;
		height: 36px;
		background-image:url(../images/but_website.gif)
	}
	
	a.but_website:hover {
		background-position: 274px 0px;
		text-decoration: none;
	}

.content {
	position: absolute;
	margin: 18px 0px 0px 364px;
	width: 590px;
	height: 380px;
	background-image:url(../images/content.gif);
	background-repeat:repeat-y;
}
	
	.content_list, .content_list ul, .content_list li {
		position: absolute;
		list-style-type:none;
	}
	
		.content_list h4 {
			position: absolute;
			text-indent: -9000px;	
		}
	
	li.slot6_1 { margin: 9px 0px 0px 9px; }
	
	li.slot6_2 { margin: 9px 0px 0px 201px; }
	
	li.slot6_3 { margin: 9px 0px 0px 393px; }
	
	li.slot6_4 { margin: 192px 0px 0px 9px; }
	
	li.slot6_5 { margin: 192px 0px 0px 201px; }
	
	li.slot6_6 { margin: 192px 0px 0px 393px; }
	
	li.slot9_1 { margin: 9px 0px 0px 9px; }
	
	li.slot9_2 { margin: 9px 0px 0px 201px; }
	
	li.slot9_3 { margin: 9px 0px 0px 393px; }
	
	li.slot9_4 { margin: 132px 0px 0px 9px; }
	
	li.slot9_5 { margin: 132px 0px 0px 201px; }
	
	.content_list a:link, .content_list a:visited {
		position: absolute;
		color: #FFFFFF;
		display:block;
		width:190px;
		height:180px;
		text-indent: -9000px;
	}
	
	.content_list a:hover {
		background-position: 190px 0px;
	}
	
	/* ---------- Home Page ---------- */
		
	a.but_Web:link, a.but_Web:visited {
		background-image:url(../images/thumb_menu_1.jpg);
	}
	
	a.but_Games:link, a.but_Games:visited {		
		background-image:url(../images/thumb_menu_2.jpg);
	}
	
	a.but_Elearn:link, a.but_Elearn:visited {
		background-image:url(../images/thumb_menu_3.jpg);
	}
	
	a.but_Gfx:link, a.but_Gfx:visited {
		background-image:url(../images/thumb_menu_4.jpg);
	}
	
	a.but_Anim:link, a.but_Anim:visited {
		background-image:url(../images/thumb_menu_5.jpg);
	}
	
	a.but_UI:link, a.but_UI:visited {
		background-image:url(../images/thumb_menu_6.jpg);
	}
	
	/* ---------- Web Site Design ---------- */
	
	a.but_Web1:link, a.but_Web1:visited {
		background-image:url(../images/thumb_web_1.jpg);
	}
	
	a.but_Web2:link, a.but_Web2:visited {
		background-image:url(../images/thumb_web_2.jpg);
	}
	
	a.but_Web3:link, a.but_Web3:visited {
		background-image:url(../images/thumb_web_3.jpg);
	}
	
	a.but_Web4:link, a.but_Web4:visited {
		background-image:url(../images/thumb_web_4.jpg);
	}
	
	a.but_Web5:link, a.but_Web5:visited {
		background-image:url(../images/thumb_web_5.jpg);
	}
	
	/* ---------- Games ---------- */
	
	a.but_Game1:link, a.but_Game1:visited {
		background-image:url(../images/thumb_game_1.jpg);
	}
	
	a.but_Game2:link, a.but_Game2:visited {
		background-image:url(../images/thumb_game_2.jpg);
	}
	
	a.but_Game3:link, a.but_Game3:visited {
		background-image:url(../images/thumb_game_3.jpg);
	}
	
	a.but_Game4:link, a.but_Game4:visited {
		background-image:url(../images/thumb_game_4.jpg);
	}
	
	a.but_Game5:link, a.but_Game5:visited {
		background-image:url(../images/thumb_game_5.jpg);
	}
	
	a.but_Game6:link, a.but_Game6:visited {
		background-image:url(../images/thumb_game_6.jpg);
	}
	
	/* ---------- Elearning ---------- */
	
	a.but_Elearning1:link, a.but_Elearning1:visited {
		background-image:url(../images/thumb_elearning_1.jpg);
	}
	
	a.but_Elearning2:link, a.but_Elearning2:visited {
		background-image:url(../images/thumb_elearning_2.jpg);
	}
	
	a.but_Elearning3:link, a.but_Elearning3:visited {
		background-image:url(../images/thumb_elearning_3.jpg);
	}
	
	a.but_Elearning4:link, a.but_Elearning4:visited {
		background-image:url(../images/thumb_elearning_4.jpg);
	}
	
	a.but_Elearning5:link, a.but_Elearning5:visited {
		background-image:url(../images/thumb_elearning_5.jpg);
	}
	
	/* ---------- 3d Visualisation ---------- */
	
	a.but_3d1:link, a.but_3d1:visited {
		background-image:url(../images/thumb_3d_1.jpg);
	}
	
	a.but_3d2:link, a.but_3d2:visited {
		background-image:url(../images/thumb_3d_2.jpg);
	}
	
	a.but_3d3:link, a.but_3d3:visited {
		background-image:url(../images/thumb_3d_3.jpg);
	}
	
	a.but_3d4:link, a.but_3d4:visited {
		background-image:url(../images/thumb_3d_4.jpg);
	}
	
	/* ---------- Graphics & Illustration ---------- */
	
	a.but_Graphics1:link, a.but_Graphics1:visited {
		background-image:url(../images/thumb_graphics_1.jpg);
	}
	
	a.but_Graphics2:link, a.but_Graphics2:visited {
		background-image:url(../images/thumb_graphics_2.jpg);
	}
	
	a.but_Graphics3:link, a.but_Graphics3:visited {
		background-image:url(../images/thumb_graphics_3.jpg);
	}
	
	a.but_Graphics4:link, a.but_Graphics4:visited {
		background-image:url(../images/thumb_graphics_4.jpg);
	}
	
	a.but_Graphics5:link, a.but_Graphics5:visited {
		background-image:url(../images/thumb_graphics_5.jpg);
	}
	
	/* ---------- User Interface Design ---------- */
	
	a.but_UI1:link, a.but_UI1:visited {
		background-image:url(../images/thumb_UI_1.jpg);
	}
	
	a.but_UI2:link, a.but_UI2:visited {
		background-image:url(../images/thumb_UI_2.jpg);
	}
	
	/* ---------- Links ---------- */
	
	a.link_JS:link, a.link_JS:visited {
		background-image:url(../images/thumb_links_1.jpg);
	}
	
	a.link_VW:link, a.link_VW:visited {
		background-image:url(../images/thumb_links_2.jpg);
	}
	
	a.link_Shrouded:link, a.link_Shrouded:visited {
		background-image:url(../images/thumb_links_3.jpg);
	}
	
	a.link_Ioutside:link, a.link_Ioutside:visited {
		background-image:url(../images/thumb_links_4.jpg);
	}
	
	a.link_NessWear:link, a.link_NessWear:visited {
		background-image:url(../images/thumb_links_5.jpg);
	}
		
	.content img {
		position: absolute;
		margin: 0px 0px 0px 0px;
		border: 0;
	}
	
	.content_form {
		position: absolute;
		margin: 16px 20px 0px 20px;
	}
	
	.about_info p, .about_info h2 {
		padding: 0px 0px 10px 0px;
		}
		
		
		.about_info {
			position: absolute;
			width: 590px;
			height: 380px;
			display: block;
			background-image:url(../images/panel_about.gif);		
		}
		
		.about_info #jerry {
			position: absolute;
			margin: 16px 20px 0px 20px;
			}
		
		.about_info #vanessa {
			position: absolute;
			margin: 206px 20px 0px 20px;
			}
		
		.about_info img {
			position: relative;
			float: left;
			padding: 0px 16px 10px 0px;
		}
		
		.about_info a {
			color: #323252;
			font-weight: bold;
			text-decoration: none;
		}
	
		.about_info a:hover {
			text-decoration: underline;
			color: #826CE7;
		}
	
		.content_form h2 {
			padding: 0px 0px 10px 0px;
		}
		
		label {
			text-align: left;
			display: block;
			padding: .5em 0em .2em 0em;
		}
		
		input, textarea {
			margin: 0em 0em 1em 0em;
		}
		
		.content_form #error {
			position: absolute;
			margin: 250px 0px 0px 350px;
		}

.page_nav {
	position: absolute;
	margin: 337px 0px 0px 53px;
	width: 64px;
	height: 64px;
}

	.page_nav a {
		position: absolute;
		font-size: 0;
		color: #FFFFFF;
		display:block;
		width:64px;
		height:64px;
		text-indent: -9000px;
	}
	
	.page_nav a:hover {
		background-position: 64px 0px;
		}
	
	a.stop:link, a.stop:visited {
		background-image:url(../images/but_stop.gif);
	}
	
	a.left:link, a.left:visited {
		margin-left: 162px;
		background-image:url(../images/but_L.gif);
	}
	
	a.right:link, a.right:visited {
		margin-left: 226px;
		background-image:url(../images/but_R.gif);
	}
	
	.but_L_disabled {
		position: absolute;
		margin-left: 162px;
		width: 64px;
		height: 64px;
		background-image:url(../images/but_L_d.gif);	
	}
	
	.but_R_disabled {
		position: absolute;
		margin-left: 226px;
		width: 64px;
		height: 64px;
		background-image:url(../images/but_R_d.gif);	
	}
		
.footer	{
	z-index: -1;
	position: absolute;
	margin: 526px 0px 0px 0px;
	width: 980px;
	height: 34px;
	background-image:url(../images/footer.gif);
}

	.footer p {
		display: none;
	}