@import url('content.css');

body { background: url('imgs/background_top.jpg') repeat-x; font: normal normal normal 12px Arial, sans-serif; margin:0; padding:0; }
label { cursor: hand; cursor: pointer }

#head #top {  height: 175px }

#head #top #logo { float: left; padding-top: 32px; }
#head #top #project { z-index: 100; background: url('imgs/top_project.png') 0px 15px no-repeat; width: 370px; height: 260px; position: absolute; margin-left: -100px; left: 69%; }

#head #menu { background: url('imgs/menu_background.png'); height: 60px; overflow: hidden;  position: relative; z-index: 1; }
#head #menu ul { margin:0; padding:0; width: 800px; margin:0 auto; list-style: none; position: relative; z-index: 100; }
#head #menu ul li { z-index: 100; position: relative; float:left; margin-right:15px; line-height: 60px; background:url('imgs/menu_div.png') center right no-repeat; }
#head #menu ul li img { vertical-align: middle; margin-right: 15px }
#head #menu ul li:hover { margin-left: -15px; padding-left: 15px; line-height: 60px; height: 60px; background: url('imgs/menu_selected.png') center; text-align: center; }

body #content {
   margin-bottom: 20px; padding:1px; background: url('imgs/content_shadow.png') no-repeat 1px 1px;
   z-index:200; position: relative; padding-top: 20px;
}

.main { width: 750px; margin: 0 auto; }

#footer { font-family: tahoma; font-size: 11px; color: #fff; margin-top: 5px; background: url('imgs/footer.png') repeat-x; height: 58px; }
#footer .l { padding-top: 15px; float: left; width: 400px }
#footer .r { float: right }

dt { *behavior: url('js/iepngfix.htc') }