.link { height: 96px; background: transparent url(/css/images/link.png) no-repeat; text-indent: -99in; overflow: hidden; display: block; margin: auto; }

:root .link         { opacity: .55; }
:root .link:link    { }
:root .link:visited { }
:root .link:hover   { opacity: 1; }
:root .link:active  { }

.news      { width: 151px; background-position: 0 0; }
.portfolio { width: 267px; background-position: -151px 0; }
.shop      { width: 138px; background-position: -418px 0; }
.contact   { width: 225px; background-position: -556px 0; }

.links     { list-style: none; margin: 25px; padding: 0; position: absolute; bottom: 0; }
.links li  { float: left; margin: 0 24px; }

html, body { background: black; height: 100%; margin: 0; padding: 0; }
.outer     { display: table; height: 100%; width: 100%; }
.inner     { display: table-cell; vertical-align: middle; }
.body      { background: transparent none no-repeat scroll 0 0; width: 1024px; height: 768px; margin: auto; position: relative; }
li.clear   { display: block; float: none; clear: both; }

/* body backgrounds */
.paintbg2  { background-image: url(/css/images/paintbg2.jpg); }

@media handheld { .links { bottom: auto; top: 0; } }