#contacts-cont{
 position:absolute;
 top:10px;
    left:-300px;
    -webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
#contacts-cont:hover{
    left:0;
}
#hidden{
height:150px;
width:300px;
background-color:#000000;
float:left;
}
#shown{
 height:150px;
width:20px;
 background-color:#FFFFFF;
float:left;
}
.sm{
font-family:arial;
font-size:10px;
font-weight:bold;
color:nayy;
text-decoration:none;
}
.sm:visited{
color:red;
text-decoration:none;
}
.sm:hover{
color:green;
text-decoration:none;
}
.toc{
font-family:arial;
font-size:10px;
color:navy;
font-weight:bold;
margin-left:10px;
}
.sf{
font-family:arial;
font-size:12px;
color:white;
font-weight:bold;
text-align:left;
}