
body {
	margin: 0;
	padding: 0;
	background: #247DCF;
}

@font-face {
	font-family: Kaffeesatz;
	src: url(fonts/YanoneKaffeesatz-Regular.otf);
}

/*@media all and (min-width: 550px) {*/

	h1 {
		color: #fff;
		background: #000;
		opacity: .3;
		float: right;
		padding: .4em .8em .3em .8em;
		margin: 0 0 0 .5em;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomleft: 10px;
		font-family: Kaffeesatz, Helvetica, sans-serif;
	}

	h2 {
		text-shadow: 2px 1px 2px #333;
		font-family: Kaffeesatz, Helvetica, sans-serif;
	}

	#pageWrapper {
		padding: 5em 0;	
		width: 100%;
		background: -webkit-gradient(linear, left top, left bottom, from(#247DCF), to(#fff), color-stop(1, #fff));
		-webkit-background-origin: padding; -webkit-background-clip: border;
	}

	#contentWrapper {
		width: 65%;
		padding: 2em;
		background: #fff;
		margin: 0 auto 15em auto;
		-webkit-border-radius: 10px;
		-webkit-box-shadow: 2px 2px 20px #333; 
		-moz-border-radius: 10px;
		-moz-box-shadow: 2px 2px 20px #333;
	}

	#headerBox {
		background: url(images/headerImage.jpg) top left;
		height: 20em;
		-webkit-background-size: 100% 100%;
		-webkit-border-radius: 10px;
		-moz-background-size: 100% 100%;
		-moz-border-radius: 10px;
		margin-bottom: .5em;
	}
	
	#nav {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-family: Kaffeesatz, Helvetica, sans-serif;
		font-size: 2em;
		color: #247DCF;
		height: 2.5em;
	}
	
	#nav li {
		float: left;
		display: block;
		padding-right: 1em;
		-webkit-transition-property: padding-top;
		-webkit-transition-duration: .25s;
		padding-top: .2em;
		cursor: pointer;
	}
	
	#nav li:hover {
		padding-top: 1em;
	}

	p.intro:first-line {
		font-weight: bold;
	}

	.multi-column {
		-moz-column-count: 3;
		-moz-column-gap: 2em;
		-webkit-column-count: 3;
		-webkit-column-gap: 2em;
	}
	
/*		.multi-column p:first-child {
			font-weight: bold;
		}
*/

	.reflection {
		border: 1px solid white;
		-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white));
		margin: 0 1em 50px 0;
		float: left;
		-webkit-transition-property: wdth;
		-webkit-transition-duration: .25s;
		width: 150px;
	}
	
		.reflection:hover {
			width: 500px;
		}
	
	
/*}*/
