/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	position: relative;
	
	
}

.hoverbox a
{
	cursor: default;
	z-index: 0;

}






/*


* html .hoverbox
{
	position: static;
}

* html .hoverbox a
{
	position: static;
}

* html .hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -55px;
	left: -205px;
}

* html .hoverbox a .preview
{
	display: none;
}



*/

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -50px;
	left: -200px;
	z-index: 1;
	
}

.hoverbox img
{
	float:left;
	margin:0 9px;
	padding:3px;
	border:2px solid #bbb393;
	color: inherit;
	width: 150px;
	height: 100px;
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;
}

.hoverbox a:hover img
{
filter:alpha(opacity=100); 
-moz-opacity: 1; 
opacity: 1;
}


.hoverbox2 a:hover img
{
filter:alpha(opacity=100); 
-moz-opacity: 1; 
opacity: 1;
}


.hoverbox .preview
{
	border:2px solid #bbb393;
	width: 300px;
	height: 201px;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;
	
	
	
}