* { margin: 0; padding: 0; }
body { background: #000; color: #fff; }
h1, h2, h3, h4, h5, h6 { color: #fff; text-transform: uppercase; }
a { color: #fff; }
a:hover { color: #dadada; }

#wrap { width: 561px; margin: 10px auto; position: relative; }

ul#grid { list-style: none; margin: 0; padding: 0; overflow: auto; }
ul#grid li { float: left; line-height: 0; padding: 4px; }
ul#grid li:hover { background: #000 url("../images/box-bg.png") no-repeat 0 0; }

#grid img { margin: 0; padding: 0; }
#grid li { height: 48px; overflow: hidden; }
#grid a { display: block; }
#grid a img { border: none; width: 48px; height: 48px; }
#grid a:focus { outline: none; }

ul#grid .logo img { width: 216px; }
ul#grid .logo:hover { background: none; }

#content { position: absolute; display: none; overflow: hidden; background: #000; }
#content div.overlay { position: absolute; z-index: 800; overflow: auto; background: #000; padding: 3px; opacity: 0.8; filter: alpha(opacity=80); }
#content div.social-links { margin: 0; }
#content img.social-icon { margin: 0 0 0 3px; float: right; border: 0; opacity: 1; filter:alpha(opacity=100); }
#content div.overlay a img { border: none; vertical-align: bottom; }

.help { cursor: pointer; }

#menu { display: none; position: absolute; top: 52px; left: 224px; background: #000; }
#menu ul { list-style: none; margin: 0; }
#menu ul li { line-height: 0; padding: 4px; cursor: pointer; }

img.image-border { margin-top: 0; padding: 4px; border: 1px solid #666; }