body {margin:0;padding:0 12px;text-align:center;color:#000;font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background:#999; }
body * {line-height:1.22em;}
body,td,th { color:#000; }
a { color:#333; text-decoration:none; }
a:hover { color:#999; }
img { border:0; }
table { font-size:100%; border-collapse:collapse; border:0; }
td { padding:0; }
hr { height:1px; border:none; margin:0; color:#ddd; background:#ddd; }
p { margin:1em 0; }
form { margin:0; padding:0; }
h2 { font-size:1.55em; margin:0 0 16px; color:#000; padding-bottom:1px; border-bottom:1px solid #ddd; }
h2.sm { font-size:108%; }
.err { color:#FF0000; }
.ok { color:#339900; }

a b { font-size:93%; }

#b { margin:auto;text-align:left;width:73.074em;*width:71.313em;min-width:950px; }
#t:after,#m:after,#ms:after,#sub ul:after,#sub2 ul:after,#view:after{content:".";display:block;font-size:0;line-height:0;height:0;clear:both;visibility:hidden;}
#t,#m,#ms, #sub ul, #sub2 ul, #view { zoom:1; }

#m img,#mp2 img,#mpr img,#sub img,#sub2 img,#photo img { display:block; }
#m,#ms,#mp2 ul,#f ul,#sub ul,#sub2 ul { margin:0;padding:0;list-style:none; }

/* top */
#t { padding:22px 0 14px; }
#t h1 { float:left; margin:0; }
#t h1 img { display:block; float:left; }
#t p { color:#666; float:left; margin:0; padding:10px 0 0 12px; }

/* menu */
#tm { border-bottom:2px solid red; }
#m { background:#eee; }
#m li { float:left; padding:11px 16px 7px 16px; }
#m li.s { background:#fff; position:relative; z-index:2; }

/* submenu */
#ms { background:#fff; border-top:1px solid #ccc; margin:-1px 0 0; }
#ms li { float:left; padding:8px 4px 7px 9px; margin-right:-1px; }
#ms li.s a { color:#000; text-decoration:none; }

/* sub */
#sub li { float:left; width:25%; margin:0 -1px 0 0; color:#666; }
#sub li span,#sub2 li span { float:left; display:block; padding:0 20px 20px 0; }
#sub li img,#sub2 li img { margin:0 0 3px; }

/* sub2 */
#sub2 li { float:left; width:20%; padding:0 0 12px; margin-right:-1px; }

/* photo */
#prev,#next { margin-top:0; }
#next { float:right; }
#photo { float:left; margin-top:0; padding:0 20px 0 0; }
#desc { margin-top:6px; }

/* center */
#c { background:#fff; padding:16px 14px 30px; }
#c #mp td { padding-bottom:16px; }
#c #mp1 { padding-right:20px; }
#c #mp2 { width:60%; }
#c #mp2 h2 { border-color:#eee; }
#c #mp2 ul li { float:left; width:33.33%; margin-right:-1px; }
#c #mp2 ul li span { display:block; float:left; padding:0 20px 16px 0; }
#c #mp2 ul li strong { display:block; margin-top:2px; }
#c #mp2 ul img, #mpr img { margin-bottom:3px; }

/* mp projects */
#mpr td { padding-right:20px; }
#mpr td h4 { margin-top:2px; }

/* footer */
#f { text-align:center; padding:12px 0 30px; }
#f li { display:inline; border-left:1px solid #aaa; padding-left:7px; margin-left:4px; line-height:1.5em; }
#f li.f { margin:0; padding:0; border:none; }
#f p { margin:0; }
#f a:hover { color:#666; }