@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%;
	}
}