/* 20080407.045 */
body { font-family:sans-serif; font-size:12px; margin:0; padding:0; background:url(img/gnd.png); line-height:1.3em; }
a { color:#333; text-decoration:none; }
#main { width:770px; margin-left:121px; }
#menu ul { margin:5px 0; padding:0 0 0 50px; background:#807C7B url(img/menu-surf.png) no-repeat; height:30px; list-style:none; }
#menu ul li { float:left; }
#menu ul li a { color:#F2F2F2; margin:3px; padding:0 10px; float:left; line-height:22px; height:24px; }
#menu ul li a:hover, #menu ul li a:focus, #menu ul li a:active, #menu ul li a.menuactive { color:#807C7B; background:#F2F2F2; }
#footer { text-align:center; color:#F2F2F2; background:#807C7B; line-height:30px; height:30px; }
.separator-blue { background-color:#06335D; height:2px; overflow:hidden; margin:10px 0; }
#intro { position:absolute; top:0; left:0; width:787px; height:652px; background:transparent url(img/intro.jpg) no-repeat; cursor:pointer; margin-left:121px; }
#home-message { text-align:center; color:#036; font-weight:bold; font-size:12px; line-height:25px; background:url(img/gnd2.png) repeat 50% 50%; margin:20px; padding:30px; }
#works { background-color:#036; }
#works-list { float:left; }
#works-detail { background-color:#036; padding:20px; color:#F2F2F2; font-size:14px; text-align:center; }
#works-menu { float:left; width:200px; text-align:center; padding:20px 0; }
#works-menu .item { margin:15px; width:183px; height:34px; line-height:34px; font-weight:bold; font-size:14px; }
#works-menu .item a { display:block; }
#works-content { float:left; width:550px; margin:10px; color:#F2F2F2; }
#works-content .item { float:left; width:170px; padding-left:40px; }
#works-content .item a { color:#F2F2F2; font-size:14px; font-weight:bold; line-height:2em; }
#works-content .item a:hover, #works-content .item a:focus, #works-content .item a:active { color:#6C9; }