--- a/public_html/static/css/index.css	Thu May 15 01:51:42 2014 +0400
+++ b/public_html/static/css/index.css	Thu May 15 18:24:02 2014 +0400
@@ -1,5 +1,6 @@
 
 .wrapper {
+	position: relative;
     height: 100%;
     margin: 0 auto;
     white-space: nowrap;
@@ -56,7 +57,7 @@
 
 ul.tile-menu li:hover a {
     display: inline-block;
-    background: #b0b0b0;
+    background: #c0c0c0;
     box-shadow: 0 30px 15px -10px rgba(0, 0, 0, 0.6);
     top: -20px;
     /*padding: 15px;*/
@@ -66,7 +67,11 @@
     white-space: nowrap;
     font-weight: normal;
     font-size: 10pt;
-    color: #0f0f0f;
+    color: #404040;
+}
+
+ul.tile-menu li:hover a .foot {
+	color: #0f0f0f;
 }
 
 ul.tile-menu li a .label {
@@ -75,27 +80,27 @@
     transition: all 0.5s;
 }
 
-ul.tile-menu li a.green:hover .label {
+ul.tile-menu li:hover a.green .label {
     color: #afffcf;
 }
 
-ul.tile-menu li a.blue:hover .label {
+ul.tile-menu li:hover a.blue .label {
     color: #afdfff;
 }
 
-ul.tile-menu li a.red:hover .label {
+ul.tile-menu li:hover a.red .label {
     color: #ffafaf;
 }
 
-ul.tile-menu li a.orange:hover .label {
+ul.tile-menu li:hover a.orange .label {
     color: #ffdfaf;
 }
 
-ul.tile-menu li a.orange:hover .label {
+ul.tile-menu li:hover a.orange .label {
     color: #ffdfaf;
 }
 
-ul.tile-menu li a.magenta:hover .label {
+ul.tile-menu li:hover a.magenta .label {
 	color: #ffafff;
 }
 
@@ -103,3 +108,23 @@
     font-family: Arial;
     font-size: 32pt;
 }
+
+#top-menu {
+	position: absolute;
+	top: 0px;
+	right: 20px;
+	padding: 0px 30px;
+	border-bottom: 1px solid #c0c0c0;
+	box-shadow: 0 7px 15px -10px rgba(0, 0, 0, 0.6);
+}
+
+#top-menu .menu-bar a,
+#top-menu .menu-bar .menu-item {
+	border: none;
+	padding: 5px;
+}
+
+#top-menu .menu-bar a:hover {
+	background: black;
+	color: white;
+}
\ No newline at end of file