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

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0 auto;
	padding: 0px;
	background-color: black;
	height: 100%;
}

img {
	border: none;
}

#background {
	background-color: #333333;
}

#masthead {
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	background-color: white;
	text-align: left;
	border-bottom:solid;
	border-bottom-color:#0CC;
	border-bottom-width: thick;
}

.contact {
	display: inline;
	position: absolute;
	top: 5px;
	left: 900px;
	border: none;
	outline: none;
	background: url('../images/contact.gif') 0 0 no-repeat;
	height: 100px;
	width: 100px;
}

.contact:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/contact_blur.gif') 0 0 no-repeat;
}

#navigation {
	background-color: #333333;
	height: 600px;
	left: 25px;
	width: 200px;
	text-align: left;
	float: left;
}

.navigation {
	left: 35px;
	color: white;
	font-size: 150%;
	text-align: left;
	padding: 20px;
}

.subnav1 {
	display: block;
	position: absolute;
	top: 210px;
	left: 40px;
	border: none;
	outline: none;
	background: url('../images/MG.png') 0 0 no-repeat;
	width: 140px;
	height: 40px;
}

.subnav1:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/MG_blur.png') 0 0 no-repeat;
}

.subnav2 {
	display: block;
	position: absolute;
	top: 240px;
	left: 40px;
	border: none;
	outline: none;
	background: url('../images/COMP.png') 0 0 no-repeat;
	width: 140px;
	height: 40px;
}

.subnav2:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/COMP_blur.png') 0 0 no-repeat;
}

.subnav3 {
	display: block;
	position: absolute;
	top: 270px;
	left: 40px;
	border: none;
	outline: none;
	background: url('../images/3D.png') 0 0 no-repeat;
	width: 140px;
	height: 40px;
}

.subnav3:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/3D_blur.png') 0 0 no-repeat;
}

.subnav4 {
	display: block;
	position: absolute;
	top: 300px;
	left: 40px;
	border: none;
	outline: none;
	background: url('../images/WEB.png') 0 0 no-repeat;
	width: 140px;
	height: 40px;
}

.subnav4:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/WEB_blur.png') 0 0 no-repeat;
}

.subnav5 {
	display: block;
	position: absolute;
	top: 330px;
	left: 40px;
	border: none;
	outline: none;
	background: url('../images/FLASH.png') 0 0 no-repeat;
	width: 140px;
	height: 40px;
}

.subnav5:hover {
	text-decoration: none;
	border: none;
	outline: none;
	background: url('../images/FLASH_blur.png') 0 0 no-repeat;
}

.resume {
	left: 35px;
	color: white;
	font-size: 150%;
	text-align: left;
	padding: 20px;
	text-decoration: none;
}

.resume:link {
	color:white;
	text-decoration: none;
}

.resume:visted {
	color:white;
	text-decoration: none;
}

.resume:hover {
	color:white;
	text-decoration: none;
	font-size: 175%;
}

.resume:active {
	color:white;
	text-decoration: none;
}

#content {
	background-color: #333333;
	height: 600px;
	left: 201px;
	width: 699px;
	text-align: left;
	float: left;
}

p {
	color: white;
	font-size: 150%;
	padding: 0px 0px 0px 50px;
}

#video {
	padding: 0px 0px 35px 65px;
}

#about {
	padding: 20px;
	float: left;
}

h1 {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 112%;
}

h1 span {
	color: #0CC;
}

#contact {
	padding: 10px 0px 35px 100px;
	color: white;
	font-size: 135%;
	line-height: 175%;
	letter-spacing: 1px;
}

#thumbnails {
	padding: 10px 25px 35px 50px;
}

.thumb {
	padding: 0px 25px 0px 0px;
}

#web {
	padding: 0px 0px 35px 100px;
	color: white;
	font-size: 135%;
	line-height: 150%;
	letter-spacing: 1px;
}

#flash {
	padding: 0px 50px 35px 70px;
	color: white;
	font-size: 115%;
	line-height: 150%;
	letter-spacing: 1px;
}

#missing {
	padding: 0px 35px 35px 75px;
	color: white;
	font-size: 135%;
	line-height: 150%;
	letter-spacing: 1px;
}

a {
	color: white;
	text-decoration: none;
}

a:link {
	color: white;
	text-decoration: none;
}

a:visted {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #0F6;
	text-decoration: none;
}

a:active {
	color: white;
	text-decoration: none;
}

dl {
	list-style: none;
	font-size: 95%;
}

dd {
	font-size:75%;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

em {
	font-size: 85%;
	color: #CCC;
}