@font-face {
		font-family: 'NoobishH2';
		src: url('../fonts/noobish-h2-webfont.eot');
		src: url('../fonts/noobish-h2-webfont.woff') format('woff'), url('../fonts/noobish-h2-webfont.ttf') format('truetype'), url('../fonts/noobish-h2-webfont.svg#webfontBBzjJSgG') format('svg');
		font-weight: normal;
		font-style: normal;
	}
			
	@font-face {
		font-family: 'BeautifulESRegular';
		src: url('../fonts/Beautiful-ES-webfont.eot');
		src: url('../fonts/Beautiful-ES-webfont.woff') format('woff'), url('../fonts/Beautiful-ES-webfont.ttf') format('truetype'), url('../fonts/Beautiful-ES-webfont.svg#webfont') format('svg');
		font-weight: normal;
		font-style: normal;
	}
		
	html{
		text-align: center;
	}

	body{
		width: 1024px;
		margin: 0 auto;
		text-align: left;
	}
	nav{
		width: 800px;
		margin: 0 auto;
	}

	header{
		text-align: center;
	}

	h1{
		font: 8em/2em 'BeautifulESRegular', Helvetica, sans-serif;
		color: black;
		margin-top: -1em;
	}

	h2{
		font:normal 1em 'NoobishH2', Helvetica;
		text-align: right;
		margin: -6em 30% 4em 0em;

	}
	
	#for{
		float: right;
	}
	

	#lists {
		width: 800px;
		height: 110px;
		overflow: hidden;
		margin: -110px 0 0 180px;
	}/**/

	#lists ul{
		list-style: none;
		width: 200px;
		height: 200px;
		float: left;
		overflow: hidden;
		-moz-padding-start:0;
		//background: #fff;

	}


	#lists ul{left: 0px;position: relative;		font: .8em Helvetica, Verdana, Geneva, sans-serif;}

	#lists ul li a{
		text-decoration: none;
		color: #369;
		text-transform: uppercase;
		text-align: center;
	
	}
	
	#lists ul.five{
		list-style: disc inside;
	}
	
		
	.see{
		background:#369;
		color: #fff;
		padding: 2px 5px;
		width: 300px;
		margin: 0 auto 15px auto;
	}
	
	.see:hover{
		background:#9cf;
	}
	.see a, .see a:visited{
		color: red;
	}
	.see a:hover{
		color: pink;
	}


	
	
	footer{
	
		clear: both;
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}