/* gallery */
.hoverbox
{
	cursor:default;
	list-style:none;
	text-align:center;
	width: 90%;	
	margin:0;
	padding:0;
}

.hoverbox a
{
	cursor:default;
}

.hoverbox a .preview
{
	display:none;
}

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

.hoverbox img
{
	background:#fff;
	border-color:#aaa #ccc #ddd #bbb;
	border-style:solid;
	border-width:1px;
	color:inherit;
	padding:0;
	margin:0;
	vertical-align:top;
	width:125px;
	height:94px;
}

#photogallery .hoverbox img
{
	background:#fff;
	border-color:#aaa #ccc #ddd #bbb;
	border-style:solid;
	border-width:1px;
	color:inherit;
	padding:0;
	margin:0;
	vertical-align:top;
	width:240px;
	height:160px;
}

.hoverbox li
{
	background:#eee;
	border-color:#ddd #bbb #aaa #ccc;
	border-style:solid;
	border-width:1px;
	color:inherit;
	display:inline;
	float:left;
	margin: 10px 20px 10px 0;
	padding:7px;
	position:relative;
}

.hoverbox .preview
{
	border-color:#000;
	width:400px;
	height:300px;
	margin:0;
	padding:0;
}

#photogallery .hoverbox .preview
{
	border-color:#000;
	width:480px;
	height:320px;
	margin:0;
	padding:0;
}

/* =Internet Explorer Hacks
----------------------------------------------------------------------*/

* html .hoverbox a
{
	position:relative;
}

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

* html .hoverbox a:hover .preview
{
	top:-230px;
	left:-140px;
}

* html .hoverbox li
{
	position:static;
}