--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/public_html/static/css/index.css	Thu May 08 15:55:40 2014 +0400
@@ -0,0 +1,102 @@
+html, body {
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.wrapper {
+    height: 100%;
+    margin: 0 auto;
+    white-space: nowrap;
+    width: 90%;
+    text-align: center;
+}
+
+
+.inline-ghost {
+    display: inline-block;
+    height: 90%;
+    vertical-align: middle;
+}
+
+a {
+    text-decoration: none;
+    font-weight: bold;
+    color: inherit;
+}
+
+.page {
+    display: inline-block;
+    padding: 15px;
+    position: relative;
+    vertical-align: middle;
+    white-space: normal;
+    text-align: left;
+}
+
+ul.tile-menu {
+    margin: 0;
+    padding: 0;
+}
+
+ul.tile-menu li {
+    display: inline-block;
+    list-style: none;
+    position: relative;
+    margin: 0 15px 15px 0;
+    transition: all 0.5s;
+}
+
+ul.tile-menu li a {
+    display: inline-block;
+    padding: 10px 15px;
+    position: relative;
+    top: 0;
+    /* background: #c0c0c0; */
+    transition: all 0.5s;
+    /*border-bottom: 2px solid;*/
+    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.3);
+    text-align: right;
+}
+
+ul.tile-menu li:hover a {
+    display: inline-block;
+    background: #b0b0b0;
+    box-shadow: 0 30px 15px -10px rgba(0, 0, 0, 0.6);
+    top: -20px;
+    /*padding: 15px;*/
+}
+
+ul.tile-menu li a .foot {
+    white-space: nowrap;
+    font-weight: normal;
+    font-size: 10pt;
+    color: #0f0f0f;
+}
+
+ul.tile-menu li a .label {
+    padding-left: 10px;
+    border-left: 10px solid;
+    transition: all 0.5s;
+}
+
+ul.tile-menu li a.green:hover .label {
+    color: #afffcf;
+}
+
+ul.tile-menu li a.blue:hover .label {
+    color: #afdfff;
+}
+
+ul.tile-menu li a.red:hover .label {
+    color: #ffafaf;
+}
+
+ul.tile-menu li a.orange:hover .label {
+    color: #ffdfaf;
+}
+
+#main-menu {
+    font-family: Arial;
+    font-size: 32pt;
+}