#navigation {
	background-color: #0FF;
	padding: 0px;
	float: left;
	display:block;
	height: 297px;
	width: 300px;
	margin-top: 92px;	
}
#vertical {
	display:block;
	height: 297px;
	width: 300px;
	margin-top: 92px;
/*	background-color: #FFFF00; */
  padding:0px;
  list-style-type:none; 
  	float: left; 
  }

.nav1_a, .nav1_b, .nav1_c, .nav1_d, .nav1_e, .nav1_f{
	float: left;

	

}
.nav1_a{
	background-color: #660066;
	

}
.nav1_b{
	background-color: #990099;
}
.nav1_c{
	background-color: #993399;
}
.nav1_d{
	background-color: #cc33cc;
}
.nav1_e{
	background-color: #cc66cc;
}
.nav1_f{
	background-color: #cc99cc;
}
#vertical li {
	width: 50px;
	float: left;
	  margin:0px;
  padding:0px;

  }
#vertical li a {
  text-decoration:none; 
  color:#000; 
  display:block; 
  height:292px;
  font-size: 24px;
  color:#FFFFFF;
  padding-top:5px;
    /*background-color:#FFFF00;*/
  }
#vertical li a em { 
  display:block; 
  text-align:center;
  margin:0px;
  padding:0px;
/*  	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);*/
  }
#vertical li a em.nd {

  }
#vertical li a:hover {

  background-color:#FFffFF;
  color:#000000;
  }
#vertical li a:hover em {

  color:#000000;
background:#fff;
  }