body { background-color: #def; text-align: center; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 100%; line-height: 1;}
.folio { background-color: #cfdeb0; }
.biography { background-color: #eec; }
.contact { background-color: #cdc; }

#wrapper { top: 40px; left: 0; position: absolute;}
#wrapper { /* hide ie5mac \*/ width: 100%; top: 50%; margin-top: -300px; /* end hide */ }
#page { background-color: #fff; width: 960px; height: 600px; position: relative; border: 1px solid #aaa; margin: 0 auto; text-align: left; overflow: auto; }
.home #page { border: 0; overflow: hidden;}

.home li a { position: absolute; width: 130px; height: 110px; text-indent: -5000px; background-position: 0 -110px; background-repeat: no-repeat;}
.home li a:hover { background-position: 0 0;}
.home li#folio a { top: 279px; left: 80px; background-image: url(/images/site/home_folio.jpg);}
.home li#biography a { top: 412px; left: 289px; background-image: url(/images/site/home_bio.jpg);}
.home li#contact a { top: 89px; left: 752px; background-image: url(/images/site/home_contact.jpg);}

#nav { width: 880px; margin: 35px 0 0 40px; overflow: auto; background: url(/images/site/nav_rule.gif) 0 58px repeat-x;}

#nav ul { width: 600px; float: left; margin: 31px 0 0 28px; }
#nav li { float: left;}
#nav li a { float: left; height: 40px; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -5000px;}
#nav li#home a { width: 64px; margin-right: 37px; background-image: url(/images/site/nav_home.gif); }
#nav li#folio a { width: 64px; margin-right: 39px; background-image: url(/images/site/nav_folio.gif);}
#nav li#biography a { width: 95px; margin-right: 37px; background-image: url(/images/site/nav_biography.gif);}
#nav li#contact a { width: 84px; margin-right: 39px; background-image: url(/images/site/nav_contact.gif);}
.folio #nav li#folio a, .biography #nav li#biography a, .contact #nav li#contact a,
#nav li a:hover { background-position: 0 -40px;}

#robot a { float: right; width: 140px; height: 56px; margin: 2px 26px 0 0; background-image: url(/images/site/robot.jpg); background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px;}
#robot a:hover { background-position: 0 -56px;}

#content { width: 800px; float: left; height: 440px; margin: 48px 0 0 80px;}
.folio #content { width: 840px; margin: 44px 0 4px 76px; border: 0;}
#thumbs li { float: left; margin-bottom: 32px;}
#thumbs li a { width: 100px; height: 100px; float: left; margin: 0 32px 0 0; border: 4px solid #fff;}
#thumbs li a:hover { border: 4px solid #cfdeb0;}

#fancy_title { color: #555; font-size: 0.6875em; margin-top: 15px; }
.page_links a { color: #555; font-size: 0.6875em; height: 10px; background-repeat: no-repeat;}
.page_links a:hover { color: #000; }

#next a { width: 45px; float: right; margin-right: -19px; background-image: url(/images/site/arrow_next.gif); background-position: 30px 1px;}
#prev a { width: 45px; float: left; margin-left: -47px; padding-left: 21px; background-image: url(/images/site/arrow_prev.gif); background-position: 0 1px;}
#next a:hover { background-position: 30px -9px; }
#prev a:hover { background-position: 0 -9px; }

#textcol { width: 260px; float: left;}
#imgcol { width: 520px; float: left; margin-left: 20px;}
#textcol p { color: #333; font-size: 0.75em; line-height: 1.5em; margin-bottom: 1.5em;}

#contact_form { float: left; width: 800px; }
legend { margin-bottom: 1.5625em;}
legend span { color: #900; float: left; width: 425px; padding-bottom: 1px; border-bottom: 1px solid #bbb; font-size: 1em;}

label { color: #333; float: left; width: 420px; margin-bottom: 5px; font-size: 0.875em; text-transform: uppercase;}
label.error { color: #f00; float: none; padding-left: 1em; text-transform: none; vertical-align: top;}
.textfield { width: 420px;}
.textfiend { display: none;}

#name, #email { font-size: 1.25em;}
#contact_form p { margin-bottom: 1.5em;}

.error #textcol { width: 420px;}
h2 { margin-bottom: 1em;}
.error p a, .error p a:visited { color: #000; text-decoration: underline;}

a, a:link { text-decoration: none;}

#sp-credit a { float: right; width: 65px; height: 70px; margin: -80px -20px 0 0; clear: both; background: url(/images/site/sp-credit.gif) 0 0 no-repeat; text-indent: -9000px;}
#sp-credit a:hover { background-position: 0 -70px;}