/* CSS Document */

		/*########### @FONT FACE FONT ########*/
			
		@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;
		}
			
			
		/*######## MAIN BODY ELEMENTS #######*/
			
		*{border: 0; margin: 0; padding: 0; position: relative;}	
		
		body{
		
			width: 1000px;
			font-family: 'NoobishH2', Helvetica, sans-serif;
			font-style: normal;
			line-height:normal;
			font-size: 1em;
		}
		
		.page{
			top: 3em;
		}

		
		#leftside{
		
			float: left;
			width: 40%;
		
		}
		
		#rightside{
			float: left;
			width: 50%;
		}
		
		#footer{
			clear: both;
			text-align: center;
		}
		
		/*######## "A" AND NAV ELEMENTS #######*/
		
		#nav li{
			display: block;
			float: left;
			width: 20%;
			text-align: center;
			font-size: 1.05em;
			text-transform: uppercase;

		}


		#nav li a{
			color: #333;
			background: #ccc;
			display: block;
			text-decoration: none;
			padding: .3em 0 .2em 0;


		}
		
		#next, #prev{
			min-width: 5em;
			height: 65%;
			top: 30%;
			position: absolute;
			z-index: 10;
			opacity: 0;
		
		}
		
		#prev{
			left: 2em;

		}
		
		#next{
			right: 2em;

		
		}
		
		
		/*######## TEXT ELEMENTS #######*/
		
		
		h1{
			font: 8em/2em 'BeautifulESRegular', Helvetica, sans-serif;
			margin: -1em .5em -.8em .5em;
		
		}
		
		#leftside ul{
			
			text-transform: uppercase;
			font-weight: bold;
			margin: 2em 0 0 3em;
			font-size: 1.5em;
			
			
		}
		
		#leftside ul li{
			
			text-transform: none;
			font-weight: normal;
			margin: .5em 0 .5em 2em;
			font-size: .9em;
			
			
		}
		
		#leftside p{
 			margin: 2em 0 1em 3.5em;
		}

		/*######## IMG ELEMENTS #######*/
		
		#rightside img{
		margin-left: 2em;
		}