@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;
}

#header span {
	display: none;
}

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

#the_content {
	background-image:url(../images/aboutpage_content.jpg);
	width: 1003px;
	height: 500px;
	position:relative;
	clear: both;
}

#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/linked/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/standard/projectthree.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 287px;
	height:62px;
	position:relative;
	float:left;
}

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

#welcome_wrapper {
	background-color:#FFF;
	width: 1003px;
	height: 142px;
	position:relative;
}

#welcomeleftspacer {
	background-image:url(../images/welcome_leftspacer.jpg);
	width: 35px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomew {
	background-image: url(../images/welcome/welcome_w.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 127px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomew:hover {
	background-position: 0 -142px;
}
	
#welcomee1 {
	background-image:url(../images/welcome/welcome_e1.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 84px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomee1:hover {
	background-position: 0 -142px;
}

#welcomel {
	background-image:url(../images/welcome/welcome_l.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 33px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomel:hover {
	background-position: 0 -142px;
}

#welcomec {
	background-image:url(../images/welcome/welcome_c.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 89px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomec:hover {
	background-position: 0 -142px;
}

#welcomeo {
	background-image:url(../images/welcome/welcome_o.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 91px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomeo:hover {
	background-position: 0 -142px;
}

#welcomem {
	background-image:url(../images/welcome/welcome_m.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 136px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomem:hover {
	background-position: 0 -142px;
}

#welcomee2 {
	background-image:url(../images/welcome/welcome_e2.jpg);
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 89px;
	height: 142px;
	position:relative;
	float: left;
}

#welcomee2:hover {
	background-position: 0 -142px;
}


#welcomerightspacer {
	background-image:url(../images/welcome_rightspacer.jpg);
	margin: 0px;
	padding:0px;
	width: 319px;
	height: 142px;
	position:relative;
	float:left;
}

#bio {
	margin: 0px;
	margin-top: 10px;
	float:left;
	position: relative;	
	width: 706px;
	height: 490px;
	text-decoration: none;
}

#bio h2 {
	text-align: left;
	margin: 0px;
	margin-top: 30px;
	margin-left: 55px;
	margin-bottom:10px;
	padding: 0px;
	font-family:Helvetica, sans-serif;
	font-size: 4em;
	color: rgb(19,95,255);
}

#bio p {
	margin:0px;
	margin-left: 60px;
	margin-right: 50px;
	text-align: left;
	color: rgb(215,215,215);
	font-size:1em;
	font-family:'futura',Helvetica, sans-serif;
}

a {
	text-decoration:none;
	margin:0px;
	text-align: left;
	color: rgb(216,191,2);
	font-size:1em;
	font-family:'futura',Helvetica, sans-serif;
}

a:hover {
	color: rgb(19,95,255);
}

#bio span {
	color: rgb(216,191,2);
	margin-top: 5px;
	margin-left: 45px;
	font-size:2em;
	font-family:Helvetica, sans-serif;
}

#skills {
	float: left;
	position:relative;
	margin: 0px;
	margin-top:10px;
	width: 294px;
	height: 490px;
	text-align: left;
}

#skills h2 {
	text-align: left;
	margin: 0px;
	margin-top: 30px;
	margin-left: 10px;
	padding: 0px;
	font-family:Helvetica, sans-serif;
	font-size: 4em;
	color: rgb(19,95,255);
}

#skills span {
	color: rgb(216,191,2);
	margin-top: 5px;
	margin-right: 20px;
	font-size:2em;
	font-family:Helvetica, sans-serif;
}

#skills p {
	margin:0px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
	color: rgb(215,215,215);
	font-size:1em;
	font-family:'futura',Helvetica, sans-serif;
}

ul li{
	display: inline;
	text-decoration:none;
	color: #FFF;
	margin: 0px;
	margin-left: 20px;
	color: rgb(215,215,215);
	font-size:1em;
	font-family:'futura',Helvetica, sans-serif;
}

ul {
	margin: 0px;
	margin-top: 10px;
}

#footer {
	width: 1000px;
	height: 100px;
	margin-top: 3px;
	color: rgb(100,100,100);
	font-family: 'futura', Helvetica, sans-serif;
	font-size: .85em;
}
#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);
}

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

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