body {
	background: #333;	
}

.top-bar {
	background: #222;	
}

.top-bar .name h2 {
	font-size: 0.94444rem;
	line-height: 45px;
	margin: 0;
}

.top-bar .name h2 a {
	color: #FFF;
	display: block;
	font-weight: normal;
	padding: 0 15px;
}

.button,
.top-bar-section ul li > a.button {
	background-color: #3c75d0
}

	.button:hover,
	.top-bar-section ul li > a.button:hover {
		background-color: #2857a3
	}

a {color: #3c75d0}
a:hover {color: #2857a3}

h1, h2, h3 {
	font-family: "Open Sans","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif !important	
}

p {
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	text-rendering: optimizelegibility;	
}

#main-content {
	background: #FFF;
	color: #666;
	padding: 22px 0 0;
}

#main-content h1, #main-content h2, #main-content h3, #main-content h4 {
	font-style: normal;
	font-weight: 300;
}

	#main-content h1 {
		font-size: 3.75rem;
	}

		#main-content h1 strong {
			display: block;
			line-height: 4rem;
			margin-top: -10px;
		}

	#main-content h4 {
		color: #3c75d0;
		font-size: 1.3rem;
		margin: 40px auto;
		width: 420px;
	}

.content {
	padding-top: 4rem;
}

	.content img {
		border: 10px solid rgba(255,255,255,0.9);
		box-shadow: rgba(0,0,0,0.3) 5px 5px 10px;
	}

.cta {
	font-size: 2rem;
	margin: 60px 0;
}

	.cta a {
		display: block;
		line-height: 0.8rem;
	}

.darker {
	background: #F7F7F7;
	border-top: 1px solid #DDD;
	margin: 40px 0 0;
	padding: 40px 0 0;
}

footer {
	padding: 24px 0;	
}

footer p,
footer a {
	color: #666;
	font-size: 0.75rem;
	margin: 6px 0 0;
	text-align: center
}

footer a:hover {
	color: #999
}