*{
	margin: 0px;
	padding: 0px;
	border: 0px none;
}

body{
	background-color: #00add3;
}

.child a{
	color: white !important;
}

#wrapper{
	width: 960px;
	margin: 0px auto;
	height: 3200px;
	background-color: white;
}

.hidden{
	display: none;
}

#menuscroll{
	height: 55px;
	width: 960px;
	background-color: #434444;
	float: left;
}

#whoiam:hover{
	color: #00add3;
}

#whoiam{
	margin: 20px 0px 24px 230px;
	float: left;
	font-family: avenir next;
	font-size: 12px;
	font-weight: light;
	color: #ffffff;
}

#triangle{
	height: 10px;
	width: 12px;
	float: left;
	margin: 23px 0px 0px 31px;
}

#portfolio:hover{
	color: #00add3;
}

#portfolio{
	margin: 20px 0px 24px 26px;
	float: left;
	font-family: avenir next;
	font-size: 12px;
	font-weight: light;
	color: #ffffff;
}

#logo{
	height: 38px;
	width: 50px;
	float: left;
	margin: 8px 0px 0px 28px;
}

#resume:hover{
	color: #00add3;
}

#resume{
	margin: 20px 0px 24px 26px;
	float: left;
	font-family: avenir next;
	font-size: 12px;
	font-weight: light;
	color: #ffffff;
}

#contactme:hover{
	color: #00add3;
}

#contactme{
	margin: 20px 0px 24px 26px;
	float: left;
	font-family: avenir next;
	font-size: 12px;
	font-weight: light;
	color: #ffffff;
}

#headerimg{
	width: 960px;
}

#skillsimg{
	float: left;
}

#illustrationicon{
	margin: 64px 0px 0px 240px;
	height: 50px;
	width: 50px;
	float: left;
}

#photographyicon{
	margin: 64px 0px 0px 160px;
	height: 45px;
	width: 60px;
	float: left;
}

#printicon{
	margin: 64px 220px 10px 160px;
	height: 50px;
	width: 56px;
	float: left;
}

#skillstext{
	font-family: avenir next;
	font-size: 14px;
	font-style: italic;
	color: #00add3;
	float: left;
}

#illustext{
	float: left;
	margin: 0px 0px 0px 208px;
}

#phototext{
	float: left;
	margin: 0px 0px 0px 126px;
}

#printtext{
	float: left;
	margin: 0px 220px 0px 150px;
}

#aboutbar{
	font-family: avenir next;
	font-size: 18px;
	font-weight: 500;
	color: #00add3;
	float: left;
	margin: 64px 78px 40px 78px;
	padding: 5px 0px 3px 340px;
	height: 26px;
	width: 485px;
	background-color: #434444;
}

#whoami{
	float: left;
}

#aboot{
	float: left;
}

#meh{
	margin: 0px 0px 0px 92px;
	width: 342px;
	height: 350px;
	float: left;
}

#mybio{
	float: left;
	width: 468px;
	height: 328px;
}

#abouthello{
	font-family: avenir next;
	font-size: 12px;
	font-weight: 500;
	margin: 18px 5px 7px 0px;
	float: left;
}

#aboutintro{
	font-family: avenir next;
	font-size: 12px;
	margin: 18px 0px 7px 0px;
}

#aboutdictionary{
	font-family: avenir next;
	font-size: 12px;
	font-weight: 100;
	margin: 0px 0px 28px 0px;
}

#aboutparagraph{
	font-family: avenir next;
	font-size: 12px;
	margin: 0px 0px 32px 0px;
}

#resumeheader{
	height: 26px;
	width: 155px;
	margin: 0px 0px 0px 135px;
	display: block;
}

#resumeimg{
	height: 55px;
	width: 40px;
	margin: 24px 0px 0px 194px;
}

#interestsbar{
	font-family: avenir next;
	font-size: 18px;
	font-weight: 500;
	color: #00add3;
	float: left;
	margin: 0px 78px 40px 78px;
	padding: 5px 0px 3px 325px;
	height: 26px;
	width: 485px;
	background-color: #434444;
}

#interestimg{
	float: left;
}

#whatienjoy{
	float: left;
}

#dogeicon{
	margin: 64px 0px 10px 240px;
	height: 56px;
	width: 45px;
	float: left;
}

#stickmanicon{
	margin: 64px 0px 10px 172px;
	height: 56px;
	width: 40px;
	float: left;
}

