1 files changed, 43 insertions, 2 deletions
diff --git a/StoneIsland/www/css/nav.css b/StoneIsland/www/css/nav.css
index 9b4e4fd3..66b1b20f 100644
--- a/StoneIsland/www/css/nav.css
+++ b/StoneIsland/www/css/nav.css
@@ -41,9 +41,23 @@
 #nav .menu span {
   display: block;
   font-size: 14px;
+  letter-spacing:1.25px;
+  text-shadow:0px 0px 1px rgba(0,0,0,.2);
   color: #000;
-  padding: 15px 0 15px 20px;
 }
+
+#nav .main_menu span {
+  padding: 30px 0 10px 20px;
+}
+  
+#nav .account_menu span, #nav .faq_menu span {
+  padding: 28px 0 0px 20px;
+}
+
+#nav .faq_menu span:last-child {
+  padding-bottom:45px!important;
+}
+  
 #nav .main_menu { display: block; }
 #nav .account_menu { display: none; }
 #nav .faq_menu { display: none; }
@@ -51,19 +65,23 @@
 #nav.account .main_menu { display: none; }
 #nav.account .account_menu { display: block; }
 #nav.faq .faq_menu { display: block; }
+
 #nav .submenu {
   position: absolute;
   width: 100%;
   padding: 20px 0;
-  bottom: 33px;
+  top:0;
   border-top: 1px solid #ddd;
 }
+
 #nav .submenu span {
   display: block;
   font-size: 14px;
+  letter-spacing:1.25px;
   color: #bbb;
   padding: 4px 0 5px 20px
 }
+
 #nav .social {
   position: absolute;
   bottom: 0;
@@ -81,6 +99,29 @@
   text-align: center;
 }
 
+#nav-container {
+  display:flex;
+  height:calc(100% - 40px);
+  width:100%;
+  position:absolute;
+  flex-direction: column;
+}
+
+#nav-row {
+  box-sizing:border-box;
+  padding-bottom:30px;
+}
+
+#nav-fill {
+  flex: 1;
+  position:relative;
+}
+
+.menu-emphasis {
+font-weight:bold;
+padding-bottom:0px;
+}
+
 /* INTRO PAGE WITH SPINNING COMPASS */
 
 #intro {