@charset "utf-8";
/* 
*
* Project: Operation : Concrete 
* Author: Michael Stephens (MikeyPHP.co.uk)
* Copyright 2009
*
*/

/* General tags */
	body, html { margin: 0px; padding: 0px; background-color: #FFFFFF; text-align: center; }
	p, h1, h2, h3, h4, h5, h6, ul, li { font-family: Helvetica, Arial, sans-serif; color: #000000; }
	h1, h2, h3, h4, h5, h6 { font-size: 28px; color: #EB0100; }
	p { line-height: 24px; font-size: 14px; margin: 0 0 24px 0; }
	p a { color: #EB0100; }
	img { border: none; }
	hr { height: 5px; background-color: #000000; border: none; }
	.left { float: left; }

/* Header */
	#header { padding: 5px 0 5px 0; width: 100%; background-color: #FE0201; }

/* Main Naviagtion */
	#main-navigation { width: 100%; background-color: #000000; }
	#main-navigation ul { margin: 0 auto 0 auto; padding: 0px; list-style: none; width: 1000px; }
	#main-navigation ul li { float: left; display: inline; }
	#main-navigation ul li a { width: 165px; line-height: 50px; color: #FFFFFF; font-size: 26px; display: block; text-decoration: none; }
	#main-navigation ul li a:hover { background-color: #FFFFFF; color: #000000; }

/* Main Container */
	#main-container { width: 1000px; margin: 0px auto 0px auto; text-align: center; }

/* About Container */
	#about { margin: 50px auto 0 auto; padding: 0; width: 930px; text-align: left; }
	#about .left { width: 410px; float: left; margin: 0 50px 0 0; }
	
/* EPK */
  #epk { width: 930px; margin: 50px auto 0 auto; text-align: left; }
  #epk li a { color: #000000; text-decoration: none; font-size: 12px; }
  #epk li a:hover { text-decoration: underline; }

/* Collaborators Container */
	#collaborators { width: 930px; margin: 50px auto 0 auto; text-align: left; }
	#collaborators .item { width: 430px; float: left; padding: 10px 10px 10px 20px; }
	#collaborators .item .img { padding: 10px 10px 6px 10px; border: 2px solid #000000; width: 300px; }
	#collaborators .item p { font-size: 12px; line-height: 20px; }
	#collaborators .item h1 { color: #000000; font-size: 24px; }
	#collaborators .item p.links { color: #EB0100; font-weight: bold; width: 250px; float: left; }
	#collaborators .item p.links a { color: #EB0100; }
	#collaborators .item p.listen { width: 80px; float: left; font-weight: bold; }
	#collaborators .item p.listen a { color: #000000; }
	#collaborators .item .embed { width: 20px; float: left; margin: 0 0 0 0; padding: 0px; }
	
	#collaborators .span { width: 930px; padding: 20px; }
	#collaborators .span .img { width: 900px; }

/* Video Container */
	#video-container { width: 930px; margin: 30px auto 0 auto; text-align: left; }
	#video { width: 440px; }
	#video p a { color: #EB0100; }
	#video .embed { padding: 10px; }
	#video .vimeo { text-align: right; padding: 0 30px 0 0; }

/* Previous Video Container */
	#previous { width: 440px; padding: 0 0 0 40px; }
	#previous p a { color: #EB0100; }
	
/* trailer Container */
	#trailer { width: 930px; margin: 50px auto 0 auto; text-align: left; }
    
/* Ecommerce Container */
	#shop { width: 930px; margin: 50px auto 0 auto; text-align: left; }
	#shop .item { width: 350px; float: left; margin: 0 90px 20px 20px; }
	#shop .item h1 { font-size: 14px; color: #000000; text-decoration: underline; }
	#shop .item p.links { color: #EB0100; font-weight: bold; }
	#shop .item p.links a { color: #EB0100; }
	#shop .item p.img {  text-align: center; }
	#shop .item p.img img { padding: 10px 10px 6px 10px; width: 300px; border: 2px solid #000000;  }
  #shop .span { width: 930px; }

/* Sponsors Container */
	#sponsors { width: 100%; background-color: #000000; padding: 20px 0 20px 0; }
	#sponsors #content {  margin: 0 auto 0 auto; width: 930px; text-align: left; padding: 0 0 0 20px; }
	#sponsors #content h6 { color: #FFFFFF; padding: 0; margin: 0; }
	#sponsors #content .col1, #sponsors #content .col2 { width: 480px; float: left; margin: 40px 0 0 0; }
	#sponsors #content .col1 ul { list-style: none; }
	#sponsors #content .col1 ul li { width: 170px; padding: 0 0 50px 0; float: left; background: no-repeat url(../img/bgArrow.gif); padding: 0 0 0 45px; line-height: 35px; height: 40px; }
	#sponsors #content .col1 ul li a { color: #FFFFFF; font-size: 12px; text-decoration: underline; display: block; }
	#sponsors #content .col2 { width: 200px; border-left: 2px solid #FFFFFF; padding: 0 0 0 50px; }
	#sponsors #content .col2 img { padding: 30px 0 0 20px; }
	
/* Footer */
	#footer { padding: 10px; }