diff --git a/public_html/css/layout.css b/public_html/css/layout.css
new file mode 100644
index 0000000..6f1b270
--- /dev/null
+++ b/public_html/css/layout.css
@@ -0,0 +1,70 @@
+* {
+	margin: 0;
+	padding: 0;
+}
+
+
+body{
+	display: block;
+	position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+
+	background-color: #ecf0f5;
+
+	font-size: 16px;
+	font-family: 'Aller', Lato, Verdana;
+}
+
+/* Content Wrapper */
+#WRAPPER {
+	display: block;
+	position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+
+	background-color: #fff;
+
+	overflow: hidden;
+}
+
+/* Page Header */
+#HEADER{
+	display: block;
+	position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: calc( 4.5em - 1px );
+
+	background: #3756b2;
+
+	color: #fff;
+	font-family: inherit;
+
+	border-bottom: 1px solid #2a469c;
+
+	overflow: hidden;
+}
+
+/* Page Menu */
+#MENU{
+	display: flex;
+	position: absolute;
+		top: 4.5em;
+		left: 0;
+		width: calc( 20em - 2px );
+		height: calc( 100% - 5em );
+
+	background-color: #fff;
+
+	border-right: 2px solid #eee;
+
+	flex-direction: column;
+	justify-content: flex-start;
+	flex-wrap: nowrap;
+}
\ No newline at end of file