/* CSS Document */

body {
	background-color: #000000;
	}

#parent{
	width:800px;
	height: 600px;
	border: 0px;
	text-align: justify;
	margin-top: 80px;
	margin:auto;
	}

#moons{
	width:144px;
	height:156px;
	margin-top:0px;
	margin-left:0px;
	background-image:url(images/Portfolio_index_Moons2.jpg);
	position:absolute;
	background-repeat: no-repeat;
	}

#body_sm{
	width:386px;
	height:574px;
	margin-top:26px;
	margin-left:144px;
	background-image:url(images/Portfolio_index_Background_sm.jpg);
	background-repeat: repeat-y;
	position:absolute;
	}
	
#body_lg{
	width:144px;
	height:444px;
	margin-top:156px;
	margin-left:0px;
	background-image:url(images/Portfolio_index_Background_lg.jpg);
	background-repeat: repeat-y;
	position:absolute;
	}	
		
#box1{
	width:229px;
	height:192px;
	margin-top:26px;
	margin-left:528px;
	background-image:url(images/Portfolio_index_PCase.jpg);
	background-repeat: no-repeat;
	background-color: #F7931D;
	position:absolute;
	}
	
#box2{
	width:229px;
	height:191px;
	margin-top:217px;
	margin-left:528px;
	background-image:url(images/Portfolio_index_Keyboard.jpg);
	position:absolute;
	background-repeat: no-repeat;
	background-color: #F7931D;
	}
	
#box3{
	width:229px;
	height:192px;
	margin-top:408px;
	margin-left:528px;
	background-image:url(images/Portfolio_index_Phone.jpg);
	position:absolute;
	background-repeat: no-repeat;
	background-color: #F7931D;
	}
	
#nav1{
	width:27px;
	height:192px;
	margin-top:26px;
	margin-left:757px;
	background-color: #F7931D;
	position:absolute;
	}
	
#nav2{
	width:27px;
	height:191px;
	margin-top:217px;
	margin-left:757px;
	background-color: #F7931D;
	position:absolute;
	}
	
#nav3{
	width:27px;
	height:192px;
	margin-top:408px;
	margin-left:757px;
	position:absolute;
	background-color: #F7931D;
	}
	
#header{
	width:383px;
	height:22px;
	margin-top:67px;
	margin-left:0px;
	position:absolute;
	}	
	
#biographyheader{
	width:290px;
	height:11px;
	margin-top:171px;
	margin-left:0px;
	background-image:url(images/BackgroundInfoHeader.jpg);
	background-repeat:no-repeat;
	position:absolute;
	}
	
#biography{
	width:235px;
	height:150px;
	margin-top:191px;
	margin-left:0px;
	position:absolute;
	}
	
#skillsheader{
	width:290px;
	height:11px;
	margin-top:375px;
	margin-left:0px;
	background-image:url(images/TechnicalSkillsHeader.jpg);
	background-repeat: no-repeat;
	position:absolute;
	}
	
#skillslist{
	width:250px;
	height:95 px;
	margin-top:397px;
	margin-left:2px;
	position:absolute;
	}
	
	#bullet1{
		width:6px;
		height:6px;
		margin-top:5px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}
	
	#bullet2{
		width:6px;
		height:6px;
		margin-top:20px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}
	
	#bullet3{
		width:6px;
		height:6px;
		margin-top:36px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}
	
	#bullet4{
		width:6px;
		height:6px;
		margin-top:52px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}
	
	#bullet5{
		width:6px;
		height:6px;
		margin-top:68px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}
	
	#bullet6{
		width:6px;
		height:6px;
		margin-top:85px;
		margin-left:2px;
		background-color: #6D152A;
		position:absolute;
		}

#navbox{
	width:229px;
	height:189px;
	margin-top:26px;
	margin-left:528px;
	background-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #F29221;
	position:absolute;
}

	#artNav1{
		width:227px;
		height:31px;
		margin-top:1px;
		margin-left:1px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#artNav2{
		width:227px;
		height:31px;
		margin-top:32px;
		margin-left:0px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#artNav3{
		width:227px;
		height:31px;
		margin-top:63px;
		margin-left:0px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#artNav4{
		width:227px;
		height:31px;
		margin-top:94px;
		margin-left:0px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#artNav5{
		width:227px;
		height:31px;
		margin-top:125px;
		margin-left:0px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#artNav6{
		width:227px;
		height:31px;
		margin-top:156px;
		margin-left:0px;
		background-color: #6D152A;
		position:absolute;
		}
		
#thumbsbox{
	width:229px;
	height:381px;
	margin-top:217px;
	margin-left:528px;
	background-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #F29221;
	position:absolute;
}

	#thumb1{
		width:86px;
		height:70px;
		margin-top:40px;
		margin-left:20px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#thumb2{
		width:86px;
		height:70px;
		margin-top:40px;
		margin-left:125px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#thumb3{
		width:86px;
		height:70px;
		margin-top:155px;
		margin-left:20px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#thumb4{
		width:86px;
		height:70px;
		margin-top:155px;
		margin-left:125px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#thumb5{
		width:86px;
		height:70px;
		margin-top:270px;
		margin-left:20px;
		background-color: #6D152A;
		position:absolute;
		}
		
	#thumb6{
		width:86px;
		height:70px;
		margin-top:270px;
		margin-left:125px;
		background-color: #6D152A;
		position:absolute;
		}

