* { border: 0; margin: 0; padding: 0; } /* =Basic HTML, Non-essential ----------------------------------------------------------------------*/ 
a { text-decoration: none; } body { background: #071931; color: #777; margin: 
0 auto; padding: 50px; position: relative; width: 620px; } h1 { background: inherit; 
border-bottom: 1px dashed #ccc; color: #cccccc; 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: -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: 
125px; } .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: 5px; position: relative; } .hoverbox .preview { border-color: #000; 
width: 400px; height: 500px; }