--- a/mouchak/static/css/main.css
+++ b/mouchak/static/css/main.css
@@ -28,7 +28,76 @@
 
       }
 
+ .nav-sec-left { 
  
+ position:fixed;
+ top: 200px;
+ right: 0px;
+ list-style: none;
+ padding: 3px 3px 3px 3px;
+ background-color: #e3ebe6;
+  } 
+
+
+.img-container {  
+  position:relative;
+       /* width:100px;
+        *     height:30px;*/
+                 
+                 }
+.text-container { 
+  background: none repeat scroll 0 0 #3f3b42;
+  border: 1px transparent;
+  color: #fff;
+  width:98px;
+  height: 0;
+  overflow:hidden;
+  right:50px;
+  line-height: 45px;
+  position: absolute;
+  top: -2px;
+  text-align:center;
+  
+transition:0.5s;
+                  
+                  }
+.img-container:hover > .text-container { 
+ 
+  right:75px;
+  height: 50px;
+  opacity:0.7;
+  z-index:100; 
+  transition: 0.5s;
+                                         } 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 .navigation-style {