html, body { height: 100%; margin: 0; padding: 0; font-family: trebuchet ms, sans-serif; text-align: center; background-image: url(bg.gif); }

#credits { position: fixed; bottom: 27px; left: 27px; font-size: 11px; }
#credits a { color: #000000; outline: none; }
#credits a.icon { float: left; padding-right: 7px; }
#credits .text { display: none; }
#credits .text.active { display: inline; }
#credits img { display: block; }

#container { margin: 30px; position: relative; /*overflow: scroll;*/ width: 100%; height: 100%; display: inline-block; text-align: left; }
#container .image { position: absolute; left: 0; top: 0; }

#item-container { text-align: left; }
#items { padding: 0 30px; white-space: nowrap; overflow: show; }
#items .item { display: inline-block; margin-right: 30px; }

#project { text-align: center; position: fixed; left: 0; bottom: 41px; width: 100%; }
#project #scroll-left { margin-right: 190px; display: none; }
#project #scroll-right { margin-left: 190px; display: none; }
#project a, #project a:hover { text-decoration: none; }
#project span { font-family: Arial, Helvetica, sans-serif; font-size: 11px; letter-spacing: .1em; color: #000; }

a img { border: 0; }
p.desc { font-style: italic; font-size: 11px; }
.clear { clear: both; }