@charset "utf-8";

/*  
 * CSS for Megapolitan Movie
 * Author: Evgueni Naverniouk, evgueni@globexdesigns.com
 * Copyright: 2010 Globex Designs, Inc. All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * Global Element Styles
 * ========================================
 */

* {outline: none}

html, body {
	background: #000 url(../img/intro.jpg) no-repeat top center;
	font-family: Tahoma, Arial, Helvetica, serif;
	margin: 0;
	padding: 0;
}

a {color: #FFF; text-decoration: none}
a:hover, a:focus {color: #94C6A5}
a img {border: 0}

.left {float: left}

.textcenter {text-align: center}

#Wrapper {
	margin: 50px auto;
	position: relative;
	text-align: center;
	width: 800px;
}

	#AboutBox {
		background: #000;
		border: 1px solid #495850;
		height: 180px;
		left: 125px;
		opacity: 0.7;
		-moz-border-radius: 12px;
		-moz-box-shadow: #000 0 0 8px;
		position: absolute;
		top: 300px;
		-webkit-border-radius: 12px;
		-webkit-box-shadow: #000 0 0 8px;
		width: 550px;
	}
	
	#About {
		color: #94C6A5;
		font-size: 12px;
		height: 150px;
		left: 125px;
		line-height: 20px;
		margin: 0;
		padding: 25px 30px;
		position: absolute;
		top: 300px;
		width: 490px;
	}
	
	#Trailer {padding-top: 500px}
	
		#Trailer p {margin: 0}
	
	#Soundtrack {
		clear: both;
		height: 400px;	
	}
	
		#Soundtrack .description {
			padding: 40px 0 0 275px;
			text-align: right;
			width: 400px
		}
		
			#Soundtrack h2 {
				color: #FFF;
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 0;
				text-transform: uppercase;
			}
			
			#Soundtrack h3 {
				color: #94C6A5;
				font-size: 12px;
				font-weight: normal;
				margin-top: 0;
				text-transform: uppercase;
			}
			
			#Soundtrack p {
				color: #B1B1B1;
				font-size: 12px;
				line-height: 22px;
			}
	
	#Footer img {margin: 20px 0}