9 Boxes Updates Tab Code 1

#boxes {
text-align:left;
font-size:8px;
text-transform:uppercase;
opacity: .9;
border:0px dashed #eee;
position:fixed;
font-family:calibri;
left:40px;
background-color:transparent;
letter-spacing:1px;
width:20px;
z-index:9999;
padding:4px;
top:150px;
}

#box1 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
margin-top:0px;
margin-left:0px;
height:22px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box1:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box1 a {
color:{color:Link};
}

#box1 a:hover {
color:#dedede;
}

#box2 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
height:22px;
margin-top:-22px;
margin-left:25px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box2:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box2 a {
color:{color:Link};
}

#box2 a:hover {
color:#dedede;
}

#box3 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
font-size;8px;
width:22px;
height:22px;
line-height:15px;
margin-top:-22px;
margin-left:49px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box3:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box3 a {
color:{color:Link};
}

#box3 a:hover {
color:#dedede;;
}


#box4 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
margin-top:0px;
margin-left:0px;
height:22px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box4:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box4 a {
color:{color:Link};
}

#box4 a:hover {
color:#dedede;
}

#box5 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
height:22px;
margin-top:-22px;
margin-left:25px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box5:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box5 a {
color:{color:Link};
}

#box5 a:hover {
color:#dedede;
}

#box6 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
height:22px;
line-height:15px;
margin-top:-22px;
margin-left:49px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box6:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box6 a {
color:{color:Link};
}

#box6 a:hover {
color:#dedede;
}


#box7 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
margin-top:0px;
margin-left:0px;
height:22px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box7:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box7 a {
color:{color:Link};
}

#box7 a:hover {
color:#dedede;
}

#box8 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
height:22px;
margin-top:-22px;
margin-left:25px;
line-height:15px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box8:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box8 a {
color:{color:Link};
}

#box8 a:hover {
color:#dedede;
}

#box9 {
text-align:center;
overflow:hidden;
text-transform:uppercase;
background-color:transparent;
letter-spacing:1px;
width:22px;
height:22px;
line-height:15px;
margin-top:-22px;
margin-left:49px;
z-index:1895;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box9:hover {
height:200px;/* THIS IS WHERE YOU EXTEND THE HEIGHT OF THE BOX */
width:200px;/* THIS IS WHERE YOU EXTEND THE LENGHT OF THE BOX */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}

#box9 a {
color:{color:Link};
}

#box9 a:hover {
color:#dedede;
}


#headerimage img{
width:110px;
margin-top: -130px;
margin-left: -20px;
position:fixed;
}

#credit{
text-align:center;
overflow:hidden;
font-family:bold;
text-transform:uppercase;
background-color:transparent;
letter-spacing:5px;
margin-top:5px;
margin-left:-2px;
height:15px;
width:80px;
line-height:10px;
color:#000000;
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;
}