body {
margin:0px;
padding:0px;
background: url(bodysf.jpg) repeat-x;

}

/* generic style */
div.tile {
  position: relative;
  background: trasparent;
}

/* box One */
.a {
  top: 0px;
  left: 0px;
  z-index: 3;
} 
.b {
  top: 0em;
  left: 0em;
  z-index:-1;
}
.c {
   margin: 0px 0px 0px 0px;
  z-index: 2;
} 
/* box Four */
.d {
  margin: -135px 0px 0px 0px;
} 

/* box Five */
.e {
  margin: 0px 0px 0px 0px;
  z-index: 1;
}



.transOFF {
background-color: black;
opacity:.25;
filter: alpha(opacity=25);
-moz-opacity: .25;
font-family: Arial;
color: rgb(255, 255, 255);
font-weight: bold;
font-size:medium;
cursor:pointer;
padding: 2px 0px 2px 0px;
}

.transON {
background-color: black;
opacity:.60;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
 font-family: Arial;
color: rgb(122, 210, 0);
font-weight: bold;
font-size:medium;
cursor:pointer;
padding: 2px 0px 2px 0px;
}


.trandata {
background-color: black;
filter: alpha(opacity=60);
opacity:.60;
-moz-opacity: .60;
font-family: Arial;
color: rgb(252, 126, 36);
font-weight: bold;
font-size: 13px;
vertical-align: middle;
}


.trans25 {
background-color: black;
opacity:.25;
filter: alpha(opacity=25);
-moz-opacity: 0.25;
 font-family: Arial;
color: rgb(255, 255, 255);
font-weight: bold;
font-size:medium;
cursor:pointer;
}

.trandataoff {
background-color: black;
opacity:.25;
filter: alpha(opacity=25);
-moz-opacity: .25;
font-family: Arial;
color: rgb(255, 255, 255);
font-weight: bold;
font-size:small;
cursor:pointer;
}

.trans75 {width: 100%; background-color: black; opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; }