/* ========== Font declarations ========== */

@font-face {
	font-family: "Quicksand Light";
	src: url("assets/fonts/quicksand_light-webfont.eot");
	src:
		local("?"),
		url("assets/fonts/quicksand_light-webfont.woff") format("woff"),
		url("assets/fonts/quicksand_light-webfont.ttf") format("truetype"),
		url("assets/fonts/quicksand_light-webfont.svg#QuicksandLight") format("svg");
}

@font-face {
	font-family: "Sansation Light";
	src: url("assets/fonts/sansation_light-webfont.eot");
	src:
		local('?'),
		url("assets/fonts/sansation_light-webfont.woff") format("woff"),
		url("assets/fonts/sansation_light-webfont.ttf") format("truetype"),
		url("assets/fonts/sansation_light-webfont.svg#SansationLight") format("svg");
}

@font-face {
	font-family: "Sansation Regular";
	src: url("assets/fonts/sansation_light-webfont.eot");
	src:
		local('?'),
		url("assets/fonts/sansation_regular-webfont.woff") format("woff"),
		url("assets/fonts/sansation_regular-webfont.ttf") format("truetype"),
		url("assets/fonts/sansation_regular-webfont.svg#SansationRegular") format("svg");
}

@font-face {
	font-family: "Sansation Bold";
	src: url("assets/fonts/sansation_light-webfont.eot");
	src:
		local('?'),
		url("assets/fonts/sansation_bold-webfont.woff") format("woff"),
		url("assets/fonts/sansation_bold-webfont.ttf") format("truetype"),
		url("assets/fonts/sansation_bold-webfont.svg#SansationBold") format("svg");
}

/* ========== Reset styles ========== */

body, ul, li, h1, h2, h3, h4, h5, input, textarea {
	margin: 0;
	padding: 0;
}

ul, li {
	list-style: none;
}

a {
	text-decoration: none;
}

/* ========== Main styles ========== */

body {
	padding: 20px 0;
	background: #111111;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	color: #aaaaaa;
}

a {
	color: #0099cc;
}

a:hover {
	color: #66ccff;
}
	

.container {
	width: 900px;
	margin: 0 auto;
}

header {
	display: block;
	overflow: hidden;
}

	header h1 {
		float: left;
		font-family: "Quicksand Light", Helvetica, Verdana, Sans-Serif;
		font-size: 72px;
		font-weight: normal;
		font-style: normal;
	}
	
		header h1 a {
			color: #0099cc;
		}

	nav {
		float: right;
		margin: 45px 0 0 0;
		font-size: 16px;
	}
	
		nav ul li {
			float: left;
		}
		
			nav ul li a {
				margin: 0 20px;
				padding: 0 0 5px 0;
				color: #777777;
			}
			
			nav ul li a:last-child {
				margin-right: 0px;
			}
			
			nav ul li a:hover,
			.home .navhome,
			.network .navnetwork,
			.contact .navcontact {
				color: #66ccff;
				border-bottom: 3px solid #66ccff;
			}
		
.roundedbox {
	margin: 20px 0;
	background-color: #000;
	border: 1px solid #333333;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.info {
	clear: both;
	height: 200px;
	background: #000 url("assets/images/birds.jpg") no-repeat;
}

.content {
	min-height: 400px;
	padding: 20px;
}

	.content h2 {
		font-family: "Sansation Light", Helvetica, Verdana, Sans-Serif;
		font-size: 24px;
		font-weight: normal;
		font-style: normal;
		color: #E5A720;
		margin-top: 1em;
	}
	
	.content h2.first {
		margin-top: 0;
	}
	
	.content p {
		line-height: 140%;
	}
	
	.content .site {
		margin: auto 50px;
	}
	
	.content .site h3 {
		font-family: Verdana, Sans-Serif;
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		margin-top: 1em;
	}
	
	.content .contact {
		width: 75%;
		margin: auto;
		padding: 25px;
	}
	
		.content .contact label {
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
			text-transform: uppercase;
			width: 50%;
			float: left;
		}
		
		.content .contact input, .content .contact textarea {
			display: block;
			padding: 5px;
			font: inherit;
			border: 1px solid #333333;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			background: #111111;
			background: -webkit-gradient(linear, center top, center bottom, from(#111111), to(#000000));
			background: -moz-linear-gradient(top, #111111, #000000);
			clear: both;
		}
		
		.content .contact input[type="text"], .content .contact textarea {
			margin-bottom: 15px;
			width: 50%;
			background-color: #111111;
			color: #AAAAAA;
		}
		
		.content .contact input[type="text"]:focus,
		.content .contact textarea:focus,
		.content .contact input[type="text"]:hover,
		.content .contact textarea:hover {
			border-color: #E5A720;
		}
		
		.content .contact textarea {
			width: 100%;
			overflow: auto;
		}
		
		.content .contact .limit {
			width: 50%;
			float: right;
			text-align: right;
			color: #333333;
		}
		
		.content .contact input[type="submit"] {
			color: #AAAAAA;
			padding: 10px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			text-transform: uppercase;
			width: 100px;
			font-weight: bold;
		}
		
		.content .contact input[type="submit"]:hover {
			border-color: #E5A720;
			cursor: pointer;
		}

footer {
	display: block;
	padding: 0 20px;
	color: #777777;
	font-size: 12px;
	overflow: hidden;
}
	
	footer div {
		float: left;
	}
	
	footer div + div {
		float: right;
	}
	
	footer p {
		margin: 0;
		text-align: right;
	}