/* OVERALL STYLES */
* {padding: 0; margin: 0;}

body
	{
	 	background: #000;
		color: #fff;
		text-align: center;
		font-family: verdana, tahoma, arial, sans-serif;
		font-size: 80%; 
		padding: 0;
		margin: 0; 
	}


/* STARTING PAGE STYLES */
#start_overall
	{	
		width: 780px;
		margin: 0 auto;
		padding: 100px 0 0 0;
		text-align: center;
	}
#start_overall h1
	{
		font-size: 150%;
		margin: 15px 0 5px 0;
	}
#start_overall p
	{
		font-size: 95%;
		margin: 5px 0 15px 0;
	}


/* starting page menu */
#start_overall #nav
	{
		padding: 0;
		margin: 0 auto;
		list-style-type: none;
		height: 375px;
		width: 560px; 
		text-align: left;
		display: block;
	}

#start_overall #nav li
	{
		display: block;
		float: left;
		width: 140px;
		padding: 0;
		margin: 0;
	}
#start_overall #nav li #Earth, #start_overall #nav li #Fire, #start_overall #nav li #Water, #start_overall #nav li #Air
	{
		height: 220px;
		display: block;
		color: #000;
		padding: 0;
		margin: 0;
		text-align: center;
		font-size: 0%;
		text-decoration: none;
	}

#start_overall #nav li #Earth
	{
		background: #000 url(images/start_earth_norm.gif) top left no-repeat;
	}
#start_overall #nav li #Earth:hover
	{
		background: #000 url(images/start_earth_over.gif) top left no-repeat;
	}
#start_overall #nav li #Fire
	{
		background: #000 url(images/start_fire_norm.gif) top left no-repeat;
	}
#start_overall #nav li #Fire:hover
	{
		background: #000 url(images/start_fire_over.gif) top left no-repeat;
	}
#start_overall #nav li #Water
	{
		background: #000 url(images/start_water_norm.gif) top left no-repeat;
	}
#start_overall #nav li #Water:hover
	{
		background: #000 url(images/start_water_over.gif) top left no-repeat;
	}
#start_overall #nav li #Air
	{
		background: #000 url(images/start_air_norm.gif) top left no-repeat;
	}
#start_overall #nav li #Air:hover
	{
		background: #000 url(images/start_air_over.gif) top left no-repeat;
	}
	
#start_overall #nav li ul
	{
		display: none;
		padding: 0;
		margin: 0;
	}
#start_overall #nav li.over ul, #start_overall #nav li:hover ul
	{
		display: block;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
#start_overall #nav li ul li
	{
		display: block;
		float: none;
		width: 138px; 
		border: none;
		padding: 0;
		margin: 0;
	}
#start_overall #nav li ul li a
	{
		font-size: 95%;
		color: #0000a0;
		display: block;
		text-decoration: none;
		font-weight: bold; 
		text-align: center;
		padding: 5px 0 5px 0;
	}
#footer
	{
		text-align: right;
 		padding: 0 0 0 24%;
		height: 60px;
	}
#footer a
	{
		height: 60px;
		line-height: 60px;
		width: 140px;
		display: block;
		font-size: 100%;
		color: #999;
		text-decoration: none;
		float: left;
	}
#footer a.dutch
	{
		background: #000 url(images/language_nl_norm.gif) top right no-repeat;
		padding: 0 45px 0 0;
	}
#footer a.dutch:hover
	{
		background: #000 url(images/language_nl_over.gif) top right no-repeat;
		color: #fff;
	}
#footer a.english
	{
		background: #000 url(images/language_en_norm.gif) top right no-repeat;
		padding: 0 45px 0 0;
	}
#footer a.english:hover
	{
		background: #000 url(images/language_en_over.gif) top right no-repeat;
		color: #fff;
	}
#footer a.magic
	{
		margin: 0 0 0 30px;
		width: 240px;
		background: #000 url(images/georgeparker_logo.gif) center no-repeat;
	}
#footer a.magic span
	{
		display: none;
	}
/* SUB PAGE STYLES */
div.overall
	{
		border: 1px solid red;
		width: 1000px;
		margin: 0 auto;
		padding: 0;
	}
#typo3left 
	{
		width: 200px;
		border: 1px solid blue;
	}

#typo3center
	{
		width: 594px;
		border: 1px solid yellow;
	}

#typo3right
	{
		width: 200px;
		border: 1px solid green;
	}



/* sub page menu */