Navigation #2

<!DOCTYPE html>

<!----------------------

	NAVIGATION #2 by JAKEHELPS
		#1: Do not redistribute & claim as your own.
		#2: Do not remove the credit.

		---------------------------->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" />

<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

</head>
<style type="text/css">
body {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image:url('http://i93.photobucket.com/albums/l78/andrew_jason12/black_lozenge.png');
	margin-bottom: 50px;
}

a {
	text-decoration: none;
	color: black;
}

#title {
	width: 421px;
	height: auto;
	border-bottom: 2px solid #FFFFFF;
	padding: 3px;
	font-family: fjalla one;
	font-size: 20px;
	letter-spacing: 10px;
	text-align: center;
	color: #FFFFFF;
	margin-left: 460px;
	margin-top: 250px;
	text-transform: uppercase;
}

#links {
	width: 421px;
	height: auto;
	padding: 3px;
	margin-top: 5px;
	margin-left: 460px;
	text-align: center;
}

#links a {
	width: 20px;
	height: 16px;
	padding: 22px 29px;
	float: left;
	font-family: fjalla one;
	font-size: 10px;
	margin: 3px;
	color: #202020;
	text-align: center;
	background-color: #FFFFFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#links a:hover {
	background-color: #202020;
	color: #FFFFFF;
}

#credit a {
	margin-top: 290px;
	margin-right: 20px;
	float: right;
}

#credit a {
	font-family: fjalla one;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #303030;
	padding: 10px 15px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#credit a:hover {
	background-color: #FFFFFF;
	color: #202020;
}

</style>
<body>
<div id="title">Navigation</div>
<div id="links">
	<a href="#" title="home">1</a>
	<a href="#" title="message">2</a>
	<a href="#" title="archive">3</a>
	<a href="#" title="link 1">4</a>
	<a href="#" title="link 2">5</a>
	<a href="#" title="link 3">6</a>
	<a href="#" title="link 3">7</a>
	<a href="#" title="link 3">8</a>
	<a href="#" title="link 3">9</a>
	<a href="#" title="link 3">10</a>
</div>
<div id="credit"><a href="http://jakehelps.tumblr.com">&copy;</a></div>


</body>
</html>