/* General page tags */ body { margin:0px; padding:0px; background:url(bg.gif) repeat-x center top #0c3b71 fixed; text-align:center; } body, input, select, textarea, td { color:#00326d; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; } a { color:#00326d; text-decoration:none; } a:hover { text-decoration:underline; } ul { margin:0; padding:0; } form { margin:0px; padding:0px; } p { margin:0 0 1em 0; } h1, h2, h3, h4, h5, h6 { margin:0 0 1em 0; padding:0; } img { border:none; } .clear-after:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Page */ #page { width:990px; text-align:left; margin-left:auto; margin-right:auto; } #page-inside { width:990px; text-align:left; margin-left:auto; margin-right:auto; } /* Header */ #header { background:url(header_bg.jpg) no-repeat; height: 162px} #logo { padding:45px 0 0 49px; } /* Body */ #middle {background:#e9e9e9 url(middle_bg.gif) repeat-y;padding:0 0 10px 0; } #left-side { width:260px; float:left; margin:0; padding:0; } /* Left Menu */ #left-menu { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#092a50; margin:0 0 0 3px; } #left-menu ul { width:254px; list-style:none; margin:0 0 0 0px; } /* this has to be changed for ie6 from margin: 0 0 0 3px */ #left-menu ul li { float:left; width:254px; background:url(left_menu_bottom.gif) no-repeat left bottom; margin:2px 0 0px 0; padding:0 0 2px 0; } #left-menu ul li div.top { background:url(left_menu_top.gif) no-repeat; width:254px; } #left-menu ul li div.top a {display:block; text-decoration:none; background:url(left_menu_open.gif) no-repeat 230px 14px; width:247px; height:30px; padding:0 0 0 10px; line-height:30px} #left-menu ul li div.info { background:url(left_menu_info.gif) no-repeat 0 0px #f5f5f5; border-left: solid 1px #dbdbdb; border-right: solid 1px #dbdbdb; width:232px; margin:0; padding:15px 10px 5px 10px; font-size:11px; } #left-menu ul li.section { background:none; padding:8px 0 5px 0; } .projects-view-outter { float:right; width: 210px; margin:0; padding:0; } .projects-view { background:url(button_side.gif) repeat-x; padding:0 1px 0 1px; margin:14px 0 0 0;} .projects-view a{ text-decoration:none; display:block; color:#e9e9e9; background:url(button_bg.gif) repeat-x; height:18px; padding:2px 2px 0 2px; } .projects-view a:hover{ text-decoration:none;} /* Left Menu Inside */ #left-menu-inside { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#092a50; margin:0; } #left-menu-inside ul { list-style:none; margin:0 0 0 3px; } #left-menu-inside ul li { float:left; margin:2px 0 0px 0; padding:0 0 0px 0; } #left-menu-inside ul li a {display:block; text-decoration:none; background:url(left_menu_inside_bg.gif) no-repeat; background-position:0px -32px; width:247px; height:32px; padding:0 0 0 10px; line-height:30px} #left-menu-inside ul li.selected a { background-position:0px 0px !important; color:#FFFFFF } #left-menu-inside ul li a:hover {background-position:0px 0px; text-decoration:none; color:#FFFFFF} #left-menu-inside ul li.section { background:none; padding:3px 0 0 0; } /* Right Side */ #right-side { width:730px; float:left; margin:0; padding:0; background:url(right_bg.gif) repeat-x;} /* Main Menu */ #main-menu { margin:0; padding:0; height:48px; width:730px} #main-menu ul { list-style:none; margin:0px 7px 0 0; } #main-menu ul li { float:left; } #main-menu ul li a { display:block; height:48px; background-repeat:no-repeat; background-position:0px -96px; } #main-menu ul li a:hover { text-decoration:none; background-position:0px 0px; } #main-menu ul li.selected a { background-position:0px 0px !important; } #main-menu ul li a span { left:-999em; position:absolute; } #main-menu-01 a { background-image:url(mmenu_01x.gif); width:64px; } #main-menu-02 a { background-image:url(mmenu_02x.gif); width:116px; } #main-menu-03 a { background-image:url(mmenu_03x.gif); width:145px; } #main-menu-04 a { background-image:url(mmenu_04x.gif); width:109px; } #main-menu-05 a { background-image:url(mmenu_05x.gif); width:101px; } #search-outter {float:left; padding: 10px 0 0 7px; margin:0; } #search { background: url(search_bg.gif) no-repeat; width: 183px; height:28px; margin:0; padding:0;} #search input.input_box{ float:left; color:#000000; width: 140px; border:none #fff; margin: 6px 0px 6px 10px; } #search input.search_button { width: 25px; height:28px; margin:0; padding:0;} #content { width:505px; background:#FFFFFF;} #content h1 { font-size:32px; letter-spacing:-1px; font-weight:normal; margin:0 0 0 18px; padding:20px 0 15px 0; font-family:Georgia, "Times New Roman", Times, serif; border-bottom: solid 3px #08264a} div.main-para { margin:10px 28px 16px 18px; line-height: 16px; } div.main-para a { text-decoration:underline; } div.main-para a:hover { } div.main-para div.link-cto { float:left; background:url(button_side.gif) repeat-x; padding:0 1px 0 1px; margin:0px 0 0 0; } div.main-para div.link-cto a { text-decoration:none; display:block; color:#e9e9e9; background:url(button_bg.gif) repeat-x; line-height:normal; height:18px; padding:2px 2px 0 2px; font-size:11px; } div.main-para div.link-cto a:hover { text-decoration:none;} div.page-content { margin:10px 28px 16px 18px; line-height: 16px; } #pagegallery { margin:10px 29px 0px 18px; border:1px solid #061c36; padding:1px; } #content h2 { font-weight:normal; font-size:16px; margin:0 0 0 18px; padding:10px 0 15px 31px; background: url(title_bullet.gif) no-repeat 0px 10px; border-top: solid 3px #ebf2f9;} .project-img { float:left; } .project-img img { padding:2px; margin:0 0 0 18px} .project-item .first { background:url(stripe_bg.gif); } .project-item .alt { background:url(stripe_bg.gif); /*background: #ebf2f9;*/ } .projects-view {float:right; } .project-content { float:left; width:401px; height:50px; } .project-title { font-weight:bold; font-size:14px; margin:6px 0 0 13px; } .project-details {margin:4px 0 0 13px;} /* Footer */ #footer { height:140px; color:#656363; background-color:#1e1e1e; margin:0; padding:22px 15px 0 15px; border-top: solid 10px #8f8f8f } #footer .left { float:left; width:252px; height:140px; padding:0 0 0 5px; } #footer .right { float:left; padding:0; margin:0; } #footer .right ul { list-style:none; margin:0; } #footer .right ul li { display:inline; border-left:1px solid #424141; padding:0 5px 0 5px; } #footer .right ul li.first { border-left:none;padding:0 5px 0 0;} #footer .right ul li a { text-decoration:none; color:#8f8f8f; } #footer .right ul li a:hover { color:#fff;} #footer #address { padding:20px 0 0 0;} #footer #address a{ text-decoration:none; color:#656363;} #footer #address a:hover { color:#fff;} #footer #mnet { text-align:right } /* Form styles */ input.checkbox { padding:0px 0px 0px 0px; margin:0px 2px 0px 4px; } /* Sitemap */ #sitemap { padding:0px 0px 0px 10px; margin:0px; } #sitemap li { list-style:none; line-height:14px; padding:10px 0px 0px 0px; } #sitemap li a { background:url(sm_multi.gif) no-repeat left 2px; padding:0px 0px 0px 14px; text-decoration:none; } #sitemap li.no-children a { background:url(sm_page.gif) no-repeat left 2px; } #sitemap ul.lev2 { background:url(sm_line1.gif) no-repeat 3px 2px; margin:0px 0px 0px 0px; padding:0px 0px 0px 129px; } #sitemap ul.lev2 li { background:url(sm_line_vert1.gif) no-repeat left 0px; line-height:14px; padding:0px 0px 0px 0px; } #sitemap ul.lev2 li a { background-position:left 2px; margin:0px 0px 0px 12px; padding:0px 0px 0px 14px; } #sitemap ul.lev2 li.no-children a { background:url(sm_page.gif) no-repeat left 2px; } #sitemap ul.lev2 li.is-form a { background:url(sm_form.gif) no-repeat left 3px; } #sitemap ul.lev2 li.first { background:url(sm_line_vert_top1.gif) no-repeat left 6px; } #sitemap ul.lev2 li.last { background:url(sm_line_vert_bot1.gif) no-repeat left 0px; } #sitemap ul.lev2 li.lonely { background:url(sm_line_vert_lonely1.gif) no-repeat left 6px; } #sitemap ul.lev3 { background:url(sm_line1.gif) no-repeat 3px 2px; margin:0px 0px 0px 12px; padding:0px 0px 0px 129px; } #sitemap ul.lev3 li { background:url(sm_line_vert1.gif) no-repeat left 0px; padding:0px 0px 0px 0px; } #sitemap ul.lev3 li a { display:block; background:url(sm_page.gif) no-repeat left 2px; margin:0px 0px 0px 12px; } #sitemap ul.lev3 li.lonely { background:url(sm_line_vert_lonely1.gif) no-repeat left 6px; } #sitemap ul.lev3 li.first { background-position:left 6px; } #sitemap ul.lev3 li.last { background-position:left 0px; } #page-inside #right-side { width:730px; float:left; margin:0; padding:0; background:url(right_bg_inside.gif) repeat-x;} #title_group_companies { background:url(tl_group_companies.jpg) no-repeat; height:63px; width:725px; margin:0; padding:0;} #title_contact { background:url(tl_contact.jpg) no-repeat; height:63px; width:725px; margin:0; padding:0;} #title_gen { background:url(tl_gen.jpg) no-repeat; height:63px; width:725px; margin:0; padding:0;} #title_group_profile { background:url(tl_group_profile.jpg) no-repeat; height:63px; width:725px; margin:0; padding:0;} #title_recruitment { background:url(tl_recruitment.jpg) no-repeat; height:63px; width:725px; margin:0; padding:0;} #title_group_companies span { left:-999em; position:absolute; } #title_contact span { left:-999em; position:absolute; } #title_gen span { left:-999em; position:absolute; } #title_group_profile span { left:-999em; position:absolute; } #title_recruitment span { left:-999em; position:absolute; } #breadcrumbs { background:#09294f; height:21px; width:705px; margin:0; padding:5px 0 0 20px; color:#839bb4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;} #breadcrumbs a, #breadcrumbs span { color:#839bb4; text-decoration:none; margin:0 0 0 5px; padding: 0 14px 0 0; background:url(breadcrumb_arrow.gif) no-repeat right 4px; } #breadcrumbs .selected{ background:none; color:#a4bdd7; } #title_inside_h2 {margin:10px 0 0 18px; padding:11px 0 16px 31px; background: url(title_bullet.gif) no-repeat 0px 10px;border-bottom: solid 3px #08264a} #inside-left{ float:left; width:505px; padding:12px 0 0 0; } #inside-left h3 { font-weight:bold; font-size:16px; margin:8px 0 10px 18px; } #inside-right{ float:left; width:225px; padding:2px 0 30px 0; background:url(right_menu_bottom.gif) repeat-x left bottom #ebf2f9 ;} #inside-right ul{ list-style:none; margin:0 0 0 0px; padding:0 0 0px 0;} #inside-right ul li { float:left; margin:0px 0 0px 0; padding:0 0 0px 0; } #inside-right ul li a {display:block; text-decoration:none; background:url(right_menu_bg.gif) no-repeat; background-position:0px -30px; width:195px; height:30px; padding:0 0 0 30px; line-height:30px; } #inside-right ul li.selected a { background-position:0px 0px !important; color:#FFFFFF } #inside-right ul li a:hover {background-position:0px 0px; text-decoration:none; color:#FFFFFF} .project { background:url(project_listing_bg.gif) no-repeat; margin:0 0 20px 18px;} .project .project-img-main { float:left } .project .project-details-outer { float:left; width:311px; height:100px; } .project .project-title { font-weight:bold; font-size:14px; margin:0 0 3px 8px; } .project .project-location {margin: 0 0 10px 8px;} .project .project-details {margin: 0 0 4px 8px;} .project .project-thumbs-title{ float:left; color:#7f98b6; padding: 8px 27px 0 0; } .project .project-thumbs { float:left; } .project .project-thumbs img{ margin: 0 2px 0 0; } #paging { font-family:Verdana, Arial, Helvetica, sans-serif; color:#2d1769; font-size:10px; border-top: solid 3px #ebf2f9; margin: 0 0 0 18px} #paging .left { float:left; width: 250px; padding:10px 0 0 0;} #paging .right { float:right; width: 150px; text-align:right; padding:14px 20px 0 0;} #paging .right span{ font-weight:bold;} #project-details { margin:0 0 20px 18px;} #project-details .project-img-main { float:left } #project-details .project-details-outer { float:left; width:311px; height:100px; } #project-details .project-title { font-weight:bold; font-size:14px; margin:0 0 3px 8px; } #project-details .project-location {margin: 0 0 10px 8px;} #project-details .project-details {margin: 0 0 4px 8px;} #details-para { padding: 13px 20px 20px 0 ; line-height:18px;} #details-para p{ margin:0; padding:0;} #project-details .project-thumbs-title{ float:left; color:#7f98b6; padding: 6px 27px 5px 5px; background:#f5f8fc} #project-details .project-thumbs { float:left; background:#f5f8fc } #project-details .project-thumbs img{ margin: 0 2px 0 0; } #content-para { padding: 0 20px 20px 0 ; line-height:18px; margin:0 0 0 18px} #content-para p{ margin:0; padding:0;} ul.document-list { list-style:none; margin:0; padding-top:10px; } ul.document-list li { background-color:#F5F8FC; margin:1px 0 0 0; padding:0 5px 0 5px; } ul.document-list li a { background:url(icon_pdf.gif) no-repeat right 6px; padding:2px 0 5px 0px; line-height:20px; display:block; border:none !important; } ul.search-list { list-style:none; margin:0; padding-top:10px; } ul.search-list li { background-color:#F5F8FC; margin:5px 0 0 0; padding:0 5px 0 5px; } ul.search-list li a { padding:2px 0 5px 0px; line-height:20px; display:inline; border:none !important; font-weight:bold} .form-row { line-height:16px; margin:3px 0 4px 0; } .form-title { float:left; width:120px; padding:3px 0 0 0; } .form-input { float:left; width:330px;} .form-input .textbox{ background:none; border:1px solid #09294F; width:330px; padding: 2px 2px 2px 2px;} .form-input .textarea{background:none; border:1px solid #09294F; width:330px; padding: 2px 2px 2px 2px; } .form-buttons-outer { float:right; width: 100px; margin:0; padding:0; margin-right:2px;} .form-buttons-view { background:url(button_side.gif) repeat-x; padding:0 1px 0 1px; margin:7px 0 0 0;} .form-buttons-view a{ text-decoration:none; display:block; color:#e9e9e9; background:url(button_bg.gif) repeat-x; height:18px; padding:2px 2px 0 2px; line-height:normal; } .form-buttons-view a:hover{ text-decoration:none;} .contact-info { margin:0px 10px 20px 20px;} .contact-info .contact-info-title { font-weight:bold; font-size:12px; line-height:18px; padding-bottom:5px;} .search-bc { font-size:10px; color:#444; font-family:Verdana, Arial, Helvetica, sans-serif;} .search-bc a { margin:0; padding:0; text-decoration:none} .latest-news-img { padding-left:20px; padding-bottom:10px;}