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

#header {
	width: 755px;
	height: 222px;
	padding: 0;
	margin: 0;
	display: block;
}

h1 {
	margin: 0;
	padding: 0;
}

h1 a {
	background-image: url(../../content/images/CS_topheader01.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 755px;
	height: 192px;
	margin: 0;
	padding: 0;
	display: block;
	vertical-align:top;
}

ul#navigation {
	width: 755px;
	height: 30px;
	overflow: hidden;
	list-style-type: none;
	display: inline;
	padding:0;
	margin: 0;
	position: absolute;
	left: 0;
}

ul#navigation li a {
	background-image: url(../../content/images/CS_navmatrix.gif);
	background-repeat: no-repeat;
	text-decoration: none;
	text-indent: -9000px;
	height: 30px;
	position: absolute;
	top: 0;
}

li#classes a {
	background-position: 0 0;
	width: 182px;
	left: 0;
}

li#classes a:hover, li#classes.active a {
	background-position: 0 -30px;
}

li#contact a {
	background-position: -182px 0;
	left: 182px;
	width: 124px;
}

li#contact a:hover, li#contact.active a {
	background-position: -182px -30px;
}

li#bios a {
	background-position: -306px 0;
	left: 306px;
	width: 111px;
}

li#bios a:hover, li#bios.active a {
	background-position: -306px -30px;
}

li#about a {
	background-position: -417px 0;
	left: 417px;
	width: 90px;
}

li#about a:hover, li#about.active a {
	background-position: -417px -30px;
}

li#gallery a {
	background-position: -507px 0;
	left: 507px;
	width: 167px;
}

li#gallery a:hover, li#gallery.active a {
	background-position: -507px -30px;
}

li#tools a {
	background-position: -674px 0;
	left: 674px;
	width: 81px;
}

li#tools a:hover, li#tools.active a {
	background-position: -674px -30px;
}