@charset "UTF-8";
/* CSS Document */

header {
	width: 600px; 
	height:220px; 
	margin: 0 auto; 
	text-align:center; 
	position:absolute; 
	left:50%; 
	margin-left:-300px; 
	background-color:hsla(0,0%,100%,1);  
	z-index:10;
}

h1 {
	font-family: 'Oswald', sans-serif; 
	font-size:16px; 
	letter-spacing:.4em; 
	color:#000;
}

h2 {
	font-family: 'Raleway Dots', cursive; 
	font-size:12px; 
	letter-spacing:.2em; 
	color:#000; 
	line-height:30px;
}

#headerlogo {
	padding:20px; 
	margin-top:40px;
	position:center;
}

nav {
	width: 904px; 
	height: 30px; 
	margin: 0 auto; 
	margin-top:30px; 
	text-align:center; 
	position:absolute; 
	left:50%; top:220px; 
	margin-left:-450px; 
	border-bottom: 1px solid; 
	border-bottom-color:hsla(0,0%,80%,1); 
	background-color:hsla(0,0%,100%,1); 
	z-index:10;
}

nav li {
	font-family: 'Oswald', sans-serif; 
	font-size:12px; 
	letter-spacing:.4em; 
	color:#000; 
	display:inline-block; 
	padding-right: 50px; 
	padding-left:50px;
}

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

a:visited {
	text-decoration: none;
	color:#000;
}

a:hover {
	text-decoration: none;
	color:hsla(0,0%,80%,1);
}
	
p {
	font-family: 'Oswald', sans-serif; 
	font-size:12px; 
	text-align:left; 
	letter-spacing:.08em; 
	color:#000; 
	line-height:20px;
}

.contact a:link {
	text-decoration: none;
	color:hsla(0,0%,40%,1);
}

.contact a:visited {
	text-decoration: none;
	color:hsla(0,0%,40%,1);
}

.contact a:hover {
	text-decoration: none;
	color:hsla(0,0%,80%,1);
}
	
article .contact {
	width: 600px; 
	margin: 0 auto; 
	top:340px; 
	text-align:center; 
	position:relative;
}

article .about {
	width: 400px; 
	margin: 0 auto; 
	top:340px; 
	text-align:left; 
	position:absolute;
}

#aboutcontent {
	margin: 0 auto; 
	width:700px; 
	left:50%; 
	margin-left:-326.5px; 
	height:700px; 
	top: 340px; 
	display:inline-block; 
	margin-bottom:200px; 
	position:absolute;
}

#photo {
	height:300px; 
	width:253px; 
	position:inherit; 
	left:20px;
}

#links {
	font-family: 'Oswald', sans-serif; 
	font-size:12px; 
	letter-spacing:.4em; 
	color:hsla(0,0%,40%,1); 
	text-align:left; 
	display:inline-block; 
	line-height:30px; 
	padding-top:15px;
	margin-left:0px;
}

#abouttext {
	width:340px; 
	height:700px; 
	text-align:left;
	text-justify:inter-word;  
	padding-left:20px; 
	position:inherit; 
	left:280px;
}

#thumbscontainer {
	width: 800px; 
	margin: 0 auto; 
	position: absolute; 
	top: 340px; 
	left:60%; 
	margin-left:-470px; 
	z-index:1;
}

.thumb {
	padding:15px; 
	padding-bottom:30px; 
	opacity: 1;
}

#underthumbscontainer {
	width: 800px; 
	margin: 0 auto; 
	position: absolute; 
	top: 400px; 
	left:60%; 
	margin-left:-470px; 
	z-index:0;
}

h3 {
	width:200px; 
	height: 158px; 
	padding:15px; 
	padding-bottom:16px; 
	font-family: 'Oswald', sans-serif; 
	font-size:12px; 
	line-height:15px; 
	letter-spacing:.4em; 
	color:#000; 
	text-align:center; 
	display:inline-block;
}

.thumb:hover {
	text-decoration: none;
	opacity: .2;
	-webkit-transition:all .25s ease-in-out;
	-moz-transition:all .25s ease-in-out;
	-o-transition:all .25s ease-in-out;
	transition:all .25s ease-in-out;
}

h3#projecttitle {
	width:420px; 
	height: 10px; 
	padding:15px; 
	padding-bottom:30px; 
	font-family: 'Oswald', sans-serif; 
	font-size:12px; 
	letter-spacing:.4em; 
	color:#000; 
	text-align:center;
}

.gallery {
	width: 700px; 
	margin: 0 auto; 
	top:340px; 
	text-align:center; 
	position:absolute; 
	left:50%; 
	margin-left:-350px; 
	padding-bottom:100px;
}

#gallerytext {
	width:450px; 
	text-align:left; 
	text-align:justify;
	text-justify:inter-word; 
	left:50%; 
	margin: 0 auto; 
	padding-bottom: 60px; 
	text-decoration:none;
}

.description {
	left:50%; 
	margin-left: -300px; 
	width: 600px; 
	margin: 0 auto; 
	top:340px; 
	text-align:center; 
	position:absolute;
}

.gallery img {
	padding-bottom:20px;
}

.mainimage {
	position:absolute; 
	height:600px; 
	width:500px; 
	top:340px; 
	left:50%; 
	margin-left:-350px;
}

.mainimage img {
	position:absolute; 
	left:0; 
	top:0;
}