body {background: white; color: black; text-indent: 0; margin: 0; padding: 0; text-align: left; font-family: arial narrow, helvetica narrow, arial, helvetica, sans-serif; height: 100%; overflow: hidden}

.reg {font-size: 16px}

.narrow {font-family: arial narrow, helvetica narrow, arial, helvetica, sans-serif}

.ex {font-family: arial, helvetica, sans-serif}

body[class="default"] .justify_n {text-align: left}

body[class="ff"] .justify_n {text-align: justify}

.justify_ca {text-align: left}

.justify_pr {text-align: justify}

.justify_c {text-align: center}

.nowrap {white-space: nowrap}

a {border: none; text-decoration: none; cursor: pointer}

img {border: none}

.default {cursor: default}


.ip {visibility: hidden; display: none}

.noie {display: inline}

.ie {visibility: hidden; display: none}

.noie5 {display: inline}

.iem {visibility: hidden; display: none}

.noie7 {display: inline}

.ie7 {visibility: hidden; display: none}



.bw {background: white}

.w {color: white}


.link_3 {text-decoration: none; color: #000066} /* ODB */






/* error */

.e {position: absolute; left: 20%; top: 12em}

.et {font-size: 1.2em}



.cap_5 {font-size: 1.5em} /* name */

.sub_ca0 {font-size: 0.667em} /* footnote */

.sub_ca {font-size: 0.75em} /* caption */

.sub_7 {font-size: 0.75em} /* address */

.sub_8 {font-size: 1em} /* not used */

.sub_st {font-size: 0.95em} /* profile */

.sub_9 {font-size: 0.95em} /* fraction */

.sub_n {font-size: 0.8em} /* not used */

.lh_ca0 {line-height: 1} /* footnote */

.lh_ca {line-height: 1.2} /* caption */

.lh_st {line-height: 1.2} /* profile */

.lh_h {line-height: 0.7} /* profile */

.lh_q {line-height: 0.3} /* profile */


.scale_h {height: 100%}

.scale_w {width: 100%}





/* image */

.pic_1 {position: fixed; top: 12em; left: 20%; width: 45%; z-index: 17} /* XX YY */

.pic_0 {position: fixed; top: 12em; left: 20%; width: 45%; z-index: 16} /* XX YY */





/* index, profile, projects */



.full_a0 {position: fixed; top: 12em; left: 20%; width: 60%; z-index: 14} /* XX YY */

.full_a1 {position: fixed; top: 12em; left: 20%; width: 60%; z-index: 15} /* XX YY */

.full_a2 {position: fixed; top: 12em; left: 20%; width: 60%; z-index: 16} /* XX YY */


.preload {display: inline; visibility: visible; position: fixed; top: 12em; left: 20%; z-index: 0; overflow: hidden}


.full_st {position: fixed; top: 12em; left: 20%; width: 60%; z-index: 18} /* XX YY */

.st_text {position: absolute; top: 0.75em; left: 9em; right: 20%; width: auto; overflow: hidden} /* ZZ */

.full_x {position: fixed; top: 12em; left: 20%; width: 60%; z-index: 1} /* XX YY */


.full_c1a {display: none}

a:hover .full_c1a {display: inline; position: fixed; top: 12em; left: 20%; width: 30%} /* XX YY */

a:hover .full_c1b {display: inline; position: fixed; top: 12em; left: 50%; width: 30%} /* XX YY */

.full_c2a {position: fixed; top: 12em; left: 20%; width: 30%; z-index: 28} /* XX YY */

.full_c2b {position: fixed; top: 12em; left: 50%; width: 30%; z-index: 28} /* XX YY */

.full_cxa {position: fixed; top: 12em; left: 20%; width: 30%; z-index: 1} /* XX YY */

.full_cxb {position: fixed; top: 12em; left: 50%; width: 30%; z-index: 1} /* XX YY */


.hl_p {display: none}

a:hover .hl_p {display: inline; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(image_u/45y.png) repeat}

.p16 {position: absolute; top: 75%; left: 75%;  height: 25%; width: 25%}

.p11 {position: absolute; top: 50%; left: 50%;  height: 25%; width: 25%}

.p3 {position: absolute; top: 0; left: 50%;  height: 25%; width: 25%}

.p8 {position: absolute; top: 25%; left: 75%;  height: 25%; width: 25%}

.p6 {position: absolute; top: 25%; left: 25%;  height: 25%; width: 25%}



/* nav */


.col_1n0 {position: fixed; top: 4.5em; left: 20%; width: 80%; height: 7.5em; z-index: 22; overflow: hidden}  /* XX YY */

.col_1n {position: fixed; top: 4.5em; left: 20%} /* XX YY */

.nav_x1 {position: absolute; top: 0; left: 0; white-space: nowrap}

.nav_x2 {position: absolute; top: 0; left: 10em; white-space: nowrap} /* ZZ */

.nav_x3 {position: absolute; top: 0; left: 20em; white-space: nowrap} /* ZZ */

.nav_x4 {position: absolute; top: 0; left: 30em; white-space: nowrap} /* ZZ */

.nav_y1 {position: absolute; top: 0.1em}

.nav_y2 {position: absolute; top: 1.6em}

.nav_y3 {position: absolute; top: 3.1em}

.nav_y4 {position: absolute; top: 4.6em}

.larr {position: absolute; left: 0; width: 2.6em; top: 0; height: 100%; z-index: 1; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-align: right; overflow: hidden; background: #FF6600} /* OOR */

.rarr {position: absolute; right: 0; width: 2.6em; top: 0; height: 100%; z-index: 1; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-align: left; overflow: hidden; background: #FF6600} /* OOR */

.larr_0 {position: absolute; left: 0; width: 2.6em; top: 0; height: 100%; z-index: 1; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-align: right; overflow: hidden; background: #CCCCCC} /* PG */

.rarr_0 {position: absolute; right: 0; width: 2.6em; top: 0; height: 100%; z-index: 1; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; text-align: left; overflow: hidden; background: #CCCCCC} /* PG */

a:hover .larr {background: #CC0000} /* DHR */

a:hover .rarr {background: #CC0000} /* DHR */

.vert {position: absolute; top: 0em; left: 9em; height: 6.2em; width: 1px; background: #999999} /* LG */

.menu_0 {position: absolute; left: 0em; height: 1.15em; width: 8em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; background: transparent}

.menu_1 {position: absolute; left: 0em; height: 1.15em; width: 8em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; background: #FF6600} /* OOR */

.menu_2 {position: absolute; left: 0em; height: 1.15em; width: 8em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; background: #FFBB77}

.menu_3 {position: absolute; left: 0em; height: 1.15em; width: 8em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; background: #999999} /* LG */

.menu_4 {position: absolute; left: 0em; height: 1.15em; width: 8em; -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em; overflow: hidden; background: black}

/* #FF6633 LRO & #FF9966 LOR; #FF9900 OOY & #FFCC66 LOY; #333399 DDB or #3333CC MFB & #9999FF PDB; #33CC33 MFG & #99FF99 PDG; #FF6600 OOR & #FF9966 LOR; #333333 OG vs. black; #FFCC99 PDO or #FFCC33 LYO; #FFBB77 */

a:hover .menu_1 {background: #CC0000} /* DHR */

a:hover .menu_2 {background: #CC0000} /* DHR */

a:hover .menu_3 {background: #CC0000} /* DHR */

.sub_m {font-size: 0.8em} /* nav */

.lh_m {line-height: 1.15em; font-family: arial, helvetica, sans-serif}

.cover_2 {position: absolute; top: 0; left: 0; width: 43em; height: 100%; background: white}  /* ZZ */   /* nav */

.menu_n {position: absolute; left: 1.9em; top: 0; height: 100%; width: 4.2em; z-index: 2; background: black}



/* name */

.col_nx {position: fixed; top: 0; left: 0; width: 100%; z-index: 30; height: 4.5em; background: white}

.col_n {position: absolute; left: 20%; width: 60%} /* XX */

.name {position: absolute; top: 1.25em; left: 0; width: 100%; height: auto; white-space: inherit; overflow: visible}

.name_1 {color: #000066} /* ODB */

.name_2 {color: #666666} /* DG */

.name_3 {color: black}

.name_4 {color: #990000; font-weight: bold} /* DFR */  /* slash */

.name_fill {width: 100%; height: 1px}




/* address */

.col_ny {position: fixed; bottom: 0; left: 18%; width: 82%; height: 1.5em; z-index: 29; background: white}  /* WW XX */

.col_a {position: absolute; top: 0; left: 2.5%; width: 73%}  /* XX */

.address_1 {position: absolute; left: 0; top: 0.3em; width: 100%; color: #333333} /* OG */

.copy_1 {} /* for ie6 */

.copy_2 {position: fixed; bottom: 0; left: 1%; width: 18%; height: 1.5em; z-index: 10; white-space: nowrap; overflow: hidden; color: #666666} /* DG */  /* WW */

.copy_3 {position: absolute; top: 0.3em; left: 0}



/* browser */

.copy_ie {position: fixed; top: 1.5em; left: 1%; width: 2.5%; z-index: 32}









/* overflow */

.over_0a {position: fixed; top: 12em; bottom: 1.5em; left: 0; width: 100%; z-index: 3}  /* WW YY */

.over_0b {position: fixed; top: 12em; bottom: 1.5em; left: 0; width: 100%; z-index: 2; background: #CC0000} /* DHR */  /* WW YY */

.over_0b {background: white}

.over_m {position: absolute; bottom: 0; right: 0.1%; width: 2.15%}

.over_w {position: fixed; top: 12em; bottom: 1.5em; width: 97.75%; background: white; z-index: 4} /* WW YY */

.over_ie {}









/* text */

.col_4 {position: fixed; top: 12em; left: 65%; width: 15%; z-index: 11} /* XX YY */

.col_4a {position: fixed; top: 12em; left: 65%; width: 15%; z-index: 12} /* XX YY */

.col_4x {position: fixed; top: 12em; left: 65%; width: 15%; z-index: 1} /* XX YY */

.text_0 {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: auto}

.text_1 {position: absolute; top: 0.4em; left: 5%; right: 10%; width: 85%; overflow: hidden}

.hl {background-color: #FFFF99} /* PDY */

.hl0 {color: #FFFF99} /* PDY */

.text_7 {}



/* WW address height / XX image width / YY image height / ZZ menu width */

/* WW 05 / XX 21 / YY 21 / ZZ 05 */