@font-face {
	font-family: 'BebasNeueRegular';
	src: url('fonts/BebasNeue-webfont.eot');
	src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/BebasNeue-webfont.woff') format('woff'),
	url('fonts/BebasNeue-webfont.ttf') format('truetype'),
	url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	margin:0;
	padding:0;
	font:normal 12px Tahoma, sans-serif;
	color:rgb(49, 49, 49);
	background:url(images/tile.png) rgb(139, 139, 139);
}

body {
	margin:0;
	padding:30px 30px 10px 30px;
}

img {
	border:none;
	max-width:100%;
	vertical-align:text-bottom;
}

h1, h2, h3 {
	margin: 0;
}

article {
	margin:0 auto;
	max-width:1000px;

	background: url(images/article-gradient.png) rgb(255,255,255) center bottom repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(209,209,209) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(209,209,209))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 50%,rgb(209,209,209) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255,255,255) 50%,rgb(209,209,209) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(255,255,255) 50%,rgb(209,209,209) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgb(255,255,255) 50%,rgb(209,209,209) 100%); /* W3C */

	box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);
}
.modernizr-no-boxshadow article {
	border:1px solid rgb(159, 159, 159);
}

#mainHeader {
	padding:5%;
	text-align:center;
	position:relative;

	background:white; /* Old browsers */
	background:radial-gradient(ellipse 50% 20% at center bottom, rgb(209, 209, 209), white 100%) no-repeat;
}
.modernizr-no-cssgradients #mainHeader:before {
	display:block;
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:20%;
	background:url(images/header-gradient.png) center bottom no-repeat;
}

#sections {
	position:relative;
	padding-left:4px;
}

#sections > section {
	display:block;
	padding:5%;
	margin: 0 auto;
	vertical-align:top;
	text-align:center;
}
#sections > section a {
	display:block;
	margin: 0;
	padding:3%;
	font:normal 24px BebasNeueRegular;
	text-decoration:none;
	color:rgb(85, 85, 85);

	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGFkYWRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgb(255,255,255) 50%, rgb(218,218,218) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgb(255,255,255)), color-stop(100%,rgb(218,218,218))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(255,255,255) 50%,rgb(218,218,218) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255,255,255) 50%,rgb(218,218,218) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(255,255,255) 50%,rgb(218,218,218) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgb(255,255,255) 50%,rgb(218,218,218) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada', GradientType=0); /* IE6-8 */

	box-shadow:0 5px 10px rgba(0, 0, 0, .5);
	-moz-transition-property:color, transform; -moz-transition-duration:200ms;
	-webkit-transition-property:color, transform; -webkit-transition-duration:200ms;
	-ms-transition-property:color, transform; -ms-transition-duration:200ms;
}
.modernizr-no-boxshadow #sections > section a {
	border:1px solid rgb(159, 159, 159);
}
#sections > section a:hover {
	color:black;

	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-ms-transform:scale(1.1);
}

#sections > section > * + nav {
	margin-top: 2em;
}

#sections > section > nav > a + a {
	margin-top: 1em;
}

#siteFooter {
	margin-top:10px;
	text-align:center;
	text-shadow:0 0 1px rgb(159, 159, 159), 0 0 2px rgb(159, 159, 159), 0 0 3px rgb(159, 159, 159), 0 0 4px rgb(159, 159, 159);
}

@media all and (max-width:349px) {
	#sections > section a {
		font-size:20px;
	}
}

@media all and (min-width: 500px) {
	#sections > section {
		display: block;
		width: 40%;
	}
}