ul#blocks {clear: both; height: 263px; font-size: 10px !important;}


ul#blocks li {
	float: left;
	height: 263px;
	height: 0;
	padding: 123px 0 0 0;
	width: 123px;
	overflow: hidden;
	background-image: url(../img/blocks.png);
	background-repeat: no-repeat;
	margin: 60px 5px 0 0; 
	cursor:hand;
}
ul#blocks li a {color: #fff; font-weight: bold;}


ul#blocks li#b1  {
	background-position: 0 0;
}
ul#blocks li#b2  {
	background-position: -125px 0;
}
ul#blocks li#b3  {
	background-position: -250px 0;
}

ul#blocks li#b4  {
	background-position: -375px 0;
}

ul#blocks li#b5  {
	background-position: -501px 0;
}
ul#blocks li#b6  {
	background-position: -626px 0;
}
ul#blocks li#b7  {
	background-position: -751px 0;
}


ul#blocks li div {
display:none;
}

ul#blocks li {behavior:url("ie6hover.htc")}

ul#blocks li:hover div, ul#blocks li.hover div  {
display:block;
position: absolute;
z-index:20;
top:-60px;
width:123px;
height: 263px;
font-size:10px;
background-repeat: no-repeat;
color: #fff;
text-decoration: none;
//position:relative;
//top: -243px;
//left: 0px;
}



ul#blocks li:hover div p, ul#blocks li.hover div p {padding: 30px 6px; line-height: 1.2; }


ul#blocks li#b1:hover div, ul#blocks li#b1.hover div  {background-image: url(../img/b1.png);}
ul#blocks li#b2:hover div, ul#blocks li#b2.hover div  {background-image: url(../img/b2.png);}
ul#blocks li#b3:hover div, ul#blocks li#b3.hover div  {background-image: url(../img/b3.png);}
ul#blocks li#b4:hover div, ul#blocks li#b4.hover div {background-image: url(../img/b4.png);}
ul#blocks li#b5:hover div, ul#blocks li#b5.hover div {background-image: url(../img/b5.png);}
ul#blocks li#b6:hover div, ul#blocks li#b6.hover div {background-image: url(../img/b6.png);}
ul#blocks li#b7:hover div, ul#blocks li#b7.hover div {background-image: url(../img/b7.png);}