@-webkit-keyframes flash {
	0%, 100% {
		color: #efefef;
	}
	50% {
		color: #3aa2bf;
	}
}
@-moz-keyframes flash {
	0%, 100% {
		color: #efefef;
	}
	50% {
		color: #3aa2bf;
	}
}
@-ms-keyframes flash {
	0%, 100% {
		color: #efefef;
	}
	50% {
		color: #3aa2bf;
	}
}
body {
	background: #111;
	font-family:Georgia;/*Add fallbacks*/
	color: #efefef;
}
a:link, a:visited { color: #3aa2bf; text-decoration: none; }
a:hover { color: #3695b1; text-decoration: underline;}
a:active { color: #0098b6; }

#wrapper {
	position: relative;
	width: 800px;
	margin: 20px auto;
}
	header h1 {
		font-size: 72px;
	}
	#contact {
		margin: 20px 0;
		height: 32px;
	}
	#contact ul li, #contact ul, #contact h2 {
		font-size: 32px;
		float: left;
	}
	#contact h2 {
		margin-right: 20px;
	}
	#contact li:first-of-type {
		margin-right: 20px;
	}
	#main {
		clear: both;
	}
		#main li {
			width: 250px;
			margin-right: 25px;
			float: left;
			margin-bottom: 36px;
		}
				#main li:target {
					-webkit-animation: flash 1.2s 2;
					-moz-animation: flash 1.2s 2;
					-ms-animation: flash 1.2s 2;
				}
				#main li:last-of-type {
					margin-right: 0;
				}
			#main li h2 {
				font-size: 22px;
				margin-bottom: 5px;
				font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				font-weight: 500;
			}
			#main li p {
				line-height: 1.1;
				margin-bottom: 10px;
				font-size: 17px;
			}
			#main li h3 a, #main li h3 a:link, #main li h3 a:visited {
				display: block;
				background: #3d6ca6; /* Old browsers */
				background: -moz-linear-gradient(top,  #3d6ca6 0%, #284a71 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d6ca6), color-stop(100%,#284a71)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* IE10+ */
				background: linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6ca6', endColorstr='#284a71',GradientType=0 ); /* IE6-9 */
				width: 80px;
				height: 18px;
				padding: 11px 10px;
				font-size: 18px;
				text-align: center;
				color: #fff;
				line-height: 1;
				border-radius: 7px;
				-webkit-background-clip: padding-box;
				text-decoration: none;
			}
				#main li h3 a:hover {
					background: #355d8f; /* Old browsers */
					background: -moz-linear-gradient(top,  #355d8f 0%, #224062 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#355d8f), color-stop(100%,#224062)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #355d8f 0%,#224062 100%); /* IE10+ */
					background: linear-gradient(top,  #355d8f 0%,#224062 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355d8f', endColorstr='#224062',GradientType=0 ); /* IE6-9 */
					text-decoration: none;
				}
				#main li h3 a:active {
					background: #224062; /* Old browsers */
					background: -moz-linear-gradient(top,  #224062 0%, #2d598e 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224062), color-stop(100%,#2d598e)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #224062 0%,#2d598e 100%); /* IE10+ */
					background: linear-gradient(top,  #224062 0%,#2d598e 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224062', endColorstr='#2d598e',GradientType=0 ); /* IE6-9 */
				}
				#main li h4 a, #main li h4 a:link, #main li h4 a:visited {
					display: block;
					background: #3d6ca6; /* Old browsers */
					background: -moz-linear-gradient(top,  #3d6ca6 0%, #284a71 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d6ca6), color-stop(100%,#284a71)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* IE10+ */
					background: linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6ca6', endColorstr='#284a71',GradientType=0 ); /* IE6-9 */
					width: 180px;
					height: 32px;
					padding: 11px 10px;
					font-size: 18px;
					text-align: center;
					color: #fff;
					line-height: 1;
					border-radius: 7px;
					-webkit-background-clip: padding-box;
					text-decoration: none;
				}
					#main li h4 a:hover {
						background: #355d8f; /* Old browsers */
						background: -moz-linear-gradient(top,  #355d8f 0%, #224062 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#355d8f), color-stop(100%,#224062)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #355d8f 0%,#224062 100%); /* IE10+ */
						background: linear-gradient(top,  #355d8f 0%,#224062 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355d8f', endColorstr='#224062',GradientType=0 ); /* IE6-9 */
						text-decoration: none;
					}
					#main li h4 a:active {
						background: #224062; /* Old browsers */
						background: -moz-linear-gradient(top,  #224062 0%, #2d598e 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224062), color-stop(100%,#2d598e)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #224062 0%,#2d598e 100%); /* IE10+ */
						background: linear-gradient(top,  #224062 0%,#2d598e 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224062', endColorstr='#2d598e',GradientType=0 ); /* IE6-9 */
					}
					
					#main li h5 a, #main li h5 a:link, #main li h5 a:visited {
						display: block;
						background: #3d6ca6; /* Old browsers */
						background: -moz-linear-gradient(top,  #3d6ca6 0%, #284a71 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3d6ca6), color-stop(100%,#284a71)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* IE10+ */
						background: linear-gradient(top,  #3d6ca6 0%,#284a71 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6ca6', endColorstr='#284a71',GradientType=0 ); /* IE6-9 */
						width: 180px;
						height: 18px;
						padding: 11px 10px;
						font-size: 18px;
						text-align: center;
						color: #fff;
						line-height: 1;
						border-radius: 7px;
						-webkit-background-clip: padding-box;
						text-decoration: none;
					}
						#main li h5 a:hover {
							background: #355d8f; /* Old browsers */
							background: -moz-linear-gradient(top,  #355d8f 0%, #224062 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#355d8f), color-stop(100%,#224062)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #355d8f 0%,#224062 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #355d8f 0%,#224062 100%); /* IE10+ */
							background: linear-gradient(top,  #355d8f 0%,#224062 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#355d8f', endColorstr='#224062',GradientType=0 ); /* IE6-9 */
							text-decoration: none;
						}
						#main li h5 a:active {
							background: #224062; /* Old browsers */
							background: -moz-linear-gradient(top,  #224062 0%, #2d598e 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#224062), color-stop(100%,#2d598e)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #224062 0%,#2d598e 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #224062 0%,#2d598e 100%); /* IE10+ */
							background: linear-gradient(top,  #224062 0%,#2d598e 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#224062', endColorstr='#2d598e',GradientType=0 ); /* IE6-9 */
						}
				
	footer {
		position: fixed;
		bottom: 0px;
		width: 100%;
		padding: 5px 0;
		background: rgba(0, 0, 0, .75);
	}
		footer h3 {
			width: 800px;
			margin: 0 auto;
		}
@media (min-width:481px) and (max-width:799px) {
	#wrapper {
		width: 480px;	
	}
	
	#main li {
		float: none;
		clear: both;
		position: relative;
		display: block;
		margin: 30px auto;
		padding: 0;
		width: 280px;
	}
	#main li:last-of-type {
		margin-right: auto;
	}
	footer h3 {
		width: auto;
		padding: 0 15px;
	}
	
}
@media (max-width:480px) {	
	#wrapper {
		width: 300px;
	}
	#contact h2 {
		margin-bottom: 10px;
	}
		#contact h2 .colon {
			display: none;
		}
	#contact ul li, #contact ul, #contact h2 {
		float: left;
	}
	#main ul {
		padding-top: 25px;
	}
	main li {
		width: 300px;
		margin-right: 0;
	}
	#main li:last-of-type {
		margin-bottom: 20px;
	}
	#footer {
		clear: both;
		position: static;
		width: 100%;
	}
		footer h3 {
			width: auto;
			padding: 0 15px;
		}
}