@charset "UTF-8";
/* common.css */

* { padding: 0 0 0 0; margin: 0 0 0 0; }


	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */


	body { 
	
		background-color:#e8e7e7;
		 text-align:center; margin:10px; 
		font-family:Arial, Helvetica, sans-serif;	
		font-size:76%;
		color:#fff;
		margin-top:-90px;
	}
	
	#main_container { width:875px;text-align:center;margin:0 auto; }
	#main {margin-left:34px; width:808px; }

	#nav {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		width:875px;
		height:275px;
		position:relative;
		top:95px;
		left:-15px;
	}
	
	#nav div {
	
		color:#000;
	
	}

	#main_header { text-indent:-9999px; }

	#header {
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		width:808px;
		height:107px;
		background-image:url(/images/header.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		
	}
	
	#header h2 {
	
		text-indent:-9999px;
	
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width:121px;
		height:40px;
		position:relative;
		top:60px;
	
	}
	
	#container {
	
		margin-left:auto;
		margin-right:auto;
		width:808px;
		background-image:url(/images/content_tile.jpg);
		background-repeat:repeat-y;
		text-align:center;
	
	}
	
	#footer {
	
		margin-left:auto;
		margin-right:auto;
		width:808px;
		height:137px;
		background-image:url(/images/footer.jpg);
		background-repeat:no-repeat;
		background-position:top left;
	}
	#footer_links {
		height:75px;
}	

	#footer_links img {
		margin-top:30px;
		float:right;
		border:none;
	
	}
	
	#legal {
		text-align:right;
		color:#666;
		margin-right:25px;
	}
	
	#legal a {
		color:#666;
		text-decoration:none;
	}

	#legal a:hover {
		text-decoration:underline;
	}
	
	#content {
	
		width:700px;			
		padding:20px 0px 20px 0px;
		background-image:url(/images/trans_tile.png);

		background-repeat:repeat;
		margin:0 auto;
		
		/* min-height css hack for IE */
		min-height:450px;
		height:auto !important;
		height:450px;
	
	}
	
	#phantom_planet_flash_navigation {
	
		text-align:center;
		margin: 0;
		padding: 0;
	
	}
	
	#phantom_planet_flash_navigation div {
	
		background-image:url(/images/phantom_planet_header.gif);
		background-repeat:no-repeat;	
		background-position:top center;
		width:847px;
		height:247px;
		
		margin: 0 auto;
		position:relative;
		left:-7px;	
		text-align:left;
		
	
	}
	
	#phantom_planet_flash_navigation ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		width:350px;
		height:25px;
		margin-top:182px;
		margin-left:98px;
	
	}
	
	.nav_button {
	
		margin-left:8px;
	}
	
	#phantom_planet_flash_navigation ul li h3 { display:none; }
	
	#phantom_planet_flash_navigation ul li img { border:none; }
	
	#phantom_planet_flash_navigation div ul, #phantom_planet_flash_navigation div ul li {
	
		list-style-type:none;
		border:none;
	
	}
	#phantom_planet_flash_navigation div ul li {
	
		float:left;
	
	}
	
	#phantom_planet_flash_navigation p, #phantom_planet_flash_navigation h1 { text-indent:-9999px;font-size:1em;padding:0;margin:0; }
	

	.navigation a, .navigation a:visited { color:#D7753E; text-decoration:none; }
	.navigation a:hover { text-decoration:underline; }