Untitled

<!doctype html>
<html>
	<head>
		<title>CSS Layout</title>
		<link href="csstest.css" rel="stylesheet" />
		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Merriweather:300,300italic,400,400italic,700,700italic" media="all">
		<link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,700' rel='stylesheet' type='text/css'>
		<link href="picturecss.css" rel="stylesheet" />
	</head>

	<body>

			<header>
			<div class="container">
				<nav>
					<h1><a href="http://www.mixcloud.com/toby-onono/">fka.</h1>
					<ul>
						<li><a href="csstest.html">Home</a></li>
						<li class ="space">|</li>
						<li><a href="musicpage.html">Music</a></li>
						<li class="space">|</li>
						<li><a href="videopage.html">Video</a></li>
						<li class="space">|</li>
						<li class="active">Pictures</li>
					</ul>
				</nav>
				<hr class="style">
			</div>
			</header>

			 <div class="grid">
			 			<div>
			 			<div>
			 			<img class="three" src="img/test2.gif" alt="">
			 			<img class="three" src="img/test2.gif" alt="">
			 			<img class="three" src="img/test2.gif" alt="">
			 	        </div>
			 	        <div class="caption">
			 	        <a href="http://www.google.ie/">Quadralens</a>
			 	        <p>Photo: Ciesay</p>
			 	        </div>
			 	        </div>


			 			<img class="three" src="img/test3.jpg" alt="">
			 			<img class="three" src="img/test3.jpg" alt="">
			 			<img class="three" src="img/test3.jpg" alt="">
			 			<img class="two" src="img/cassie.png" alt="">
			 			<img class="two" src="img/cassie.png" alt="">
			 			<div>
			 			<div>
			 			<img class="three" src="img/curtisw.jpg" alt="">
			 			<img class="three" src="img/curtisw.jpg" alt="">
			 			<img class="three" src="img/curtisw.jpg" alt="">
			 		    </div>
			 		    <div class="caption">
			 	        <!--a href="http://www.google.ie/">Curtis Williams</a>
			 	        <p>Photo: gunnerstahl</p-->
			 	        </div>
			 	        </div>
			 			<img class="four" src="img/danielog.png" alt="">
			 			<img class="four" src="img/danielog.png" alt="">
			 			<img class="four" src="img/danielog.png" alt="">
			 			<img class="four" src="img/danielog.png" alt="">
			 			<img class="two" src="img/jessejs.png" alt="">
			 			<img class="two" src="img/jessejs.png" alt="">
			 			<img class="three" src="img/bonzai.gif" alt="">
			 			<img class="three" src="img/bonzai.gif" alt="">
			 			<img class="three" src="img/bonzai.gif" alt="">

			 </div>

			 <div>

			 	<footer>
			 		<ul>
			 			<hr class="style">
			 			<li><a href="http://www.soundcloud.com/tob_lerone/"><img src="img/scicon.png"</li>
			 			<li><a href="http://www.facebook.com/fkasongsilike"><img src="img/fbicon.png"</li>
			 			<li><a href="https://vimeo.com/user25355489"><img src="img/vmicon.png"</li>

			 		</ul>
			 	</footer>
			 </div>
	</body>
</html>