/*************************************************************************************************

	Countdown to kickoff [MASTER]

	* Created by: James Mills [www.koodoocreative.co.uk]
	* Document created: 8th December 2009
	* Copyright (c) 2009 James Mills / Koodoo Creative.

*************************************************************************************************/



/* Import the global reset document
   http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- */
@import "reset.css";


/* Golbal CSS settings
-------------------------------------------------------------- */
* { font-family:Arial, Verdana, Helvetica, sans-serif; }

body {
	background:#000 url(../images/page_bg.png) no-repeat top center;
}




/* Clearfix Hack
-------------------------------------------------------------- */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






/* Page Wrapper
-------------------------------------------------------------- */
div#page_wrapper {
	width:948px;
	margin-left:auto;
	margin-right:auto;
	position:relative;

}



div#header_wrapper {
	height:570px;
	width:100%;
}

h1#welcome {
	background:url(../images/welcome.png);
	display:block;
	text-indent:-9999px;
	
	width:869px;
	height:90px;
	
	position:absolute;
	top:40px;
	right:-12px;	
}

a#features {
	background:url(../images/new_features.png);
	width:208px;
	height:208px;
	display:block;
	
	text-indent:-9999px;
	
	position:absolute;
	top:-5px;
	left:-60px;
	z-index:100;
}

div#download_button {
	width:319px;
	height:119px;

	
	position:absolute;
	top:130px;
	right:-12px;	
}

div#large_icon {
	background:url(../images/large_website_icon.png);
	width:315px;
	height:315px;
	
	position:absolute;
	top:240px;
	right:-15px;	
}

div#slider {
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	
	width:625px;
	height:385px;
	
	position:absolute;
	top:145px;
	left:0px;

	background:url(loading.gif) no-repeat 50% 50%;
	
}

div#slider img {
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
	
/* Features
-------------------------------------------------------------- */

div#features_wrapper {
	position:relative;
}

h2#features {
	background:url(../images/features_title.png);
	width:230px;
	height:110px;
	
	text-indent:-9999px;
	
	margin-top:-12px;
	margin-left:-8px;
	margin-bottom:10px;
}

div.feature {
	width:437px;
	height:201px;
	margin-bottom:20px;
}
div.feature.left {
	float:left;
}
div.feature.right {
	float:right;
}

div.feature.news { background:url(../images/features/news.png); }
div.feature.fixtures { background:url(../images/features/fixtures.png); }
div.feature.results { background:url(../images/features/results.png); }
div.feature.table { background:url(../images/features/table.png); }
div.feature.squad { background:url(../images/features/squad.png); }
div.feature.media { background:url(../images/features/media.png); }

div.feature p {
	margin-top:90px;
	margin-left:102px;	
	
	color:#fff;
	font-size:1.3em;
	line-height:18px;
}
div.feature.right p {
	margin-left:122px;
}


/* Footer
-------------------------------------------------------------- */
div#footer {
	position:relative;
	margin-top:30px;
}

div#footer div#contact_numbers {
	background:url(../images/contact_numbers.png);
	width:368px;
	height:664px;
	
	position:absolute;
	left:0px;
}
div#footer div#contact_numbers a#facebook {
	width:160px;
	height:45px;
	text-indent:-9999px;
	position:absolute;
	bottom:0px;
	left:0px;
}
div#footer div#contact_numbers a#twitter {
	width:160px;
	height:45px;
	text-indent:-9999px;
	position:absolute;
	bottom:0px;
	right:0px;
}




/* Contact Form
-------------------------------------------------------------- */
div#footer form.contact_form {
	position:absolute;
	right:0px;
}
div#footer form.contact_form h2 {
	background:url(../images/contact_title.png);
	width:191px;
	height:40px;
	text-indent:-9999px;
	
	margin-bottom:30px;
}

div#footer form.contact_form p {
	color:#808080;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:13px;
	text-transform:uppercase;
}
div#footer form.contact_form p span {
	display:block;
	padding-top:12px;
	padding-top:12px;

}

div#footer form.contact_form p input, 
div#footer form.contact_form p textarea {
	border:0px;
	background:#2e2e2e;
	padding:12px;
	font-size:1.1em;
	color:#fff;
	border:1px solid #2e2e2e;
	
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; 
}


div#footer form.contact_form p .error {
	border:1px solid #C00;
	background:#666;
}

div#footer form.contact_form p input[type='submit'] {
	background:url(../images/contact_send.png);
	display:block;
	width:256px;
	height:87px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
}