/* =Basic HTML, Non-essential
----------------------------------------------------------------------*/
#gallerycontainer{}
#gallerycategories{margin-left: 100px;}

/* =Hoverbox Code
----------------------------------------------------------------------*/
.hoverbox{cursor: default; list-style: none; padding:5px;}
.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: 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: 5px; position: relative;}
.hoverbox .preview{border-color: #000; width: 200px; height: 150px;}

.gallerypages{cursor: auto; list-style: none;}
.gallerypages a{cursor: auto;}
.gallerypages a:hover{display: block;}
.gallerypages 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;}
.gallerypages 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;}