.head   { font-size: 18px; font-family: Arial; font-weight: bold; line-height: 22px }
.subhead   { color:#313131; font-size: 15px; font-family: Arial }
.body    { color: #5d5d5d; font-size: 13px; font-family: FontName, Arial; line-height: 16px; text-align: justify; border-left: medium none gray }
.bodysmaller { color: #5d5d5d; font-size: 12px; font-family: FontName, Arial; line-height: 14px; border-left: medium none gray }
.insert { color: #5d5d5d; font-size: 13px; font-family: FontName, Arial; line-height: 16px; background-image: url("images/shade.jpg"); background-repeat: no-repeat; border: outset 1pt maroon; outline-color: maroon }
.insert2   { color: #5d5d5d; font-size: 13px; font-family: FontName, Arial; line-height: 16px; background-image: url("images/shade.jpg"); background-repeat: repeat-x; background-position: 100% 0; border: outset 1.5pt #fc6; outline-color: maroon }
.clients { color: #5d5d5d; font-size: 11px; font-family: FontName, Arial; line-height: 16px; text-align: justify; border-left: medium none gray }
.mouth  { background-image: url("images/smile.jpg"); background-repeat: no-repeat }
.ear  { background-image: url("images/ear-man.jpg"); background-repeat: no-repeat }
.earwoman { background-image: url("images/ear-woman.jpg"); background-repeat: no-repeat }
.hand { background-image: url("images/handshake.jpg"); background-repeat: no-repeat }
.bluedie { background-image: url("images/blue-die.jpg"); background-repeat: no-repeat }
.iris { background-image: url("images/iris.jpg"); background-repeat: no-repeat }
.forehead { background-image: url("images/forehead.jpg"); background-repeat: no-repeat }
.puzzle { background-image: url("images/puzzle.jpg"); background-repeat: no-repeat }
.green { background-image: url("images/green-fulcrum.jpg"); background-repeat: no-repeat }
.yellow { background-image: url("images/yellow-fulcrum.jpg"); background-repeat: no-repeat }
.thinker { background-image: url("images/thinker.jpg"); background-repeat: no-repeat }
.ear2 { background-image: url("images/ear2.jpg"); background-repeat: no-repeat }
.greeneye { background-image: url("images/greeneye.jpg"); background-repeat: no-repeat }
#lightbox  { line-height: 0; text-align: center; position: absolute; z-index: 1000; left: 0; width: 100% }
#lightbox img { width: auto; height: auto }
#lightbox a img { border: none }
#outerImageContainer { background-color: #fff; margin: 0 auto; position: relative; width: 250px; height: 250px }
#imageContainer { padding: 10px }
#loading  { line-height: 0; text-align: center; position: absolute; top: 50%; left: 0; width: 100%; height: 25% }
#hoverNav { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100% }
#imageContainer>#hoverNav { left: 0 }
#hoverNav a { outline: none medium }
#prevLink, #nextLink { background-image: url("data:image/gif;base64,AAAA"); display: block; width: 49%; height: 100% }
#prevLink { left: 0; float: left }
#nextLink { right: 0; float: right }
#prevLink:hover, #prevLink:visited:hover { background: url("file:///Applications/Web%20Helpers/lightbox2.04/images/prevlabel.gif") no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover { background: url("file:///Applications/Web%20Helpers/lightbox2.04/images/nextlabel.gif") no-repeat right 15% }
#imageDataContainer { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; width: 100%; overflow: auto }
#imageData { color: #666; padding: 0 10px }
#imageData #imageDetails { text-align: left; width: 70%; float: left }
#imageData #caption { font-weight: bold }
#imageData #numberDisplay { display: block; padding-bottom: 1em; clear: left }
#imageData #bottomNavClose { padding-bottom: 0.7em; width: 66px; float: right; outline: none medium }
#overlay { background-color: #000; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px }