/*---------------------MEDIAPROMAGIC.com------------------------
---------------------©2009------------------------
---------------------style.css------------------------*/
HTML, BODY
{
	background: #000;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	color: #000;
	height:100%;
}

.content_container
{
	height:400px;
	width:100%;
	text-align:left;
	z-index:1;
	overflow:hidden;
	padding:0;
	margin:0;
	background:transparent;
}	

.off
{
	position:absolute;
}


/*UTILITY*/
.hidden
{
	display:none;
}



/*ROUND STUFF*/
.roundTL
{
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
}
.roundTR
{
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
}

.roundBL
{
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
}
.roundBR
{
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
}
.round15
{
	-webkit-border-radius:15px; 
	-moz-border-radius:15px; 
	border: 2px solid #fff;
}
/*ABOUT*/
#aboutBackground
{
	width:800px;
	height:400px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	z-index:1;
}
#aboutBG
{
	margin-left:-560px;
}
#showreelBG
{
	margin-left:-560px;
	background:transparent url('../resources/backgrounds/dragons.jpg') no-repeat 0% 0%;
	width:1920px;
	height:400px;
}
#featureBG
{
	margin-left:-560px;
	background:transparent url('../resources/backgrounds/bullet.jpg') no-repeat 0% 0%;
	width:1920px;
	height:400px;
}
#featureBG
{
	margin-left:-560px;
	background:transparent url('../resources/backgrounds/bullet.jpg') no-repeat 0% 0%;
	width:1920px;
	height:400px;
}
#christmasBG
{
	margin-left:-560px;
	background:transparent url('../resources/backgrounds/merrychristmas.jpg') no-repeat 0% 0%;
	width:1920px;
	height:400px;
}
#showreelBackground
{
	width:800px;
	height:400px;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
}

#aboutContent
{
	width:800px;
	height:380px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:31;
	margin-top:-380px;
}
#showreelContent
{
	width:800px;
	height:380px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	z-index:31;
}
.aboutContainer
{
	background:#000;
	width:800px;
	height:380px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:30;
	margin-top:-392px;
}

#aboutContentSwapper
{
	width:800px;
	height:380px;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin:0;
	overflow:hidden;
	/*background:transparent url('../resources/backgrounds/horizon2.png') no-repeat 0% 0%;*/
}
#teamContent
{
	z-index:400;
	position:absolute;
	left:0;
	top:0;
}
#whoContent
{
	position:absolute;
	left:0;
	top:0;
	padding:10px 15px 0 15px;
	line-height:130%;
	height:320px;
	width:770px;
}
#whoContent p
{
	margin-top:4px;
	left:0;
}
.aboutText
{
	font-family: Tahoma, Geneva, arial, sans-serif;
	font-size: 12px;
	color: white;
	text-indent:50px;
	font-weight: bold;
	vertical-align:middle;
}
#aboutMenu
{
	width:800px;
	height: 28px; 
	left:0;
	top:351px;
	padding:0;
	position:absolute;
}
#aboutMenu ul 
{
	list-style-type: none; 
	width: 100%; 
	height: 35px; 
	margin:0;
	padding:0;
}
#aboutMenu ul li { display: block; z-index: 1000; width:50%; position: relative;float:left; text-align:center; height:35px;}
#aboutMenu ul li a { display: block; font: 17px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 0; z-index: 1000; color: #000; line-height: 14px; vertical-align: middle; background:#fff;}
#aboutMenu ul li a:focus { outline: 0; }
#aboutMenu ul li a:hover { color: #fff; background:#666666; }
#aboutMenu ul li.current a {background:#252525;color: #fff; }

#showreelMenu
{
	width:800px;
	height: 28px; 
	left:0;
	top:351px;
	padding:0;
	position:absolute;
}
#showreelMenu ul 
{
	list-style-type: none; 
	width: 100%; 
	height: 35px; 
	margin:0;
	padding:0;
}
#showreelMenu ul li { display: block; z-index: 1000; width:20%; position: relative;float:left; text-align:center; height:35px;}
#showreelMenu ul li a { display: block; font: 17px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 0; z-index: 1000; color: #000; line-height: 14px; vertical-align: middle; background:#fff;}
#showreelMenu ul li a:focus { outline: 0; }
#showreelMenu ul li a:hover { color: #fff; background:#666666; }
#showreelMenu ul li.current a {background:#252525;color: #fff; }

#flashBackGround
{
	width:100%;
	z-index:2;
	height:400px;
	position:absolute;
	left:0;
	top:0;
}
#contentoverflash
{
	width:100%;
	z-index:4;
	position:absolute;
	left:0;
	top:0;
}
#languageSwitchCont
{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
}
#languageSwitch
{
	width:80px;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	text-align:center;
	color:#fff;
	background:#1a1a1a;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:14px;
}
#languageSwitch a
{
	
	color:#fff;
	text-decoration:none;
	padding:0 10px 0 10px;
}
#languageSwitch a:hover
{
	color:#ebebeb;
}

#cheat
{
	text-align:center;
	background:#000;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	border:4px solid #fff;	
			display:none;
			position:absolute;
			width:948px;
			height:498px;
			margin:0;
			padding:0;
			left:25%;
			top:25%;
			z-index:4003;
			color:#fff;
}
#cheatText
{
	position:relative;
	top:25%;
	font-size:100px;
	font-weight:bold;
	color:#fff;
}
#mpmLogo
{
	width:82px;
	height:70px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:50%;
	background:transparent url('../resources/images/logo.png') no-repeat 0% 0%;
	z-index:6000;
}
	#magicwheel {
		position: absolute;
	}
		.tip {
		position: absolute;
		visibility: hidden;
		top: 0;
		left: 0;
		background: url('arrow.png') bottom center no-repeat;
		z-index: 1000;
		padding-bottom: 6px;
	}
	
	.tip span {
		padding: 1px 10px;
		background: black;
		color: #fff;
		font-weight: bold;
	}
	
	#magicwheel .icon, #magicwheel .ref {
		position: absolute;
		border: none;
		visibility: hidden;
	}


.contactInfo
{
    line-height:12px;
}