#foodicon{
	margin: 64px 220px 10px 172px;
	height: 45px;
	width: 58px;
	float: left;
}

#interesttext{
	font-family: avenir next;
	font-size: 14px;
	font-style: italic;
	color: #00add3;
	float: left;
}

#dogs{
	float: left;
	margin: 0px 0px 0px 242px;
}

#hiking{
	float: left;
	margin: 0px 0px 0px 168px;
}

#food{
	float: left;
	margin: 0px 238px 0px 180px;
}

#portfoliobar{
	font-family: avenir next;
	font-size: 18px;
	font-weight: 500;
	color: #ffffff;
	float: left;
	margin: 64px 78px 56px 78px;
	padding: 5px 0px 3px 315px;
	height: 26px;
	width: 485px;
	background-color: #00add3;
}

#tritop{
	width: 960px;
	height: 26px;
}

#portfoliosec{
	background-color: #434444;
	width: 960px;
	height: 1530px;
	margin: 64px 0px 64px 0px;
	float: left;
}

#project1:hover{
	background-image: url(images/projectimg1cover.png);
}

#project1{
	background-image: url(images/projectimg1.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 0px 0px 0px 78px;
}

#project2:hover{
	background-image: url(images/projectimg2cover.png);
}

#project2{
	background-image: url(images/projectimg2.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#project3:hover{
	background-image: url(images/projectimg3cover.png);
}

#project3{
	background-image: url(images/projectimg3.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 0px 0px 78px;
}

#project4:hover{
	background-image: url(images/projectimg4cover.png);
}

#project4{
	background-image: url(images/projectimg4.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 0px 0px 0px;
}

#project5:hover{
	background-image: url(images/projectimg5cover.png);
}

#project5{
	background-image: url(images/projectimg5.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 0px 0px 78px;
}

#project6:hover{
	background-image: url(images/projectimg6cover.png);
}

#project6{
	background-image: url(images/projectimg6.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 0px 0px 0px;
}

#project7:hover{
	background-image: url(images/projectimg7cover.png);
}

#project7{
	background-image: url(images/projectimg7.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 0px 0px 78px;
}

#project8:hover{
	background-image: url(images/projectimg8cover.png);
}

#project8{
	background-image: url(images/projectimg8.png);
	background-repeat: no-repeat; 
	height: 280px;
	width: 400px;
	float: left;
	margin: 56px 20px 0px 0px;
}

#tribottom{
	padding-top: 56px;
	width: 960px;
	height: 26px;
}

#letscreate{
	font-family: avenir next;
	font-size: 18px;
	font-weight: 500;
	color: #00add3;
	float: left;
	margin: 0px 78px 26px 78px;
	padding-left: 330px;
	height: 26px;
	width: 480px;
}

#contact{
	height: 100px;
	width: 960px;
	float: left;
}

#at{
	margin: 0px 17px 0px 376px;
	height: 25px;
	width: 25px;
	float: left;
}

a:hover {
    color: #00add3;
}

a:link{
	text-decoration: none;
	color: #434444;
}

#email{
	font-family: avenir next;
	font-size: 14px;
	font-weight: 500;
	margin: 3px 0px 0px 17px;
}

#cell{
	height: 27px;
	width: 18px;
	float: left;
	padding: 24px 0px 0px 0px;
}

#phone{
	font-family: avenir next;
	font-size: 14px;
	font-weight: 500;
	float: left;
	margin: 28px 0px 0px 17px;
}

#linked{
	height: 30px;
	width: 30px;
	float: left;
	margin: 25px 0px 0px 320px;
}

#insta{
	height: 30px;
	width: 30px;
	float: left;
	margin: 25px 0px 0px 31px;
}

#tweet{
	height: 30px;
	width: 30px;
	float: left;
	margin: 25px 0px 0px 31px;
}

#face{
	height: 30px;
	width: 30px;
	float: left;
	margin: 25px 0px 0px 31px;
}

#social{
	height: 98px;
	width: 960px;
	background-color: #434444;
	float: left;
	margin: 64px 0px 0px 0px;
}

#triangle2{
	height: 10px;
	width: 12px;
	float: left;
	margin: 36px 0px 0px 31px;
}

#rights{
	margin: 12px 0px 0px 380px;
	float: left;
	font-family: avenir next;
	font-size: 10px;
	color: #ffffff;
}