* { padding: 0px; margin: 0px; } body { font-size: 62,5%; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; } body { background: #AAD6D9; background-image: url(../images/nbidt_bg_swirl.jpg); background-repeat: no-repeat; background-position: center -1px; } img { border: 0px; } div { font-size: 0.9em; } li { list-style: none; } th { text-align: left; } h1 { font-size: 24px; margin-bottom: 0px; color: #4c74ba; text-decoration: none; font-weight: bold; } h2 { font-size: 18px; margin-bottom: 10px; color: #4c74ba; text-decoration: none; font-weight: normal; } h3 { font-size: 16px; margin-bottom: 0px; color: #4c74ba; text-decoration: none; } h4 { font-size: 24px; margin-bottom: 0px; color: #4c74ba; text-decoration: none; font-weight: bold; } a:link, a:visited, a:active { color: #4c74ba; text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } #logo { float: left; width: 270px; padding: 10px; } a.logo { margin-left: 10px; } #statistics { position: absolute; left:273px; top:48px; } #container { float: left; width: 990px; margin-left: -495px; left: 50%; height: 500px; position: relative; } #header { float: left; width: 990px; height: 80px; } #header .logo { margin-left: 20px; } #header a:link, #header a:visited, #headera:active { color: #4c74ba; text-decoration: none; font-weight: normal; } a:hover { text-decoration: underline; } #quick_links { position: absolute; left: 810px; top: 30px; width: 150px; } #quick_links li { float: left; border-right: 1px solid #4c74ba; padding-left: 15px; padding-right: 15px; } #quick_links a:link { color: #4c74ba; text-decoration: none; } #quick_links a:visited { color: #4c74ba; text-decoration: none; } #quick_links a:active { color: #4c74ba; text-decoration: none; } #quick_links a:hover { text-decoration: underline; } #languagechoice { position: absolute; top: 6px; left: -70px;} #mainmenu { float: left; width: 989px; height: 38px; border: 1px solid #ccc; border-width: 0px 0px 0px 1px; } #content { float: left; border: 1px solid #ccc; background: #fff; } #visual_high { float: left; width: 740px; height: 328px; border: 1px solid #ccc; border-width: 0px 1px 0px 0px; padding: 1px; overflow:hidden;} #slogan { position:relative; float: left; margin-left: -742px; margin-top: 260px; z-index:10} #visual_low { float: left; width: 987px; height: 95px; overflow:hidden;} #visual_projects { height: 250px; overflow:hidden;} #visual_projects h1 { font-size: 18px;} #footer_home { float: left; width: 988px; height:40px; font-size: 12px;position: relative; } #footer_home ul.mainMenu li { position: relative; float: left;height:40px; } #footer_home ul.mainMenu li a { float: left; background: #fff; font-weight: normal; height:40px;padding: 8px 11px 8px 12px; } #footer_home .col_one { float: left; width: 218px; text-align: left; padding-top: 8px;height:40px; margin-left: 30px; line-height: 21px;} #footer_home .col_two { float: left; width: 484px; text-align: center; padding-top: 8px;height:40px;margin-left: 10px; line-height: 21px; } #footer_home .col_three { float: left; width: 179px; text-align: right; padding-top: 8px;height:40px; margin-left: 35px; line-height: 21px;} /* CONTACT ------------------------------------------------- */ #contact { float: left; width: 246px; height: 329px; margin-left: -1px; background-image: url(../images/nbidt_contact.jpg); background-repeat: no-repeat; background-position: center 1px; } #contact a:link { color: #fff; text-decoration: none; } #contact a:visited { color: #fff; text-decoration: none; } #contact a:active { color: #fff; text-decoration: none; } #contact a:hover { text-decoration: underline; } #contact h4 { color: #fff; font-size: 24px; font-weight: 500; margin: 20px; } #contact .item { position: relative; left: 30px; width: 206px; height: 240px; } #contact .image { float: left; width: 50px; height: 40px; margin-bottom: 20px; } #contact .description { float: left; width: 150px; height: 25px; margin-bottom: 20px; margin-top: 15px; font-size: 14px; color: #fff; } /* BLOCKS ------------------------------------------------- */ .small_block { float: left; width: 246px; height: 246px; border: 1px solid #ccc; border-right: 0px; border-bottom: 0px; margin-left: -1px; background-image: url(../images/nbidt_front_block.jpg); background-repeat: no-repeat; background-position: center top; } .small_block h1 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .small_block h4 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .small_block .content { position: relative; left: 34px; width: 197px; } .double_block { float: left; width: 494px; height: 246px; border: 1px solid #ccc; border-right: 0px; border-bottom: 0px; margin-left: -1px; background-image: url(../images/nbidt_front_block.png); background-repeat: no-repeat; background-position: left top; } .double_block h1 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .double_block h4 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .double_block .content { position: relative; left: 34px; top: 20px; width: 424px; font-size: 12px; } .nb_block { float: left; width: 247px; height: 246px; border: 1px solid #ccc; border-bottom: 0px; background-image: url(../images/nbidt_front_nb_block.png); background-repeat: no-repeat; background-position: center top; margin-left: -1px; } .nb_block .content { position: relative; left: 34px; top: 20px; width: 197px; font-size: 12px; } .nb_block h1 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .nb_block h4 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .place_block { float: left; width: 246px; height: 246px; border: 1px solid #ccc; border-bottom: 0px; margin-left: -1px; background-image: url(../images/nbidt_front_place_block.png); background-repeat: no-repeat; background-position: center top; } .place_block .content { position: relative; left: 34px; top: 20px; width: 197px; } .place_block .image { position: relative; left: 0px; top: 0px; } .place_block .text { position: relative; left: 0px; top: 10px; margin-top: 20px; } .place_block h1 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .place_block h4 { font-size: 24px; color: #4c74ba; font-weight: 500; margin-bottom: 8px; } .place_block h2 { position: relative; left: 10px; top: 28px; font-size: 21px; color: #fff; font-weight: 500; } .portfolio h2 { font-size: 18px; color: #4c74ba; font-weight: 500; } .portfolio img { margin-bottom: 10px; } #pagetips {float: right; } #pagetips1 {float: right; margin-right: 30px;} /* MENU ------------------------------------------------- */ #mainmenu ul.mainMenu { float: left; position:relative; display: block; font-family: verdana, arial, Helvetica, Geneva, SunSans-Regular, sans-serif; font-weight: normal; margin-left: -1px; z-index:100;} #mainmenu ul.mainMenu li { position: relative; float: left; list-style-type: none; text-align: center; border-right: 1px solid #ccc; } #mainmenu ul.mainMenu li p, #mainmenu ul.mainMenu li a { display: block; padding: 13px 27px 12px 26px; color: #4c74ba; font-size: 12px; text-decoration: none; font-weight: bold; } #mainmenu ul.mainMenu li a:hover, #mainmenu ul.mainMenu li.over { color: #4c74ba; text-decoration: underline; } #mainmenu ul.mainMenu li.active { } #mainmenu ul.mainMenu li ul { display: none; background-color: #fff; position: absolute; z-index: 50; margin-left:-1px; left: 0; font-family: arial; border-top: 1px solid #ccc; margin-top: -1px; } #mainmenu ul.mainMenu li ul li { text-align: left; font-weight: normal; clear: both; display: block; width: 210px; border: 1px solid #ccc; border-top: 0px; } #mainmenu ul.mainMenu li ul li a { background: #ffffff; font-weight: normal; color: #4c74ba; padding: 6px 0px 6px 30px; color: #333; background-image: url(../images/nbidt_menu_arrow.gif); background-repeat: no-repeat; background-position: 21px 12px; text-decoration: none; } #mainmenu ul.mainMenu li ul li a:hover { background: #efefef; color: #4c74ba; padding: 6px 0px 6px 35px; color: #333; background-image: url(../images/nbidt_menu_arrow.gif); background-repeat: no-repeat; background-position: 26px 12px; text-decoration: none; } #mainmenu ul.mainMenu li ul li ul { display: none; border-top: #7e7e7e solid 1px; z-index: -50; } #mainmenu ul.mainMenu li:hover ul, #mainmenu ul.mainMenu li.over ul { display: block; } #mainmenu ul.mainMenu li.end { } #col_one ul.mainMenu li ul { display: none; } #col_one ul.mainMenu li.active ul { display: block; } /* HR ------------------------------------------------- */ #col_two hr { float: left; width: 100%; border: 0px; border-bottom: 1px solid #CCCCCC; margin-bottom: 5px; } /* BREADCRUMS ------------------------------------------------- */ #breadcrumb { float: left; margin-bottom: 20px; } #breadcrumb .bread_separate { margin-right: 2px; } /* TABMENU ------------------------------------------------- */ #col_two ul.mainMenu { list-style-type: none; border-bottom: 2px solid #DDD; padding: 2px 0px; margin-bottom: 20px; width: 535px; float:left; } #col_two ul.mainMenu li { display: inline;} #col_two ul.mainMenu a, #col_two ul.mainMenu a:visited { color: #666; padding: 2px 10px; margin: 0 3px 0 0; text-decoration: none; border-top: solid 1px #CCC; border-right: solid 1px #CCC; border-left: solid 1px #CCC; } #col_two ul.mainMenu a:hover, #col_two ul.mainMenu a:active { text-decoration: underline; } #col_two ul.mainMenu li.active a, #col_two ul.mainMenu li.active a:visited { border-bottom: solid 2px #FFF; background-color: #FFF; font-weight: bold; } #col_two ul.mainMenu a.true:hover, #col_two ul.mainMenu a.true:active { text-decoration: underline; } /* PROJECT ------------------------------------------------- */ div.project { border: 1px solid #CCCCCC; padding: 3px; margin-right:-5px; } div.project:hover { background-color: #E4F5FC; } div.project li { display: list-item; list-style-type: circle; margin-left: 15px; list-style-position:inside;} div.project span a img { margin-bottom: 0px !important; } /* ---------------------------------------------------------------*/ .copy{ margin-left:auto; margin-right:auto; width:989px; float:left; padding-top:45px; text-align:center; font-size:11px; }