* { -moz-box-sizing: border-box; box-sizing: border-box; }


body,ul,section,header, nav, h1, li {
	display: block;
	margin: 0;
	padding: 0;	
}
body {
	background: #f6f5de;
	color: #100;
	font: 100%/1.4 Helvetica, Arial, sans-serif;	
}
header {
	text-align: center;
	background: #100;
	color: #dedcb9;
	padding: 0.5em 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
form {
	padding: 4.3em 1em 1em;	
}
label {
	display: block;	
}
input {
	width: 100%;
	display: block;
	border: 0;
	padding: 1em;
	margin-bottom: 2em;
	color: #f6f5de;
	background: #100;
}
h1 {
	font-size: 1.6em;
}
ul {
	border-top: 1px dashed #cdcaa2;
}
li {
	padding: 0.5em 1em;
	border-bottom: 1px dashed #cdcaa2;
}
p {
	padding: 0.5em 1em;
}
a {
	text-decoration: none;
	color: #be6700;
}
a:visited {
	color: #03015c;	
}
nav a {
	display: block;
}

/*Scrollable Regions Pages*/
.scrollable header {
	position: static;	
}
.scrollable section {
	padding-top: 0;
	height: 364px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;	
}