#artboard{
	width: 320px;
	height: 300px;
	margin-left: 0px;
	margin-top: 130px;
	background-color: #000000;
	position: absolute;
	}
#artboardWeb{
	width: 366px;
	height: 246px;
	margin-left: 0px;
	margin-top: 145px;
	position: absolute;
	}
	
#artboardFineArt{
	width: 386px;
	height: 320px;
	margin-left: 0px;
	margin-top: 120px;
	position: absolute;
	}
	
#artboardVideo{
	width: 340px;
	height: 290px;
	margin-left: 0px;
	margin-top: 130px;
	position: absolute;
	}
	
#launchBTN{
	width: 40px;
	height: 15px;
	margin-left: 305px;
	margin-top: 423px;
	position: absolute;
	}
	
#commentary{
	width: 290px;
	height: 90px;
	margin-left: 0px;
	margin-top: 455px;
	position: absolute;
	}
	
#education{
	width:370px;
	height:120px;
	margin-top:140px;
	margin-left:0px;
	position:absolute;
	}
	
	#education_header{
		width:370px;
		height:11px;
		margin-top:10px;
		margin-left:0px;
		background-image:url(images/Education_Header.jpg);
		background-repeat:no-repeat;
		position:absolute;
		}
		
#technicalSkills{
	width:370px;
	height:120px;
	margin-top:272px;
	margin-left:-25px;
	position:absolute;
	}
	
	#technicalSkills_Header{
		width:345px;
		height:11px;
		margin-top:0px;
		margin-left:25px;
		background-image:url(images/TechnicalSkills_Header.jpg);
		background-repeat:no-repeat;
		position:absolute;
		}
	
	#technicalSkills_1{
		width:115px;
		height:100px;
		margin-top:20px;
		margin-left:0px;
		position:absolute;
		}
	
	#technicalSkills_2{
		width:115px;
		height:100px;
		margin-top:20px;
		margin-left:118px;
		position:absolute;
		}
	
	#technicalSkills_3{
		width:120px;
		height:100px;
		margin-top:20px;
		margin-left:236px;
		position:absolute;
		}
	
#traditionalSkills{
	width:370px;
	height:120px;
	margin-top:404px;
	margin-left:-25px;
	position:absolute;
	}
	
	#traditionalSkills_Header{
		width:345px;
		height:11px;
		margin-top:0px;
		margin-left:25px;
		background-image:url(images/TraditionalSkills_Header.jpg);
		background-repeat:no-repeat;
		position:absolute;
		}
	
	#traditionalSkills_1{
		width:110px;
		height:100px;
		margin-top:20px;
		margin-left:0px;
		position:absolute;
		}
	
	#traditionalSkills_2{
		width:110px;
		height:100px;
		margin-top:20px;
		margin-left:118px;
		position:absolute;
		}
	
#traditionalSkills_3{
	width:120px;
	height:100px;
	margin-top:20px;
	margin-left:236px;
	position:absolute;
	}
		
#contactinfo{
	width:150px;
	height:50px;
	margin-top:96px;
	margin-left:0px;
	position:absolute;
	}
	
#thankyou{
	width:280px;
	height:45px;
	margin-top:270px;
	margin-left:20px;
	position:absolute;
	}

#textname{
	width:250px;
	height:15px;
	margin-top:200px;
	margin-left:0px;
	position:absolute;
	}

#contactname{
	width:250px;
	height:20px;
	margin-top:216px;
	margin-left:0px;
	position:absolute;
	}

#textemail{
	width:250px;
	height:15px;
	margin-top:260px;
	margin-left:0px;
	position:absolute;
	}
	
#contactemail{
	width:250px;
	height:20px;
	margin-top:276px;
	margin-left:0px;
	position:absolute;
	}


#textmessage{
	width:250px;
	height:15px;
	margin-top:320px;
	margin-left:0px;
	position:absolute;
	}
	
#contactmessage{
	width:250px;
	height:90px;
	margin-top:336px;
	margin-left:0px;
	position:absolute;
	}
	
#submitbutton{
	width:50px;
	height:20px;
	margin-top:435px;
	right:0px;
	left:160px;
	position:absolute;
	}
	
.ContentText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:600;
	line-height:1.75;
	color:#2B382B;
	}

.RedText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:600;
	line-height:2.5;
	color:#971B1E;
	}
	
.ContactText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:600;
	line-height:14px;
	color:#2B382B;
	}
	
.FormText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:600;
	line-height:1;
	color:#2B382B;
	}
	
.LargeText{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	line-height:2;
	color:#1D1D1D;
	}
	
.Links{
	color: #971B1E;
	text-decoration: none;
	
	}
	
.textbox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#FCDD7C;
	border: 1px solid #971B1E;
	background-color:#000000;
	}