/* enhanceability.com */

@import url(sol-c.css);
@import url(sol-t.css);
@import url(sol-s.css);

#iface { position: fixed; text-align:center; overflow: visible; visibility: visible; display: block }
#lateral {  position: fixed; z-index: 20; top: 90px; left: 6px; width: 90px; height: 100%; overflow: visible; visibility: visible }
#main { position: absolute; z-index: 15; margin: 0px; padding: 0px; top: 0px; left: 100px; height: 100%; overflow: visible; visibility: visible; min-width: 550px; display: block }
txt, html, body, div, h1, h2, h3, h4, h5, h6, p, td, th, tbody, thead, tfoot, dd, dt, ul, ol, dl, li, input { color: #366; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }

.accessnow   { display: none }
.ambiance { background-image: url(../g/art/c6M21-p321r-ambiance.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 0px 0px; } 

.path, .pathDZ, .pathEZ            { text-align: left; text-indent: 0; margin: 0; padding: 0 }
.pathEZ  { width: 500px }
.pathFZ { width: 600px }
.pathGZ { width: 700px }
.plate         { font-size: small; background-image: url(../g/dtst/c6J11-o354s-plate.jpg); text-align: center; margin-left: 18px; padding: 12px 6px; border: solid 1px #366; width: 500px    }
.conform { text-align: center }
html, body, img { border: 0px; margin: 0px; padding: 0px }
a { display: inline}
a:link   { color: #099 }
a:visited    { color: #cc9 }
a:active  { color: #ffc }
.pos-f, .pos-l, .pos-n, .pos-p {position: fixed;  }
.pos-f { top: 10px; left: 30px;   }
.pos-l { top: 50px; left: 30px;   }
.pos-n { top: 30px; left: 50px;   }
.pos-p { top: 30px; left: 10px;   }
.nav, .nav-f, .nav-l, .nav-n, .nav-p    { border: none; width: 16px; height: 16px }
.nav-f   { background-image: url(../g/iface/first-00.gif) }
.nav-l   { background-image: url(../g/iface/last-00.gif) }
.nav-n     { background-image: url(../g/iface/next-00.gif) }
.nav-p     { background-image: url(../g/iface/prev-00.gif) }
.nav-f:hover  { background-image: url(../g/iface/first-01.gif) }
.nav-l:hover  { background-image: url(../g/iface/last-01.gif) }
.nav-n:hover   { background-image: url(../g/iface/next-01.gif) }
.nav-p:hover   { background-image: url(../g/iface/prev-01.gif) }
.navL { text-align: center; line-height: 1.5em; }
.navL:hover { color: #699; }
.relT    { color: #fff; margin-bottom: 60px; margin-left: 450px }
.relB  { margin-bottom: 30px; margin-left: 450px }

.tART { margin-left: 0px; width: 680px; background-image: url(../g/art/c6M21-p321r-sq720.jpg); border: none }
.a2-a, .a2-b, .a2-c, .a2-d, .a2-e, .a2-f, .a2-g, .a2-h, .a2-i, .a2-j, .a2-k, .a2-l, .a2-m, .a2-n, .a2-o, .a2-p, .a2-q, .a2-r, .a2-s, .a2-t, .a2-u, .a2-v, .a2-w, .a2-x, .a2-y, .a2-z, .a2-at, .a2-00  { width: 60px; height: 60px; background-image: url(../g/a2007/00.gif); border-width: 1px; border-spacing: 1px; display: table-cell }
.a2-a:hover { background-image: url(../g/a2007/a.gif) }
.a2-b:hover { background-image: url(../g/a2007/b.gif) }
.a2-c:hover { background-image: url(../g/a2007/c.gif) }
.a2-d:hover { background-image: url(../g/a2007/d.gif) }
.a2-e:hover { background-image: url(../g/a2007/e.gif) }
.a2-f:hover { background-image: url(../g/a2007/f.gif) }
.a2-g:hover { background-image: url(../g/a2007/g.gif) }
.a2-h:hover { background-image: url(../g/a2007/h.gif) }
.a2-i:hover { background-image: url(../g/a2007/i.gif) }
.a2-j:hover { background-image: url(../g/a2007/j.gif) }
.a2-k:hover { background-image: url(../g/a2007/k.gif) }
.a2-l:hover { background-image: url(../g/a2007/l.gif) }
.a2-m:hover { background-image: url(../g/a2007/m.gif) }
.a2-n:hover { background-image: url(../g/a2007/n.gif) }
.a2-o:hover { background-image: url(../g/a2007/o.gif) }
.a2-p:hover { background-image: url(../g/a2007/p.gif) }
.a2-q:hover { background-image: url(../g/a2007/q.gif) }
.a2-r:hover { background-image: url(../g/a2007/r.gif) }
.a2-s:hover { background-image: url(../g/a2007/s.gif) }
.a2-t:hover { background-image: url(../g/a2007/t.gif) }
.a2-u:hover { background-image: url(../g/a2007/u.gif) }
.a2-v:hover { background-image: url(../g/a2007/v.gif) }
.a2-w:hover { background-image: url(../g/a2007/w.gif) }
.a2-x:hover { background-image: url(../g/a2007/x.gif) }
.a2-y:hover { background-image: url(../g/a2007/y.gif) }
.a2-z:hover { background-image: url(../g/a2007/z.gif) }
.a2-at:hover { background-image: url(../g/a2007/at.gif) }
.tc, .tc-BC, .tc-MR { font-size: small; color: #fff; margin: 0; padding: 0; border-width: 1px; border-spacing: 1px; display:table-cell }
.tc-BC { text-align: center; vertical-align: bottom; margin-top: 2em }
.tc-MR { text-align: right; vertical-align: middle; margin-left: 2em }

.artist { width: 320px; height: 320px; padding-left: 9px; padding-bottom: 9px; float: right }