@charset "UTF-8";
section {
	background-color: rgba(255,255,255,1.00);
	height: 1000px;
}
#header {
	background-color: rgba(0,0,0,1.00);
	padding-top: 3%;
	padding-right: 6%;
	padding-bottom: 3%;
	padding-left: 6%;
}
#nav {
	float: right;
}
#footer {
	background-color: rgba(0,0,0,1.00);
	height: 400px;
	padding-top: 1%;
	padding-left: 6.75%
%
%;
	padding-left: 7%;
	text-align: center;
	padding-right: 6%;
}
#swatches {
	text-align: center;
	height: 45%
%;
	margin-left: 10%
%
%;
	margin-right: 5%;
	height: 40%;
	margin-left: 5%;
}
#swatches2 {
	text-align: center;
	height: 40%;
	margin-left: 5%;
	margin-right: 5%;
}
#phone {
	float: left;
}
#social {
	float: right;
}
#work {
	height: 625px;
	background-color: rgba(255,255,255,1.00);
}
#contact {
	height: 65%;
	background-color: rgba(255,255,255,1.00);
	text-align: center;
}
#spacer {
	margin-top: 50px;
}
#spacer2 {
	margin-top: 2%;
	margin-right: 50%;
	max-width: 50%;
	float: left;
	margin-bottom: 1%;
	margin-left: 25%
%
%;
	margin-left: 29%
%
%;
	margin-left: 29%;
}
#profile {
	text-align: center;
	background-color: rgba(255,255,255,1.00);
}
.percentage {
	width: 70%;
	height: 70%;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.davejohnson {
	max-width: 80%;
	max-height: 80%;
}
.snowest {
	text-align: center;
	background-color: rgba(255,255,255,1.00);
}
.arrowleft {
	margin-top: 18%;
	float: left;
	margin-left: 4%;
	height: 2%
%;
}
.arrowright {
	float: right;
	margin-top: 18%;
	margin-right: 4%;
	max-width: 2.5%;
}
#Image11 {
	width: 20%;
}
#Image12   {
	width: 20%;
}
#Image13 {
	width: 20%;
}
#Image14 {
	width: 20%;
}
#Image15 {
	width: 20%;
}
#Image16   {
	width: 20%;
}
#Image17   {
	width: 20%;
}
#Image18 {
	width: 20%;
}
#Image19 {
	width: 20%;
}
#Image20 {
	width: 20%;
}
.spacer3 {
	height: 1000px;
	z-index: 99;
	float: left;
}