/* =Basic HTML, Non-essential
----------------------------------------------------------------------

a
{
	text-decoration: none;
}

body
{
	background: #fff;
	color: #777;
	margin: 0 auto;
	padding: 50px;
	width: 620px;
}

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
----------------------------------------------------------------------*/
.hoverboxTxt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#994717;
	text-decoration:none;
}

.hoverbox
{
	cursor:default;
	list-style:none;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#994717;
	text-decoration:none;
	width:124px;
}

.hoverbox a
{
	cursor:default;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#994717;
	text-decoration:none;
}

.hoverbox a .preview
{
	display:none;
}

.hoverbox a:hover .preview
{
	display:block;
	position:absolute;
	top:-33px;
	left:-45px;
	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:100px;
	height:75px;
}

.hoverbox li
{
	background:#f7f4ea;
	border-color:#ddd #bbb #aaa #ccc;
	border-style:solid;
	border-width:1px;
	color:inherit;
	display:inline;
	float:left;
	margin:3px;
	padding:5px;
	position:relative;
}

.hoverbox .preview
{
	border-color:#000;
	width:200px;
	height:150px;
}