body {
	padding:0;
	margin:0;
	text-align:center;
	font-size:62.5%;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background:#071315 url(../img/astana_camp.jpg) no-repeat center top;
	}

#wrapper{
	width:900px;
	margin:0 auto;
	text-align:left;
	/*border:1px solid #ccc;*/
	}

#header {
	float:left;
	clear:both;
	}

p a {
	color:#666;
	text-decoration:none;
	border-bottom:1px solid #e1e1e1;
	}
	
p a:hover {
	text-decoration:none;
	border-bottom:1px solid #999;
	}

a img {
	border:1px solid #e1e1e1;
	}

#banner a img {
	border:none;
	position:absolute;
	left: 0;
}

h1 { font-size:1.8em; }
h2 { font-size:1.6em; }
h3 { font-size:1.4em; }

p {
	font-size:1.2em;
	line-height:1.6em;
	margin:0;
	padding:15px 0 0 0;
	}

/* Tab navigation
--------------------------------------------------------------------------------------*/

#menu {
	width:725px;
	float:left;
	clear:both;
	padding:15px 0;
	}

#menu ul {
	list-style:none;
	padding:0;
	margin:0;
	}

#menu li {
	float:left;
	padding:0 20px 0 0;
	}

#menu ul a {
	color:#415a68;		
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;	
	text-transform:uppercase;
	}

#menu ul a:hover, #menu ul a.selected {
	color:#fdf000;
	}

/* Count down
--------------------------------------------------------------------------------------*/

#clock {
	width:900px;
	}

#cntdwn {
	float:right;	
	padding:8px 12px;
	font-size:1.4em;		
	font-weight:bold;
	color:#fff;
	background:#071315 /*#6C9DD9*/;
	}
	
	

/* Columns
--------------------------------------------------------------------------------------*/

#main-body {
	float:left;
	clear:both;
	width:900px;
	}

#banner {
	clear:both;
	position: relative;
	margin:20px 0 0px 0;
	}
	
	
/* Navigation
--------------------------------------------------------------------------------------*/

ul#navigation  {
	float:left;
	list-style-type:none;
	margin:0;
	padding:130px 0 0 0px;
	}
	
#navigation li {
	float:left;
	/*font-variant:small-caps;
	letter-spacing:0.125em;*/
	font-family:Verdana;
	font-size:1.1em;
	margin:0 1px 0 0;
	}

#navigation li a {
	float:left;
	color:#fff;
	background:#071315;
	padding:8px 12px;	
	text-decoration:none;
	}
	
#navigation li a:hover {
	color: #FDF21E;
	background:#071315;
	text-decoration:none;
	/*border-left:1px solid #FDF21E;*/	
}

#navigation li a.active {
	position:relative;
	z-index:100;
	color: #071315;
	background:#fff;
	padding-top:10px;	
	padding-bottom:11px;	
	margin-top:-5px;
	margin-bottom:-20px;
	border:1px solid #e1e1e1;
	border-bottom:none;
	text-decoration:none;
	}

/*#navigation li a {
	display:block;
	color: #fff;
	border-left:1px solid #fff;	
	background:#000;
	padding:5px 8px;
	text-decoration:none;
}*/


/* Left Column
--------------------------------------------------------------------------------------*/

	
#lft-col {
	float:left;
	width:525px;
	background:rgba(255,255,255,0.85);
	}

body#sponsors #lft-col div.box {
	width:524px;
	height:860px;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	}
	
#lft-col div.box {
	height:340px;
	border:1px solid #e1e1e1;
	border-right:none;
	margin-bottom:20px;
	}
	
#lft-col div.box a.enlarge {
	float:left;
	margin:-13px 0 0 0;
	}

#lft-col div.box a:hover {
	float:left;
	}

#lft-col div.inner {
	float:left;
	padding:10px;
	}


/* Right Column
--------------------------------------------------------------------------------------*/

#rgt-col {
	float:right;
	width:375px;
	}

#rgt-col div.inner {
	float:left;
	padding:5px 20px 20px 20px;
	margin:0;
	}
	
#rgt-col div.quote {
	float:left;	
	background:/*#e5e5e5*/ rgba(183,191,193,0.9);
	}
	
#rgt-col h3 {
	float:right;
	padding:0;
	margin:0;
	}

