@import url(http://fonts.googleapis.com/css?family=Nobile|Amaranth|Fontdiner+Swanky);
@import url(reset.css);
body {
	background: #000;
	background: url(bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	font: 18px "Nobile", Sans-serif;
}
#wrap {
	background: rgba(0,0,0,0.8);
	padding: 20px;
	position: relative;
	margin: 0px auto;
	width: 960px;
}
#header {
}
	h2 {
		color: #0A64A4;
		font: 48px "Amaranth";
	}
	h2 span {
		color: #FF9000;
	}
	h3 {
		color: #3E94D2;
		font: 22px "Amaranth";
	}
	h3 span {
		color: #FFAC40;
	}
	#header ul {
		position: absolute;
		right: 20px;
		top: 40px;
	}
	#header li {
		float: left;
	}
	#header li a {
		color: #FFF;
		padding: 10px;
		text-decoration: none;
	}
	#header li a:hover {
		background: #FF9000;
			background: -moz-linear-gradient(100% 100% 90deg, #FF9000, #A65E00);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A65E00), to(#FF9000));
		color: #000;
		transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
	}
#desc {
	margin-top: 20px;
	min-height: 250px;
	position: relative;
	width: 50%;
}
#download {
	background: url(grf.png);
	float: right;
	height: 300px;
	position: absolute;
	right: 0px;
	top: 80px;
	width: 500px;
}
	a.download {
		border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		bottom: 30px;
		color: #FFF;
		padding: 10px;
		position: absolute;
		right: 180px;
		text-decoration: none;
		background: #24577B;
			background: -moz-linear-gradient(100% 100% 90deg, #24577B, #0A64A4);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0A64A4), to(#24577B));
	}
	a.download:hover {
		color: #FFF;
		background: #3E94D1;
			background: -moz-linear-gradient(100% 100% 90deg, #0A64A4, #3E94D1);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3E94D1), to(#0A64A4));
		box-shadow: 0px 0px 10px #FFF;
			-moz-box-shadow: 0px 0px 10px #FFF;
			-webkit-box-shadow: 0px 0px 10px #FFF;	
		padding: 10px;
		transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
		text-decoration: none;
	}
#feat {
	position: relative;
	margin: 0px auto;
	width: 960px;
	background: #FFF;
	color: #000;
	padding: 20px;
	font-size: 14px;
	height: 230px;
	overflow: hidden;
}
	#feat:hover {
		height: auto;
	}
	#f {
		float: right;
	}
	#f a {
		display: block;
		width: 220px;
		padding: 20px;
		background: #333;
		font-size: 20px;
		margin-bottom: 5px;
		text-align: center;
		color: #FFF;
		text-decoration: none;
	}
	#f a:hover {
		background: #FF9000;
			background: -moz-linear-gradient(100% 100% 90deg, #FF9000, #A65E00);
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A65E00), to(#FF9000));
		color: #000;
		transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
	}
	#news {
		width: 600px;
	}
	#news a {
		display: block;
		color: #000;
		text-decoration: none;
		margin-bottom: 20px;
	}
	#news a:hover {
		background: #DDD;
		color: #000;
		transition: all 0.25s ease-in-out;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
	}
	#news h3 {
		font: 28px "Amaranth";
	}
	#news h4 {
		font: 20px "Amaranth";
	}
#footer {
	position: fixed;
	bottom: 10px;
	right: 10px;
}
	#footer a {
		visibility: hidden;
		color: #FFF;
		font: 15px "Fontdiner Swanky", Serif;
		opacity: 0.5;
		text-decoration: none;
	}
	#footer a strong {
		visibility: visible;
		color: #FFF;
	}
	#footer a:hover {
		visibility: visible;
		opacity: 1.0;
		color: #FF9000;
		transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
	}