/* Basic HTML, Non-essential
----------------------------------------------------------------------*/
a { text-decoration: none; }

/* Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox { clear: both; margin: 0; padding: 0; cursor: pointer; list-style: none; }
.hoverbox a { cursor: pointer; }
.hoverbox a .preview { display: none; }
.hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; }
.hoverbox .preview { border-color: #c9bea4; width: 200px; height: 150px; }

/* IE fixes */
* html .hoverbox a { position: relative; }
* html .hoverbox a:hover { display: block; font-size: 100%; z-index: 1; }
* html .hoverbox a:hover .preview { top: -38px; left: -50px; }
* html .hoverbox li { position: static; }

.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: #eee; border-color: #ddd #bbb #aaa #ccc; border-style: solid; border-width: 1px;
	color: inherit; display: inline; float: left; margin: 3px; padding: 3px; position: relative;
}