/* lpid style */

html { width: 100%; height: 100%; }

body { margin: 0; padding: 0; margin-right: 110px; border: none; background-color: #000; background-repeat: no-repeat; color: #444; font-size: 12pt; font-family: Arial, sans-serif; text-align: center; }

div#viewerbox { position: absolute; top: 0; bottom: 0; right: 110px; left: 0; height: auto; width: auto; background-image: url(loading.gif); background-position: center center; background-repeat: no-repeat; }
div#viewer { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: auto; width: auto; background-position: center center; background-repeat: no-repeat; }
div#viewertext { position: absolute; top: 0; right: 110px; left: 0; padding-top: 1em; background: none; }

body#home { background-color: #fff; }
body#home div#viewer { background-image: url(fuze2x2-main.jpg); }

body#portfolio { background-color: #fff; vertical-align: middle; height: 95%; }
body#portfolio div#viewer { background-image: url(portfolio/fuze1.jpg); }

.box { width: 800px; margin: 0 auto; text-align: left; }

#logo { position: absolute; right: 0; bottom: 0; }
div#nav { position: absolute; margin-bottom: 1em; right: 0; bottom: 116px; width: 110px; z-index: 10; }
#nav a { text-decoration: none; color: #444; }
#nav a:hover { text-decoration: underline; color: #fff; }

div#thumbnails { font-size: 10pt; position: absolute; right: 0; top: 0; width: 110px; bottom: 200px; z-index: 9; overflow-y: scroll; margin: 4px 0; text-align: center; }
#thumbnails img { cursor:pointer; }
#thumbnails p { padding-top: 4px; }

img { margin: 0; padding: 0; border: none; }

table { font-size: 12pt; margin: 0; padding: 0; border: none; }
td { margin: 0; padding: 0; border: none; vertical-align: top; }

b { font-weight: bold; color: #fff; }
em { text-decoration: none; font-style: normal; font-weight: bold; color: #eeeeee; }
a { text-decoration: none; color: #999; }
a:hover { text-decoration: underline; color: #ddd; }

div.box { text-align: center; }

div.header { text-align: left; color: #444; }
div.subheader { font-size: 12pt; margin-top: 2pt; color: #ddd; }

h2 { font-size: 10pt; }

div.show { margin-top: 2pt; }
div.showzone { margin-top: 2pt; background-color: #fff; }
div.showwhite { margin-top: 2pt; background-color: #fff; }
div.showvideo { margin-top: 2pt; background-color: #fff; text-align: center; vertical-align: middle; padding-top: 20pt; padding-bottom: 20pt; }

div.selector { font-size: 12pt; margin-top: 2pt; color: #ddd; }

div.note { font-size: 12pt; margin-top: 2pt; color: #999; }

div.footer { margin: 0; margin-top: 2pt; background-color: #fff; }