/*************************************************************************************************/
/* (c) 2008, Summerleaze Computer Services                                                                                              */
/*************************************************************************************************/

#ticker2
{
	clear: both;
	overflow: hidden; 
  position: relative;
	margin: 2em auto 1em;
  border-top: 2px solid gray;
	border-bottom: 2px solid gray;
	width: 95%;
  height: 120px;
}
#ticker2 .tickerbox
{
  display: block;
  position: absolute;
  top: 10px;
  width: 152px;
  height: 102px;
  background: black url(images/ticker/empty.jpg) no-repeat;
}
#ticker2 .tickerbox:hover
{
  background: black url(images/ticker/hover.jpg) no-repeat;
}

#ticker2 #box1
{
  background: black url(images/ticker/timeline.jpg) no-repeat;  
}
#ticker2 #box1:hover
{
  background: black url(images/ticker/timeline_over.jpg) no-repeat;  
}
#ticker2 #box2
{
  background: black url(images/ticker/academy.jpg) no-repeat;  
}
#ticker2 #box2:hover
{
  background: black url(images/ticker/academy_over.jpg) no-repeat;  
}
#ticker2 #box3
{
  background: black url(images/ticker/gloves.jpg) no-repeat;  
}
#ticker2 #box3:hover
{
  background: black url(images/ticker/gloves_over.jpg) no-repeat;  
}
#ticker2 #box4
{
  background: black url(images/ticker/keepers.jpg) no-repeat;  
}
#ticker2 #box4:hover
{
  background: black url(images/ticker/keepers_over.jpg) no-repeat;  
}
#ticker2 #box5
{
  background: black url(images/ticker/download.jpg) no-repeat;  
}
#ticker2 #box5:hover
{
  background: black url(images/ticker/download_over.jpg) no-repeat;  
}
#ticker2 #box6
{
  background: black url(images/ticker/glovecuts.jpg) no-repeat;  
}
#ticker2 #box6:hover
{
  background: black url(images/ticker/glovecuts_over.jpg) no-repeat;  
}
#ticker2 #box7
{
  background: black url(images/ticker/palm.jpg) no-repeat;  
}
#ticker2 #box7:hover
{
  background: black url(images/ticker/palm_over.jpg) no-repeat;  
}
#ticker2 #box8
{
  background: black url(images/ticker/contact.jpg) no-repeat;  
}
#ticker2 #box8:hover
{
  background: black url(images/ticker/contact_over.jpg) no-repeat;  
}
#ticker2 #box9
{
  background: black url(images/ticker/buy.jpg) no-repeat;  
}
#ticker2 #box9:hover
{
  background: black url(images/ticker/buy_over.jpg) no-repeat;  
}

#debug
{
	overflow: hidden; 
	height: 200px;
	border: 1px dotted fuchsia;
}