body{
	color: rgb(255, 234, 170);
	background: rgb(25,25,25);
	font-family: sans-serif;
	font-size: 110%;
	min-width:600px;
}

a:link{ color:rgb(73, 109, 137); text-decoration:none;}
a:visited{ color:rgb(212, 186, 106); }
a:hover{ color:rgb(113, 142, 164); }

footer{
	margin:0;
	height:auto;
	width:100%;
	background:rgba(18, 54, 82,.25);
	position:fixed;
	left:0;
	bottom:0;
}
footer p{
	margin:5px;
	position:relative;
	text-align:center;
	vertical-align: middle;
	font-size:10px;
	font-weight:100;
	letter-spacing:2px;
}

#Title{
	margin-left:25px;
	margin-top:15px;
}
#logo{
	margin-top:-30px;
	margin-right:15px;
	position:relative;
	float:left;
}
#Desc{
	margin-top:0px;
	width:800px;
	margin-bottom:50px;
	text-align:justify;
}
#Desc p{
	margin-top:0px;
}

.header hr{
	margin:0;
	margin-top:10px;
	width:95%;
	border-color:rgb(212, 186, 106);
}

.main hr{
	position: absolute;
	margin-left:0;
	width:95%;
	color:rgb(212, 186, 106);
}
.main{
	margin-top:25px;
}

h1{
	font-family: sans-serif;
	margin:0;
	font-weight:bold;
	letter-spacing:5px;
	font-size: 50px;
	color:rgb(73, 109, 137);
}
h1:hover{color:rgb(113, 142, 164);}

.header a:link{color:rgb(73, 109, 137)}
.header a:hover{color:rgb(113, 142, 164)}
.header a:visited{color:rgb(73, 109, 137)}


h2{
	font-family: sans-serif;
	margin:0;
	letter-spacing:5px;
	text-indent:60px;
	font-weight:100;
	font-size: 20px;
	color:rgb(41, 79, 109);
}



/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_- Project Banners! _-_-_-_-*/
h3{
	color:rgb(170, 142, 57);
	font-family: sans-serif;
	margin:0;
	letter-spacing:2px;
	font-weight:normal;
	font-size:20px;
	margin-left:125px;
}
.Project h3{
	color:rgb(170, 142, 57);
}

.ProjectBanner{
	outline-offset:-2px;
	outline:2px solid rgb(212, 186, 106);
	margin-top:10px;
	margin-bottom:15px;
	margin-left:80px;
}
#ProjectLine{
	border-color:rgb(212, 186, 106);
}

.Project:hover > #ProjectLine{
	border-color:rgb(113, 142, 164);
}
.Project:hover > #ProjectHeader{
	color:rgb(113, 142, 164);
}
.Project:hover > #ProjectBanner{
	filter:hue-rotate(161deg);
	/*outline:2px solid rgb(113, 142, 164);*/
}

#ProjectPage{
	margin-top: 25px;
	margin-bottom: 50px;
	/*margin-left: 50px;*/
}
/*_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-*/

.buttonBar{
	font-family: sans-serif;
	margin:0;
	margin-top:25px;
	margin-left:80px;
	width:75%;
}
.menuButton{
	float:left;
	background: rgb(20,20,20);
}
.menuButton:hover{
	background: rgb(40,40,40);
}
#current{
	background: rgb(212, 186, 106);
	color:rgb(0,0,0);
}
.menuButton p{
	font-weight: 100;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
	margin:10px;
	margin-left:20px;
	margin-right:20px;
}
#pageLabel{
	white-space:nowrap;
	font-family: sans-serif;
	position:absolute;
	left:600px;
	color: rgb(85, 64, 0,.33);
	font-weight: 100;
	font-size: 30px;
}

#DemoReel{
	margin:0;
}
.Left{
	margin-top:0px;
	float:left;
	Margin-left:80px
	display:inline-block;
	/*background:rgb(255,0,0);*/
	min-height:250px;
}
.Right{
	margin-top:0px;
	float:right;
	
	display:inline-block;
	/*background:rgb(0,0,255);*/
	width:60%;
	min-height:250px;
}
.HPLeft{
	margin-top:0px;
	float:left;
	display:inline-block;
	/*background:rgb(255,0,0);*/
	width:60%;
	min-height:250px;
}
.HPRight{
	margin-top:0px;
	float:right;
	display:inline-block;
	/*background:rgb(0,0,255);*/
	width:40%;
	min-height:250px;
}



#gameWrapper{
	width:75%;
	margin-left:80px;
	margin-top:25px;
	margin-bottom:100px;
}


#gallery_thumb{
	margin:15px;
	width:128px;
	height:128px;
}
#imageGallery a{
	text-decoration:none;
}


.DLButtons{
	position:absolute;
	margin-left:400px;
	transform:translate(-50%,0);
}

#DLbutton{
	background: rgb(204,204,102);
	display: inline-block;
	text-align: center;
	color:rgb(0, 0, 0);
	margin:5px;
}
#DLbutton p{
	white-space:nowrap;
	text-indent:0;
	margin:10px;
	font-size: 18px;
	font-weight: 100;
}
a #DLbutton:hover{
	background:rgb(51,102,153);
	color:rgb(0, 0, 0);
}


#ContactInfo{
	margin-left:40px;
}
#ContactInfo img{
	margin-left:0;
	width:75px;
}
#ContactInfo img:hover{
	filter:hue-rotate(161deg);
}

.ResumeLink{
	font-indent:80px;
	font-size:25px;
	font-weight: 100;
}

#CenterMe{
	position:relative;
	margin-left:400px;
	
	transform:translate(-50%,0);
}
#CenterMe p{
	text-align:center;
}
#NeedsLeftMargin{
	margin-left:50px;
}
#NeedsTopMargin{
	margin-top:50px;
}