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

body {
	margin: 0px;
	padding: 0px;
	background-color: rgb(17,17,17);
	background-position:center;
	background-image: url(../images/body_background.jpg);
	background-repeat:no-repeat;
}

@font-face{
  font-family:'futura';
  src: url('fonts/FuturaStd-Light.otf');
  
}

#content_wrapper {
	margin-left: auto;
	margin-right: auto;
	position:relative;
	width: 1003px;
	height:1000px;
	position:relative;
	z-index:2;
}

#header {
	background-image:url(../images/header.jpg);
	width: 1003px;
	height: 271px;
	position:relative;
}

#navigation {
	background-color:#FFF;
	width: 1003px;
	height: 62px;
	position:relative;
}

#the_content {
	width: 1003px;
	height: 642px;
	position:relative;
}

#left_spacer {
	background-image:url(../images/left_nav.jpg);
	width: 401px;
	height: 62px;
	position:relative;
	float:left;
}

#aboutlink {
	display: block;
	width: 114px;
	height: 62px;	
}

#aboutlink span {
	display:none;
}

#about {
	background-image: url(../images/buttons/standard/about.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 114px;
	height:62px;
	position:relative;
	float:left;
}

#about:hover {
	background-position:0 -62px;
}

#project2link {
	display:block;
	width: 201px;
	height: 62px;
}

#project2link span {
	display: none;
}

#project2 {
	background-image: url(../images/buttons/standard/projecttwo.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 201px;
	height: 62px;
	position:relative;
	float: left;
}

#project2:hover {
	background-position: 0 -62px;
}

#project3link {
	display:block;
	width:287px;
	height: 62px;
}

#project3link span {
	display:none;
}

#project3 {
	background-image: url(../images/buttons/linked/projectthree.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 287px;
	height:62px;
	position:relative;
	float:left;
}

#project3:hover {
	background-position: 0 -62px;
}

#footer {
	width: 1000px;
	height: 100px;
	margin-top: 3px;
	color: rgb(100,100,100);
	font-family: 'futura', Helvetica, sans-serif;
	font-size: .85em;
	text-decoration: none;
}
#footer p {
	margin: 0px;
	padding: 0px;
	position: absolute;
}

#footer span {
	color: rgb(215,215,215);
}

#tmcc {
	float:left;
	width:500px;
}

#tmcc p {
	margin-left: 50px;
	margin-top: 10px;
	
}

#copyright {
	text-align: right;
	float: left;
	width:500px;
	position:absolute;
	left:700px
}

#copyright p {
	margin-top: 10px;
}

#footer a {
	color: rgb(100,100,100);
	text-decoration: none;
}

#footer a:hover {
	color: rgb(215,215,215);
}

#tmcc img {
	margin-top: 5px;
	position:absolute;
}