/* ---------------------------------------
	landing page styles
--------------------------------------- */

	*
	{
		margin: 0;
		padding: 0;
	}

	p
	{
		margin-bottom: 0;
		margin-top: 1.4em;
	}

	html, body
	{
		width: 100%;
		height: 100%;
	}

	html	{ background: #66FF33 url(/media/images/backgrounds/landing-background.png) repeat-x center -90px; }
	body	{ background: url(/media/images/backgrounds/landing-middle.png) no-repeat center -90px; }

	#flash,
	#error,
	#navigation,
	#footer
	{
		margin: 0 auto;
	}
	
	.landing,
	#error
	{
		width: 960px;
		height: 520px;

		position: absolute;
		left: 50%;

		margin-left: -480px !important;
	}

	.jungle
	{
		width: 980px;
		height: 640px;
		padding-top: 20px;
	}

	.tv
	{
		width: 960px;
		height: 800px;

		padding-top: 20px;
	}

	#join-now
	{
		position: absolute;
		display: block;
		
		width: 235px;
		height: 94px;
		
		left: 50%;
		top: 170px;
		
		margin-left: 100px;
	}

	#navigation
	{
		width: 910px;
	
		padding-top: 515px;
		padding-left: 55px;

		list-style-type: none;
	}
	
	#navigation,
	#navigatio li
	{
		display: block;
		height: 142px;
	}
	
	#navigation li
	{
		float: left;
		margin-right: 20px;
	}
	
	#footer,
	#footer a
	{
		color: #000;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		text-decoration: underline;
	}
	
	#footer
	{
		color: #000;
	
		width: 910px;
		clear: both;
		
		text-align: center;
	}