* { border: 0; margin: 0; padding: 0; outline: none }
body { background: #fff; color: #8696A0; font: 11px/15px Verdana, Arial, sans-serif; } 
p { margin-bottom: 12px; }
a { text-decoration: none; color: #8696A0; }
a:hover, a:focus, a:active { text-decoration: none; color: #e37222; }
strong, b { font-weight: bold; letter-spacing: 0.05em; }

#container { position: absolute; top: 30px; width: 100%; text-align: center; }
#home { margin: 0 auto; width: 911px; }
.homeimg { display: block; width: 885px; height: 499px; }

#topbar { position: abolute; display: block; background: #D9E507; border-bottom: 1px dashed #8596A0; text-align: center; } 
#header { display: block; width: 885px; height: 122px; margin: 0 auto; background: url(i/title-on.gif) no-repeat top left; text-align: left; }
#title { display: block; background: url(i/title.gif) no-repeat top left; width: 215px; height: 122px; }
#title:hover { background: url(i/title-on.gif) no-repeat top left; }

#navbar { position: absolute; top: 123px; position: absolute; width: 100%; background: #ccc; border-bottom: 1px dashed #8596A0; text-align: center; } 
#navcontainer { display: block; width: 847px; margin: 0 auto; }
#nav { float: right }
#nav table { border-left: 1px dashed #8596A0; }
#nav td { border-right: 1px dashed #8596A0; }
#nav a:hover, #nav a:focus, #nav a:active { background-color: #E3E3E3; }
#g1 { display: block; width: 76px; height: 18px; background: url(i/nav-g1.gif) no-repeat; }
#g2 { display: block; width: 79px; height: 18px; background: url(i/nav-g2.gif) no-repeat; }
#g3 { display: block; width: 78px; height: 18px; background: url(i/nav-g3.gif) no-repeat; }
#g4 { display: block; width: 78px; height: 18px; background: url(i/nav-g4.gif) no-repeat; }
#bio { display: block; width: 41px; height: 18px; background: url(i/nav-bio.gif) no-repeat; }
#contact { display: block; width: 76px; height: 18px; background: url(i/nav-contact.gif) no-repeat; }

#contentarea { position: absolute; top: 170px; width: 100%; text-align: center; }
#content { margin: 0 auto; width: 908px; }
.crosshairs { width: 13px; height: 13px; background: url(i/crosshairs.gif) no-repeat top left; }
.doth { height: 13px; background: url(i/dot-h.gif) repeat-x; }
.dotv { width: 13px; height: 499px; background: url(i/dot-v.gif) repeat-y; }
.artbox { text-align: center; vertical-align: center; }
.artbox img { max-width: 440px; max-height: 440px }
.biopic { width: 478px; height: 499px; background: url(i/bio.jpg) no-repeat center; }
.thumbs { padding: 90px 67px; text-align: center; vertical-align: center; }
.thumbs td { border-right: 4px solid #fff; border-bottom: 4px solid #fff; }
.contactpic { width: 478px; height: 499px; background: url(i/contact.jpg) no-repeat center; }
.text { padding: 70px 78px; text-align: left; vertical-align: top; }

#footerarea { position: absolute; top: 715px; width: 100%; text-align: center; }
#footer { margin: 0 auto; width: 885px; font: 9px/15px Verdana, Arial, sans-serif; }
#footer a { margin-left: 20px; }

.alt { visibility: hidden; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.teal { background-color: #71D6E0; }
.green { background-color: #D9E506; }
.orange { background-color: #E37222; }
.botmid { margin-right: 25px }

/* Thickbox viewer */
#TB_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; min-height: 100%; height: auto; _height: 100%; width: 100% }
#TB_load { position: absolute; display: none; height: 32px; width: 141px; z-index: 101; top: 50%; left: 50%; margin: -16px 0 0 -70px }
#TB_window { position: absolute; z-index: 102; background: #fff; border: 5px solid #D9E506; display: none; top: 50%; left: 50% }
#TB_closeWindowButton { display: inline; margin-right: 10px }
#TB_window img { display: block; margin: 15px 0 5px 15px }
#TB_caption { text-align: center; margin-bottom: 15px }
.TB_space { display: inline-block; width: 55px; text-align: center }
#TB_secondLine { text-align: center; padding: 10px 5px 0 }
#TB_closeWindow { display: none }
#TB_HideSelect { z-index:99; position: fixed; background: transparent !important }
#TB_iframeContent { clear: both; margin-bottom:-1px; margin-top:1px; _margin-bottom: 1px }

/* ie6 hacks */
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px') }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px') }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px') }