body { text-align: center; margin: 0px; }
#wrapper { margin: auto; width: 690px; }
#header { margin-top: 60px; }
#photo { position: relative; margin-top: 5px; height:460px; width:690px; }
#menu { clear: both; margin: auto; margin-top: 10px; width: 263px; height:11px;}
#menu ul { list-style:none; margin:0; padding:0 10px;  }
#menu li { float:left; margin-right: 6px }
#menu li a { display:block; height:11px; }
#menu li a span, #menu li a em { display:none; }
#menu li a:hover { background-position: 0px -11px; }
#menu li a.select { background-position: 0px -11px; }
#menu li#lefthand a { width: 25px; background-image:url(/images/lefthand.png); }
#menu li#lefthand span#start { display:block; height:11px; width: 25px; background-position: 0px -22px; background-image:url(/images/lefthand.png); }
#menu li#life a { width: 33px; background-image:url(/images/diary.png); }
#menu li#work a { width: 35px; background-image:url(/images/work.png); }
#menu li#projects a { width: 51px; background-image:url(/images/projects.png); }
#menu li#about a { width: 38px; background-image:url(/images/about.png); }
#menu li#righthand a { width: 25px; background-image:url(/images/righthand.png); }
#menu li#righthand span#end { display:block; height:11px; width: 25px; background-position: 0px -22px; background-image:url(/images/righthand.png); }
/* For display of flash overlay in photo div. position relative to the wrapper #photo.*/
#flash { position: absolute; left: 0px; top:0px; z-index: 14; }
#image { position: absolute; left: 0px; top:0px; z-index: 1; }