body { 
	color:#fff; 
	text-align:center; 
	font-size:16px;
	background:#000 url(/img/backgrounds/bg-potential.jpg) top center no-repeat fixed;
	margin:0;}
a {position: relative;}
a {outline:none;}
a img {border:none;}
ul, li{list-style:none;}
a {cursor: pointer;}

/*-------------------------------------------------
header
-------------------------------------------------*/

div#header 
{margin:auto; text-align: center; width:900px; height: 140px;
			background:url(http://www.soulcontrolgame.co.uk/img/nav-bar.png) top center repeat-y;}

div.mp3-wrap
{position:absolute; float:right; height:60px; padding:5px; margin-left:800px; margin-top:-60px; margin-bottom:20px;}

ul#nav {float: none; height: 82px; width: 900px; margin:auto; padding: 15px 0 0 0; text-align: center}

html>body	li.box {float: left; width:134px; height:24px; padding: 0 3px 0 4px; list-style:none; margin-left:9px;}
			li.box {float: left; width:134px; height:24px; padding: 0 3px 0 3px; list-style:none; margin-left:9px;}
	li.box a {display:inline-block; text-align: center; font: 1.5em "copperplate", georgia, serif;
				letter-spacing: 1px; color: #ddd; text-decoration: none; overflow:hidden; cursor: pointer;}
	li.box a:hover {color: #fff;text-decoration: none; background:#222;}
	li.box img {border:none;}
	li.box#soul-logo {width: 275px;margin:0px -2px 0 -5px;}
html>body	li.box a#download  {display:block; width: 135px; height:28px; background:url(/img/buttons/nav/download-grey.png) no-repeat}
			li.box a#download  {display:block; width: 135px; height:28px; background:url(/img/buttons/nav/download.png) no-repeat}
	li.box a:hover#download {background:url(/img/buttons/nav/download.png) no-repeat;}
	li.box a#video  {display:block; width: 72px; height:28px; margin-left:20px; background:url(/img/buttons/nav/video-grey.png) no-repeat}
	li.box a:hover#video {background:url(/img/buttons/nav/video.png) no-repeat;}
	li.box a#game  {display:block; width: 118px; height:28px; background:url(/img/buttons/nav/the-game-grey.png) no-repeat}
	li.box a:hover#game {background:url(/img/buttons/nav/the-game.png) no-repeat;}
	li.box a#partners  {display:block; width: 124px; height:28px; background:url(/img/buttons/nav/partners-grey.png) no-repeat}
	li.box a:hover#partners {background:url(/img/buttons/nav/partners.png) no-repeat;}
	li.box#download span {display:none;}
	li.box#videobox {margin-left:20px;}	

/*-------------------------------------------------
paragraphs and headings
-------------------------------------------------*/

h1.mail-list 
{font: 1.5em arial, verdana; color: #fff; line-height: 100%; margin:0; letter-spacing: 0.0415em; font-variant: small-caps; text-decoration: none;}		
h1 {font: bold 110% arial, verdana, helvetica, sans-serif; color: #dedede; letter-spacing: 4px; margin: 15px 0;	line-height: 130%; text-transform: uppercase;}
h2 {font: bold 95% arial, verdana, helvetica, sans-serif; color: #dedede; letter-spacing: 4px; margin: 15px 0;	line-height: 130%; text-transform: uppercase;}
h3 {font: normal 80% arial, verdana, helvetica, sans-serif; color: #ddd; letter-spacing: 4px; margin: 25px 0 20px 0;	line-height: 100%; text-transform: uppercase;}
h4 {font: normal 70% arial, verdana, helvetica, sans-serif; color: #ddd; letter-spacing: 4px; margin: 10px 0;	line-height: 100%; text-transform: uppercase;}

h2.slightlymorespace {line-height:200%; }
a.toplink, a.toplink:visited {font-weight:bold; color:#eee; text-decoration:none;}
a.toplink:hover {color:#fff; text-decoration:underline;}

/*-------------------------------------------------
general image rules
-------------------------------------------------*/


img.nav-img, img.button {border:0;}
img.button	{padding:0 5px; display:inline;}

a img.button
{display:inline;}

/*-------------------------------------------------
containers and columns
-------------------------------------------------*/

div.container {text-align: center; margin: -20px auto 0 auto; width: 890px; 
				background: url(http://www.soulcontrolgame.co.uk/img/backgrounds/contain.png) repeat-y top center;}
			
div.column {width: 800px; margin: auto; padding: 1em 0;}
div.left-col {float: left; width:450px; margin:10px; padding:1em; text-align:left; z-index:1;}
div.left-col#history {width:400px; margin:10px; padding:1em; text-align:left; z-index:1;}
div.left-col p {font: normal 80% arial, verdana, helvetica, sans-serif; color: #dedede; letter-spacing: 1px; line-height: 140%;}
div.left-col a {text-decoration:underline; font-weight:bold; color:#ccc;}
div.left-col a:hover {color:#fff; background-color:#3366cc;}
div.right-column {float:left; width:220px; margin:15px; padding:3em 1em; text-align:left; z-index:1; border-left:1px solid #222;}
div.right-column:hover {display:block;}

div.img-right-column {float:left; text-align:center; margin:auto; margin:10px; padding:1em; text-align:left;  z-index:1;}
div.img-right-column {width:280px; border-left:1px solid #222;}
div.img-right-column img {margin:20px; width:220px; height:147px;}
div.right-col {float: left; width: 30em; height: 26em; text-align: center; margin: 20px 0 0px 0px; padding: 1em; background: #000;}
br.cheap { clear:both }

h3.gallery-open a, h3.gallery-open a:visited {color:#eee; text-decoration:none;}
h3.gallery-open a:hover {color: #fff; background-color:#3366cc;}

div.left-col ul {width:300px;}
div.left-col ul li {font: normal 11px arial, verdana, sans-serif; text-transform:uppercase; letter-spacing:4px; color:#ccc; line-height:250%;}

/*-------------------------------------------------------------
footer
--------------------------------------------------------------*/
div#footer 
{
float: none; 
width: 895px;
height:338px;
margin:auto;
margin-bottom:0px;
background:  url(http://www.soulcontrolgame.co.uk/img/backgrounds/footer2.png) top center no-repeat;
padding: 1em 0 0 0;
}


div.foot-wrap {width: 880px; margin: -10px 0 0 30px; z-index:3;}

div.logo-wrap
{position:relative; width:815px; height:220px; text-align:left; padding:10px; border-top:1px solid #333; border-bottom:1px solid #333;}


	div.logo-box {float:left; width:370px; height: 210px; padding:10px;}
	div.logo-box#right {margin-left:30px;}
	div.logo-box:hover {display:block; background: #111;}
	div.logo-box h4 {margin:10px 0 10px 15px;}
	div.logo-box h4.righthand {margin-bottom:30px;}
	div.logo-box p {font: normal 11px arial, verdana, helvetica, sans-serif; color: #ddd; letter-spacing: 1px;	margin: 2px 0;	line-height: 120%; padding:4px 8px;}
	div.logo-box p.right {margin-top: 30px;}
	div.logo-box img {margin-bottom:15px;}
	div.logo-box a:hover {background:transparent;}

div.partner	{position:relative; width:820px; height:16px; padding:1px; text-align:center;}
div.partner h3 {font: 75% arial, verdana, tahoma, helvetica, sans-serif;letter-spacing:2px;color: #eee; padding:0.2em;
clear:right; margin:10px 0; line-height: 100%; text-transform:uppercase;}
html>body div.partner h3 {font: 75% arial, verdana, tahoma, helvetica, sans-serif;letter-spacing:2px;color: #eee; padding:0.2em;
clear:right; margin:-1px 0; line-height: 100%; text-transform:uppercase;}

	div.smallPrint { text-align:center; margin:auto; width:480px;}
	div.smallPrint ul {height:16px; margin:10px 0; padding-right:70px;}
html>body	div.smallPrint ul li { display:inline; border-right:1px solid #fff; padding:0 8px 0 4px }
div.smallPrint ul li { display:inline; border-right:1px solid #fff; padding:10px 8px 2px 10px }
	div.smallPrint ul li a {font: 11px arial, verdana, sans-serif; font-weight:normal; color:#ccc;}
	div.smallPrint ul li a:hover {color:#fff;}

	div.disclaimer
	{position:relative; width:826px; text-align:left; padding:2px; border-top:1px solid #333;}
	div.disclaimer p {font: normal 9px arial, verdana, helvetica, sans-serif; color: #ddd; letter-spacing: 1px; margin: 2px 0;	line-height: 100%; padding:1px 5px;}



/*--------------------------------------------------------------
end footer
--------------------------------------------------------------*/



			
/*-------form elements--------*/

.join-head {
clear: both;
float: none;
border-top: 1px dashed #efefef;
width: 20em;
}

	.joiner a, .joiner a:active, .joiner a:visited 
	{display: block; font: 1em verdana, arial, sans-serif; text-decoration: none; color: #efefef; width: 480px; 
		line-height: 180%; padding: 10px 0; border-top:1px solid #222;}			
	.joiner a:hover { text-decoration: underline; background-color: #e9e9e9; color: #111;}

		input.submit 
		{clear: left; background: url(/img/buttons/sign-up.png) no-repeat; border: 0; font-size: 28px; width: 151px; height: 48px;
		margin: 20px -3px 24px 0;}
		input.submit:hover {background: url(/img/buttons/sign-up-over.png) no-repeat;}
div.fill-out
{width:480px; margin:auto;}

/*-------youtube!--------*/


p.tube a, p.tube a:active, p.tube a:visited 
{
display: inline-block;
font: 16px arial, verdana, helvetica;
margin-top:1em;
padding:1em 3em;
margin:10px 0;
font-weight:bold;
letter-spacing:3px;
text-transform:uppercase;
text-decoration: none;
color: #efefef;
}

.tube a:hover {background-color: #121212;}