* {
	padding: 0;
	border: 0;
	margin: 0;
	box-sizing: border-box;
}

/* LAYOUT ELEMENTS */

body {
	text-align: center; /* fix for IE centering problem */
	margin: 2em 0;
}

.container {
	position: relative;
	
	width: 844px;

	text-align: left; /* fix for IE centering problem */
	margin: auto;
}

header {
	position: relative;
	height: 50px;
	margin-bottom: 2em;
}
header h1 {
	font-weight: normal;
}
header h1 a {
	color: #ccc;
}
header .description {
	position: absolute;
	top: 16px;
	right: 0;
}

.feature {
	position: relative;
	float: left;

	margin-bottom: 3em;
}

footer {
	clear: both;
}
.contact {
	float: left;
}

/* Individual selector styles */

h1 {
	font-size: 1.8em;
}

p, ul {
	margin-bottom: .5em;
}

ul {
	list-style-position: inside;
}
ul ul {
	margin-left: 1em;
	margin-bottom: 0;
}

a {
	color: #000;
	-webkit-transition: color 200ms linear;
	   -moz-transition: color 200ms linear;
		-ms-transition: color 200ms linear;
		 -o-transition: color 200ms linear;
			transition: color 200ms linear;
}
a:hover {
	color: #fc0;
}

hr {
	clear: both;
	width: 100%;
	border-bottom: 1px solid #000;
	margin: 1.5em 0;
}

.clear { clear: both; }

/* TEXT ELEMENTS */

body {
	font: 100%/1.5 "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4 {
	font-family: "Bree", "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
}

.inline {
	display: inline;
}

header a {
	text-decoration: none;
}

.italic {
	font-style: italic;
}