#rgt-col h3.sponsor a {
	float:right;
	padding:3px 12px;
	color:#fdefff;
	font-size:1.4em;
	font-variant:small-caps;
	background:#CF0B05;
	text-decoration:none;
	}

#rgt-col div.sponsor a:hover {
	color:#fdefff;
	text-decoration:none;
	}

#content {
	float:left;
	text-align:left;
	width:485px;
	padding:0px 20px;
	}

.publish {
	font-size:0.95em;
	color:#707070;
	}
	
.date {
	font-size:1.1em;
	color:#707070;
	margin:-30px 0 0 0;
	}


/* Pages - Sponsors
--------------------------------------------------------------------------------------*/

#sponsors .inner a.clogo {
	float:left;
	width:110px;
	height:60px;
	padding:8px 8px;
	}

#sponsors .inner a.clogo:hover {
	}
	

/* Flickr
--------------------------------------------------------------------------------------*/

.rightnavbox {
	float:left;
	width:375px;
	padding:20px 0;
	text-align:right;
	clear:both;
	/*border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;*/
	}

.rightnavbox h2 {
	padding:0;
	margin:0;
	}

#flickr_badge_wrapper img {
	height:45px;
	width:45px;
	border: none;
	margin:1px;
}

#flickr_badge_wrapper a {
	border-right:2px solid #071315;
	border-bottom:2px solid #081315;
	float:right;
	margin:5px 3px 5px 0;
}

#flickr_badge_wrapper a:hover {
	border:1px solid #777;
}
	

/* Footer
--------------------------------------------------------------------------------------*/
	
#footer {
	clear:both;
	float:left;
	width:950px;
	margin:20px 0;	
	padding:10px 0;
	}

.partbox {
	float:left; 
	margin:0 5px 0 0; 
	}

#marina a, #activesoccer a, #diadora a, #specialized a, #pzc a, #rudyproject a {
	float:left;
	width:150px; 
	height:50px;
	}

#marina a { background:url(../img/logo-marina-dalgish-appeal.gif) no-repeat left top; }
#activesoccer a { background:url(../img/logo-activesoccer.gif) no-repeat left top; }
#diadora a{ background:url(../img/logo-diadora.gif) no-repeat left top; }
#specialized a{ background:url(../img/logo-specialized.gif) no-repeat left top; }
#pzc a{ background:url(../img/logo-pzc.gif) no-repeat left top; }	
#rudyproject a { background:url(../img/logo-rudyproject.gif) no-repeat left top; }

#marina a:hover { background:url(../img/logo-marina-dalgish-appeal-on.gif) no-repeat left top; } 
#activesoccer a:hover { background:url(../img/logo-activesoccer-on.gif) no-repeat left top; }
#diadora a:hover { background:url(../img/logo-diadora-on.gif) no-repeat left top; }
#specialized a:hover { background:url(../img/logo-specialized-on.gif) no-repeat left top; }
#pzc a:hover { background:url(../img/logo-pzc-on.gif) no-repeat left top; }	
#rudyproject a:hover { background:url(../img/logo-rudyproject-on.gif) no-repeat left top; }
	


/* Tools
--------------------------------------------------------------------------------------*/

.tools {
	float:right;
	}
	

.tools ul {
	float:right;
	text-align:right;
	padding:0;
	margin:0;
	width:345px;
	list-style-type:none;
	}

.tools li {
	float:left;
	height:5em;
	font-size:1.1em;
	padding:0 10px 0 0;
	}

.tools li a {
	display: block;
	padding: 15px;
	border: none;
	}
					
.facebook { background:url(../img/facebook_32.png) no-repeat left top; }	
.flickr { background:url(../img/flickr_32.png) no-repeat left top; }	
.twitter { background:url(../img/twitter_32.png) no-repeat left top; }	
.blogspot { background:url(../img/blogger_32.png) no-repeat left top; }	
/*.justgiving { background:url(../img/ico-justgiving.gif) no-repeat left top; }	*/

.tools a {
	color:#666;
	text-decoration:none;
	/*border-bottom:1px solid #e1e1e1;*/
	}
	
.tools a:hover {
	/*border-bottom:1px solid #999;*/
	}

	
	
/* Classes
--------------------------------------------------------------------------------------*/

.fLft {
	float:left;
	}

.fRgt {
	float:right;
	}

.clear {
	clear:both;
	}

.hide {
	position: absolute;
	left: -999em;
	/*text-indent:-9999em;*/
	}