*

{

	border: 0;

	margin: 0;

	padding: 0;

}



/* =Basic HTML, Non-essential

----------------------------------------------------------------------*/



a

{

	text-decoration: none;

}



h1

{

	background: inherit;

	border-bottom: 1px dashed #ccc;

	color: #933;

	font: 17px Georgia, serif;

	margin: 0 0 10px;

	padding: 0 0 5px;

	text-align: center;

}



p

{

	clear: both;

	font: 10px Verdana, sans-serif;

	padding: 10px 0;

	text-align: center;

}



p a

{

	background: inherit;

	color: #777;

}



p a:hover

{

	background: inherit;

	color: #000;

}



/* =Hoverbox Code

----------------------------------------------------------------------*/



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -36px;

	left: -55px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 133px;

	height: 86px;

}



.hoverbox li

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 4px;

	padding: 4px;

	position: relative;

}



.hoverbox .preview

{

	border-color: #000;

	width: 250px;

	height: 162px;

}