Updates Tab 1 - Style

   /* SCARFCODE BEGINS */

    #scarves{
        position:fixed;
        margin-left:10px;
        margin-top:0px;
        z-index:999;
    }

    #scarf1{
        width:25px;
        height:150px;
        position:fixed;
        margin-top:-40px; /* how low the flag hangs from the top */
        opacity:0.8;
    }

    #scarf1:hover #content1{margin-top:10px; opacity:1.00;}

    #content1 {
    position:absolute;
    width:150px; /* how wide the text spans */
    padding:0px;
    padding-left:5px;
    left:0px;
    margin-top:143px; /* how low the text is from the top */
    font-size:11px;
    font-family:calibri;
    text-align:left;
    font-weight:normal;
    color:#000000;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }



    #scarf2{
        width:25px;
        height:150px;
        position:fixed;
        margin-left:31px;
        margin-top:-60px;
        opacity:0.8;
    }

    #scarf2:hover #content2{margin-top:10px; opacity:1.00;}

    #content2 {
    position:absolute;
    width:150px;
    padding:0px;
    padding-left:5px;
    left:0px;
    margin-top:143px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    font-weight:normal;
    color:#000000;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }


    #scarf3{
        width:25px;
        height:150px;
        position:fixed;
        margin-left:62px;
        margin-top:-80px;
        transition: all 1s, transform 1s;
    -moz-transition: all 1s, -moz-transform 1s;
    -webkit-transition: all 1s, -webkit-transform 1s;
    -o-transition: all 1s, -o-transform 1s;  opacity:0.8;
    }

    #scarf3:hover #content3{margin-top:10px; opacity:1.00;}

    #content3 {
    position:absolute;
    width:150px;
    padding:0px;
    padding-left:5px;
    left:0px;
    margin-top:143px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    font-weight:normal;
    color:#000000;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }


    #scarf4{
        width:25px;
        height:150px;
        position:fixed;
        margin-left:93px;
        margin-top:-100px;
        transition: all 1s, transform 1s;
    -moz-transition: all 1s, -moz-transform 1s;
    -webkit-transition: all 1s, -webkit-transform 1s;
    -o-transition: all 1s, -o-transform 1s;  opacity:0.8;
    }

    #scarf4:hover #content4{margin-top:10px; opacity:1.00;}

    #content4 {
    position:absolute;
    width:150px;
    padding:0px;
    padding-left:5px;
    left:0px;
    margin-top:143px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    font-weight:normal;
    color:#000000;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }


    #scarf5{
        width:25px;
        height:150px;
        position:fixed;
        margin-left:124px;
        margin-top:-120px;
        transition: all 1s, transform 1s;
    -moz-transition: all 1s, -moz-transform 1s;
    -webkit-transition: all 1s, -webkit-transform 1s;
    -o-transition: all 1s, -o-transform 1s;  opacity:0.8;
    }

    #scarf5:hover #content5{margin-top:10px; opacity:1.00;}

    #content5 {
    position:absolute;
    width:150px;
    padding:0px;
    padding-left:5px;
    left:-0px;
    margin-top:143px;
    font-size:11px;
    font-family:calibri;
    text-align:left;
    font-weight:normal;
    color:#000000;
    opacity:0;
    margin-top:0px;filter: alpha(opacity = 0);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }

    /* SCARFCODE ENDS */