update tutorial p1

#ocehans1{
height:13px;
text-align:center;
overflow:hidden;
margin-top:-1px;
background-color:#fff;
border-bottom:1px solid #efefef;
text-transform:uppercase;
letter-spacing:1px;
font-size:8px;
line-height:10px;
z-index:999999999999999999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans1:hover{
height:67px;
width:253px;
margin-left:-160px;
background-color #fff;
opacity: .8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans2{
height:13px;
text-align:center;
overflow:hidden;
border-bottom:1px solid #efefef;
text-transform:uppercase;
background-color:#fff;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:999999999999999999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans2:hover{
height:70px;
width:253px;
margin-left:-160px;
background-color #fff;
opacity: .8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans3{
height:13px;
text-align:center;
overflow:hidden;
border-bottom:1px solid #efefef;
text-transform:uppercase;
background-color:#fff;
letter-spacing:1px;
font-size;8px;
line-height:13px;
}


#ocehans3:hover{
height:70px;
width:253px;
margin-left:-160px;
background-color #fff;
opacity: .8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}


#ocehans4{
height:13px;
text-align:center;
overflow:hidden;
border-bottom:0px solid #efefef;
text-transform:uppercase;
background-color:#fff;
letter-spacing:1px;
font-size;8px;
line-height:13px;
z-index:999999999999999999999;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans4:hover{
height:70px;
width:253px;
margin-left:-160px;
background-color #fff;
opacity: .8;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#ocehans{
text-align:right;
font-size:8px;
text-transform:uppercase;
opacity: .8;
border-right:1px solid #eee;
position:fixed;
font-family:calibri;
right:14px;
background-color:#fff;
letter-spacing:1px;
width:100px;
z-index:9999;
padding:4px;
top:105px;

}

    .border {
    border-bottom: 1px solid #f4f4f4;
    width:100px;
    }