@import url("normalize.css");

/*********************************************GENERIC******************************************/
* {
	margin: 0;
}

html, body {
	height: 100%;	
}

body {
	min-height: 100%;
	width: 100%;
	background-color: #fffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	line-height: 1.4em;	
}

#container {
	width: 900px;
	margin: auto;
	padding: 20px 30px;
}

#container:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;	
}

/************************header****************/
header {
	margin-bottom: 4em;
	line-height: 2em;
}

header > h1 {
	text-align: center;	
}

/*********************************************MAIN****************************************/
#main > div {
	border-bottom: 1px solid #dddddd;
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 1em;
	margin-bottom: 2em;	
}

#main > div + div + div {
	border-bottom: none;	
}

#main > div > section {
	float: left;
	width: 45%;	
	border-right: 1px solid #dddddd;
	padding-right: 4%;
}

#main > div > section + section {
	float: right;
	width: 45%;	
	border-right: none;
	padding-right: 0;
}

#main > div > section > header {
	margin-bottom: 2em;
	line-height: 1.3em;	
}

#main > div > section > section {
	float: left;
	width: 45%;
}

#main > div > section > section + section {
	float: right;
	width: 45%;	
}


#main > div > section > section > header {
	margin-bottom: 0.6em;
}

#main > div > section > section > ul {
	list-style-position: outside;
	list-style-type: none;
	line-height: 1.8em;
	margin-top: 0;
	padding-left: 0;
}

#main > div > section > section > ul > li > a {
	text-decoration: none;	
}

/******************************************FOOTER**********************************/
footer {
	text-align: center;
	font-size: 70%;
	padding-top: 2em;
	float: left;
	width: 100%;	
}