body {
	
	background: #222 url(../img/subtle-spaceinvaders.png) center center repeat;
	font-family: "Source Sans Pro", sans-serif;
	
}

	.attached header {
		
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 80px;
		margin: 0;
		padding: 0;
		background-color: rgba(16,16,16,0.8);
		box-shadow: 0px 0px 50px -20px rgba(255,255,255,0.2);
		z-index: 10;
		
	}

	.top header {
		
		display: block;
		position: relative;
		margin: 170px 0px 0px;
		padding: 50px 0px;
		background-color: rgba(16,16,16,0.8);
		box-shadow: 0px 0px 50px -20px rgba(255,255,255,0.2);
		
	}

		.attached header h1 {
		
			display: block;
			position: absolute;
			left: 50px;
			top: 0px;
			margin: 0px;
			padding: 0px;
			font-family: "Netzguerilla";
			font-weight: normal;
			font-size: 60px;
			line-height: 80px;
			height: 80px;
			color: #fff;
		
		}
	
		.top header h1 {
			
			font-family: "Netzguerilla";
			font-weight: normal;
			font-size: 10em;
			text-align: center;
			line-height: 120px;
			height: 120px;
			color: #fff;
			z-index: 10;
			
		}
		
			header h1 a,
			header h1 a:hover,
			header h1 a:active,
			header h1 a:focus {
				
				color: #fff;
				text-decoration: none;
				
			}
			

				header h1 a strong {
					
					color: #f09;
					font-weight: normal;
					
				}
				
		.top #claim {
			
			display: block;
			position: relative;
			margin-top: 2em;
			height: 30px;
			line-height: 30px;
			margin: 20px 0px;
			font-size: 2.5em;
			color: #aaa;
			text-align: center;
			font-family: "Pacifico", "Source Sans Pro", sans-serif;
			font-weight: normal;
			
		}
		
		.attached #claim {
			
			display: none;
			
		}
		
	#main-nav {
		
		display: block;
		position: fixed;
		right: 50px;
		top: 0px;
		height: 80px;
		z-index: 20;
		
	}
	
		#main-nav ul {

			display: block;
			list-style: none;
			height: 80px;
			line-height: 80px;
			
		}

			#main-nav ul li {
				
				display: block;
				position: relative;
				float: left;
				height: 60px;
				list-style: none;

			}

				
				#main-nav ul li a:hover,
				#main-nav ul li a:active,
				#main-nav ul li a:focus,
				#main-nav ul li a {
				
					display: block;
					position: relative;
					background-color: #000	;
					padding: 0px 10px;
					height: 40px;
					
					font-size: 20px;
					line-height: 40px;
					color: #aaa;
					text-decoration: none;
					margin: 20px 3px;
					font-family: "Source Sans Pro";
					border-radius: 4px;
					z-index: 5;
					box-shadow: 0px 0px 15px -5px rgba(255,255,255,0.3);
				
				}
				
					#main-nav ul li a:hover,
					#main-nav ul li a:active,
					#main-nav ul li a:focus {
						
						box-shadow: 0px 0px 30px -12px rgba(255,255,255,0.2);
						outline: 0;
						color: #fff;
						
					}
					
					.attached #main-nav ul li a span {
						
						font-size: 0.8em;
						
					}

					.top #main-nav ul li a span {
						
						display: none;
						
					}

	#main-container {
		
		min-height: 200px;
		padding: 200px 0px 0px;
		
	}
	
		.attached #main-container {
		
			margin-top: 470px;
		
		}
		
		section {
			
			display: block;
			position: relative;
			margin: 0px auto;
			padding: 20px;
			color: #eee;
			font-family: "Source Sans Pro";
			margin-bottom: 200px;
			
		}
		
			section#imprint {
			
				color: #333;
				background-color: #fff;
				box-shadow: 10px 10px 100px -10px rgba(0,0,0,0.3) inset, -10px -10px 100px -10px rgba(0,0,0,0.2) inset, 0px 0px 20px -10px rgba(0,0,0,1);
				margin-bottom: 0px;

			}

			section#intro { }
			
				section#intro h2 {
					
					font-size: 3.4em;
					color: #f09;
					line-height: 1.1em;
					
				}

				section#intro p {
					
					font-size: 1.6em;
					line-height: 1.4em;
					
				}

				section#examples p {
					
					font-size: 1.8em;
					line-height: 1.4em;
					
				}

				section#contact h2 {
					
					font-size: 5em;
					line-height: 1.4em;
					
				}

				section#contact p {
					
					font-size: 3em;
					line-height: 1.4em;
					
				}

					section#contact p a {
					
						color: #f09;
					
					}

			section h2 {
				
				font-weight: normal;

			}

			section h3 {
				
				font-weight: normal;

			}
		
			section article {
				
				max-width: 960px;
				margin: 0px auto;
				
			}
		
	footer {
		
		display: block;
		position: relative;
		margin: 0px;
		padding: 20px 50px;
		background-color: rgba(16,16,16,0.8);
		box-shadow: 0px 0px 50px -20px rgba(255,255,255,0.2);
		color: #fff;
		
	}
	
		footer .vcard {}

			footer .vcard .org {
				
				font-family: "Netzguerilla", "Source Sans Pro", sans-serif;
				font-size: 20px;
				
			}
			
				footer .vcard .org strong {
					
					font-weight: normal;
					color: #f09;
					
				}

			footer .vcard .hidden,
			footer .vcard .tel,
			footer .vcard .email {
				
				display: none;
				
			}
			
			footer .vcard a {
			
				color: #f09
			
			}
	
		footer .social {}
			
			footer .social a {
				
				margin: 0px 0px 0px 10px;
				color: #f06;
				
			}
			
				footer .social a:hover,
				footer .social a:focus,
				footer .social a:active {
					
					color: #f27;
					text-decoration: none;
					
				}
			
				footer .social a i {
				
					color: #333;
					font-size: .8em;
				
				}
				
					footer .social a:hover i {
					
						color: #fff;
					
					}