/*General*/ body { color: #271e21; font-family:Arial, Helvetica, sans-serif; font-size:100%; /* 1em=16px*/ line-height:0.875em; /*14px */ margin:0; padding:0; background: url(/images/bkgd_main.jpg) top center no-repeat; background-color: #000612;} div { margin: 0; padding: 0; } img { border: 0; } p { margin: 0.5em 0 1em 0; } ul li { margin-bottom: 0.5em;} .hide { display: none;} .left { text-align: left;} .right { text-align: right;} .center { text-align: center;} .block { display:table; width: 100%; } .colleft { float: left; } .colright { float: right; text-align: left; } .smalltext { font-size: 0.786em; /*11px*/ } .credits { font-size: 11px; padding: 0; margin:0 14px 0 0; text-align: right; } a:link, a:active, a:visited { color: #3382bd; text-decoration: underline; } a:hover { color: #000; text-decoration: underline; } #skiplinks { position:absolute; width:0px; height:0px; overflow:hidden; } #wrapper { width: 916px; margin: auto; text-align: left; background: url(/images/bkgd_wrapper.jpg) top center no-repeat; background-color: #fff; padding: 0 23px;} #header { display:inline-table; width: 916px; height: 119px; margin-bottom: 10px; background: url(/images/bkgd_header.jpg) top center no-repeat;} #logo { float: left; width: 300px; height: 119px; } #logo_print { display: none; } #menu { float: right; width: 515px; margin-top: 72px; height: 30px; } #menu ul { margin:0; padding:0; list-style:none; } #menu li{ display:inline; margin:0; padding:0; float: left; } #menu ul li a { display: block; height: 30px; line-height: 30px; text-decoration:none; text-indent: -5000px; overflow: hidden; margin-right: 26px;} #menu ul li a.home { width: 35px; margin-right: 36px; background: url(/images/menu_home.jpg) top left no-repeat;} #menu ul li a.aboutus { width: 56px; background: url(/images/menu_aboutus.jpg) top left no-repeat;} #menu ul li a.services { width: 50px; background: url(/images/menu_services.jpg) top left no-repeat;} #menu ul li a.projects { width: 48px; margin-right: 25px; background: url(/images/menu_projects.jpg) top left no-repeat;} #menu ul li a.news { width: 33px; background: url(/images/menu_news.jpg) top left no-repeat;} #menu ul li a.careers { width: 45px; margin-right: 25px; background: url(/images/menu_careers.jpg) top left no-repeat;} #menu ul li a.contactus { width: 65px; margin-right: 19px; background: url(/images/menu_contactus.jpg) top left no-repeat;} #menu ul li a:hover, #menu ul li a.selected { background-position: 0px -30px;} /* Masthead Elements */ #mast_large { width: 916px; height: 434px; margin-bottom: 12px; } #mast_small { width: 916px; height: 227px; margin-bottom: 12px; } #redirect { width: 916px; height: 200px; margin-bottom: 12px; padding-top: 100px; text-align: center; } /* Containers */ #container { display: inline-table; width: 916px; } #container_left { float: left; width: 686px; margin-right: 18px; } #container_right { float: right; width: 212px; text-align: left; } .ie6 #container_right { clear: left;} /* Common Styles */ h1 { color:#0068B2; font-size: 18px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0 0 1em 0; padding: 0;} p { color:#231f1e; font-size: 14px; line-height: 16px; } .grey { color:#231f1e; } .black { color:#000; } /* Home Elements */ #container #intro { float: left; width: 266px; height: 265px; padding: 13px; margin-right: 12px; background: url(/images/bkgd_home_intro.gif) top left no-repeat; } #container #intro h1 { color: #3382bd; font-size: 18px; line-height: 22px; font-style: normal; font-weight: normal; padding: 0; margin: 0; } #container #intro p { color:#504e51; font-size: 12px; line-height: 14px; margin: 0 0 0.5em 0; } #container #intro a.arrow { display: block; float: right; padding-right: 14px; text-decoration: none; background: url(/images/home_intro_arrow.gif) top right no-repeat; } #container #intro a { color:#504e51; text-decoration: none; } #container #intro a:hover { color:#000; } #container #quote { float: right; width: 167px; min-height: 237px; background: url(/images/bkgd_home_quote_bottom.gif) bottom left no-repeat; padding-bottom: 10px;} #container #quote h2 { color: #3382bd; font-size: 13px; line-height: 16px; font-style: normal; font-weight: normal; padding: 0 12px; margin: 0; } #container #quote h2.homequote { font-size: 0.75em; } #container #quote span.quote_open { display: block; width: 167px; height: 28px; text-indent: -5000px; background: url(/images/bkgd_home_quote_open.gif) top left no-repeat; margin-bottom: 5px;} #container #quote span.quote_close { display: block; width: 167px; height: 16px; text-indent: -5000px; background: url(/images/bkgd_home_quote_close.gif) top left no-repeat; margin-top: 5px;} #container #quote p.signature { margin: 0; padding: 10px 12px 0px 12px; font-size: 12px; line-height: 14px;} #gateways { display: inline-table; float: left; height: 237px; width: 434px; margin-top: -10px;} #gateways div.gateway { display: inline-table; width: 434px; overflow: hidden; margin-top: 10px; } #gateways div.project_gateway { height: 113px; background: url(/images/bkgd_home_gateway.gif) top left no-repeat; } #gateways div.info_gateway { height: 169px; background: url(/images/bkgd_home_gateway_team.gif) top left no-repeat; } #gateways div.gateway img { float: left; width: 127px; height: 87px; margin: 12px 0 0 13px; } #gateways div.gateway div.text { float: left; width: 265px; margin: 12px 0 0 17px; } #gateways div.gateway div.text h1 { color:#0068B2; font-size: 16px; font-style: normal; font-weight: bold; line-height: 18px; margin: 0 0 8px 0; padding: 0;} #gateways div.gateway div.text h2 { color:#0068B2; font-size: 12px; font-style: normal; font-weight: bold; line-height: 14px; margin: 0; padding: 0;} #gateways div.gateway div.text p { color:#504e51; font-size: 12px; line-height: 14px; margin: 0 0 0.5em 0; } #gateways div.gateway a { color:#504e51; text-decoration: underline; } #gateways div.gateway a.arrow { display: block; float: right; padding-right: 14px; text-decoration: none; background: url(/images/gateway_arrow.gif) top right no-repeat;} #gateways div.gateway a:hover { color:#000; } /* About Us */ div.about_top { width: 686px; height: 14px; line-height: 14px; background: url(/images/bkgd_about_top.jpg) top left no-repeat; overflow: hidden;} div.about { padding: 0 8px 14px 14px; background: url(/images/bkgd_about_bottom.jpg) bottom left no-repeat; } div.about table td { text-align: left; vertical-align: middle; font-size: 14px; line-height: 16px; padding: 2px 0;} div.about a.arrow { display: inline-block; float: right; padding-right: 14px; text-decoration: none; background: url(/images/about_arrow.gif) top right no-repeat; clear: none;} div.about a { color:#504e51; text-decoration: none; } div.about a:hover { color:#000; } div.about p.iso9001 img { float: left;} div.about p.iso9001 { height: 83px; margin-bottom: 0; padding-bottom: 0.5em;} /* Services */ div.services { padding: 0 8px 0 14px; } ul.services_list { margin:0; padding:0; list-style:none; } ul.services_list li{ display:inline; margin:0; padding:0; float: left; } ul.services_list li a, ul.services_list li a:link, ul.services_list li a:active, ul.services_list li a:visited { display: block; width: 200px; height: 114px; text-decoration:none; overflow: hidden; padding: 125px 0 0 12px; color:#0068B2; font-size: 16px; font-style:normal; font-weight:normal; line-height:20px; } ul.services_list li a.pm { margin: 0 14px 14px 0; background: url(/images/services/pm.jpg) top left no-repeat; } ul.services_list li a.smc { margin: 0 14px 14px 0; background: url(/images/services/smc.jpg) top left no-repeat; } ul.services_list li a.pc { margin: 0 0 14px 0; background: url(/images/services/pc.jpg) top left no-repeat; } ul.services_list li a.cm { margin: 0 14px 0 0; background: url(/images/services/cm.jpg) top left no-repeat; } ul.services_list li a.erm { margin: 0 14px 0 0; background: url(/images/services/erm.jpg) top left no-repeat; } ul.services_list li a.lp { margin: 0 0 0 0;background: url(/images/services/lp.jpg) top left no-repeat; } ul.services_list li a:hover { background-position: 0 -239px; text-decoration: none; color: #000;} #service_detail { display: inline-table; width: 686px; } #service_detail #submenu { float: left; width: 212px; margin: 0 18px 0 13px; padding: 4px 0 0 0; background: url(/images/bkgd_service_submenu_top.jpg) top left no-repeat; } .ie6 #service_detail #submenu { margin-left: 6px; } #service_detail #submenu ul { margin:0; padding:0 7px 0 11px; list-style:none; background: url(/images/bkgd_service_submenu_bottom.jpg) bottom left no-repeat; } #service_detail #submenu ul li{ margin:0; padding:3px 0 14px 0; border-bottom: solid 2px #88af6c; } #service_detail #submenu ul li.last{ border-bottom: none; } #service_detail #submenu ul li a { display: block; font-size: 15px; line-height: 20px; color: #3382bd; text-decoration: none;} #service_detail #submenu ul li a:hover, #service_detail #submenu ul li a.selected { color: #000; } #service_detail #content_top { float: left; width: 442px; height: 14px; line-height: 14px; background: url(/images/bkgd_service_detail_top.jpg) top left no-repeat; overflow: hidden;} #service_detail #content { float: left; width: 416px; background: url(/images/bkgd_service_detail_bottom.jpg) bottom left no-repeat; color:#231f1e; font-size: 12px; line-height: 14px; padding: 0 13px 14px 13px; } #service_detail #content h1 { color:#0068B2; font-size: 25px; font-style: normal; font-weight: normal; line-height: 25px; margin: 0; padding: 0; } #service_detail #content h2 { color:#0068B2; font-size: 17px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 20px 0 0 0; } #service_detail #content ul { margin: 1em 0 0 13px; padding: 0; } .ie #service_detail #content ul { margin-left: 18px; } .opera #service_detail #content ul { margin-left: 18px; } #service_detail #content li { list-style-image: url(/images/services_bullet.jpg); } /* projects */ div.projects { padding: 0 8px 0 14px; } ul.projects_list { margin:0; padding:0; list-style:none; } ul.projects_list li{ display:inline; margin:0; padding:0; float: left; } ul.projects_list li a, ul.projects_list li a:link, ul.projects_list li a:active, ul.projects_list li a:visited { display: block; width: 200px; height: 114px; text-decoration:none; overflow: hidden; padding: 125px 0 0 12px; color:#0068B2; font-size: 16px; font-style:normal; font-weight:normal; line-height:20px; } ul.projects_list li a.p1 { margin: 0 14px 14px 0; background: url(/images/projects/p1.jpg) top left no-repeat; } ul.projects_list li a.p2 { margin: 0 14px 14px 0; background: url(/images/projects/p2.jpg) top left no-repeat; } ul.projects_list li a.p3 { margin: 0 0 14px 0; background: url(/images/projects/p3.jpg) top left no-repeat; } ul.projects_list li a.p4 { margin: 0 14px 0 0; background: url(/images/projects/p4.jpg) top left no-repeat; } ul.projects_list li a.p5 { margin: 0 14px 0 0; background: url(/images/projects/p5.jpg) top left no-repeat; } ul.projects_list li a.p6 { margin: 0; background: url(/images/projects/p6.jpg) top left no-repeat; } ul.projects_list li a:hover { background-position: 0 -239px; text-decoration: none; color: #000;} #projectsform { margin-bottom: 15px; } #project_detail { display: inline-table; width: 686px; } #project_detail #submenu { float: left; width: 212px; margin: 0 18px 0 13px; padding: 4px 0 0 0; background: url(/images/bkgd_project_submenu_top.jpg) top left no-repeat; } .ie6 #project_detail #submenu { margin-left: 6px; } #project_detail #submenu ul { margin:0; padding:0 7px 0 11px; list-style:none; background: url(/images/bkgd_project_submenu_bottom.jpg) bottom left no-repeat; } #project_detail #submenu ul li{ margin:0; padding:3px 0 14px 0; border-bottom: solid 2px #e0b952; } #project_detail #submenu ul li.last{ border-bottom: none; } #project_detail #submenu ul li a { display: block; font-size: 15px; line-height: 20px; color: #3382bd; text-decoration: none;} #project_detail #submenu ul li a:hover, #project_detail #submenu ul li a.selected { color: #000; } #project_detail #content_top { float: left; width: 442px; height: 14px; line-height: 14px; background: url(/images/bkgd_project_detail_top.jpg) top left no-repeat; overflow: hidden;} #project_detail #content { float: left; width: 416px; background: url(/images/bkgd_project_detail_bottom.jpg) bottom left no-repeat; color:#231f1e; font-size: 12px; line-height: 14px; padding: 0 13px 14px 13px; } #project_detail #content h1 { color:#0068B2; font-size: 25px; font-style: normal; font-weight: normal; line-height: 25px; padding: 0px 0 12px 0; margin: 0; border-bottom: solid 2px #e0b952;} #project_detail #content h2 { color:#0068B2; font-size: 17px; font-style: normal; font-weight: normal; line-height: 32px; margin: 0; padding: 0; border-bottom: solid 2px #e0b952;} #project_detail #content h2.noborder { border-bottom: none; margin-bottom: -10px;} #project_detail #content h2 span.grey { color:#231f1e; } #project_detail #content hr { margin-top: 20px; color:#e0b952; background-color: #e0b952; height:2px; border: 0; width: 100%;} .ie #project_detail #content hr { margin-top: 0px; } #project_detail #content h3 { color:#0068B2; font-size: 14px; font-style: normal; font-weight: normal; line-height: 32px; margin: 0; padding: 0; } #project_detail #content ul.gallery li { width: 147px; height: 82px; padding: 5px 0 0 6px; background: url(/images/bkgd_project_thumb.jpg) top left no-repeat;} #project_detail #content ul.gallery { margin: 0; padding: 0; list-style: none; display: inline-table;} #project_detail #content li { float: left; margin: 0 2px 2px 0; } #project_detail #content p { clear: left; } #project_detail #content ul.archived_projects { margin:0; padding:0 0 4px 0; list-style:none; } #project_detail #content ul.archived_projects li { width: 416px; margin:0; padding:11px 0 10px 0; border-bottom: solid 2px #e0b952; display: inline-block; } #project_detail #content ul.archived_projects li.last { border-bottom: none; } #project_detail #content ul.archived_projects li img { float: left; width: 139px; height: 74px; background: url(/images/bkgd_archive_thumb.jpg) top left no-repeat; margin: 5px 11px 6px 0px; padding: 5px 8px 8px 6px; } #project_detail #content ul.archived_projects li h1 { border: none; font-size: 16px; line-height: 18px; margin: 0; padding: 6px 0 8px 0;} #project_detail #content ul.archived_projects li h2 { border: none; font-size: 16px; line-height: 18px;} #project_detail #content ul.archived_projects li p { clear: left; } #project_detail #submenu ul li a.archived { text-indent: 20px;} #project_detail #submenu ul li.archived { margin:0; padding:0 0 5px 0; } #project_detail #submenu ul li.archiveselected {padding:3px 0 8px 0; } /* Team Elements */ #team { display: inline-table; width: 686px; } #team #submenu { float: left; width: 212px; margin: 0 18px 0 13px; padding: 4px 0 0 0; background: url(/images/bkgd_team_submenu_top.jpg) top left no-repeat; } .ie6 #team #submenu { margin-left: 6px; } #team #submenu ul { margin:0; padding:0 7px 0 11px; list-style:none; background: url(/images/bkgd_team_submenu_bottom.jpg) bottom left no-repeat; } #team #submenu ul li{ margin:0; padding:3px 0 14px 0; border-bottom: solid 2px #8b8c8e; } #team #submenu ul li.last{ border-bottom: none; } #team #submenu ul li a { display: block; font-size: 15px; line-height: 20px; color: #3382bd; text-decoration: none;} #team #submenu ul li a:hover, #team #submenu ul li a.selected { color: #000; } #team #content { float: left; width: 442px; background: url(/images/bkgd_team_top.jpg) top left no-repeat; color:#231f1e; font-size: 12px; line-height: 14px; padding-top: 4px; } #team #content ul { margin:0; padding:0 12px 4px 12px; list-style:none; background: url(/images/bkgd_team_bottom.jpg) bottom left no-repeat; } #team #content ul li { margin:0; padding:0 0 10px 0; border-bottom: solid 2px #8b8c8e; display: inline-block; } #team #content ul li.last { border-bottom: none; } #team #content ul li img { float: left; width: 75px; height: 90px; background: url(/images/bkgd_team_image.jpg) top left no-repeat; margin: 5px 11px 0 6px; padding: 5px 8px 7px 5px; } #team #content h1 { float: left; width: 310px; color:#0068B2; font-size: 18px; font-style: normal; font-weight: normal; line-height: 18px; margin: 7px 0 3px 0; padding: 0;} #team #content h2 { float: left; width: 310px; color:#0068B2; font-size: 14px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 0; } #team #content p { float: left; width: 310px; display: block; } #team #careers_top { float: left; width: 442px; height: 4px; line-height: 4px; background: url(/images/bkgd_team_top.jpg) top left no-repeat; overflow: hidden;} #team #careers { float: left; width: 416px; background: url(/images/bkgd_team_bottom.jpg) bottom left no-repeat; color:#231f1e; font-size: 12px; line-height: 14px; padding: 0 13px 0 13px; } #team #careers h1 { color:#0068B2; font-size: 25px; font-style: normal; font-weight: normal; line-height: 25px; margin: 0; padding: 0; } #team #careers h2 { color:#0068B2; font-size: 17px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 20px 0 0 0; } #team #content p.arrow { width: 416px; padding-top: 10px;} #team #content a.arrow { display: block; text-align: right; padding-right: 14px; color:#504e51; text-decoration: none; background: url(/images/team_arrow.gif) top right no-repeat; } #team #content a:hover { color:#000; } /* news */ div.news_top { width: 686px; height: 14px; line-height: 14px; background: url(/images/bkgd_news_top.jpg) top left no-repeat; overflow: hidden; } div.news { padding-bottom: 14px; background: url(/images/bkgd_news_bottom.jpg) bottom left no-repeat;} div.news h1 { color:#f52b1f; font-size: 25px; font-style: normal; font-weight: normal; line-height: 25px; margin: 0; padding: 0 0 15px 240px; } div.news_article { display: table; clear: both; width: 664px; margin: 0 11px 14px 11px; border-bottom: solid #f25c39 2px; font-size: 14px; padding-bottom: 14px; } div.news_article_image { float: left; width: 229px; } div.news_article_image img { width: 174px; height: 119px; background: url(/images/news/bkgd_thumb.jpg) top left no-repeat; margin: 0 0 0 13px; padding: 5px 10px 10px 5px; } div.news_article_content { float: left; display: block; width: 435px; min-height:134px; } div.news h1.news_article_title { display: block; margin: 0; padding: 0; color:#000; font-size: 17px; font-style: normal; font-weight: bold; line-height: 18px; } p.news_article_date { display: block; font-size: 12px; margin: 0; padding: 0; } div.news_article_body { } /* Contactus Elements */ #contactus { float: left; width: 442px; } #contactus #contact_top { width: 442px; height: 8px; line-height: 8px; background: url(/images/bkgd_contact_top.jpg) top left no-repeat; overflow: hidden;} #contactus #contact {width: 416px; height: 250px; background: url(/images/bkgd_contact_bottom.jpg) bottom left no-repeat; color:#231f1e; font-size: 12px; line-height: 14px; padding: 0 13px; } #contactus #contact h1 { color:#0068B2; font-size: 25px; font-style: normal; font-weight: normal; line-height: 25px; margin: 0; padding: 0; } #contactus #contact h2 { color:#0068B2; font-size: 17px; font-style: normal; font-weight: normal; line-height: 20px; margin: 0; padding: 14px 0 0 0; } #contactus #contact p { margin: 0.5em 0; } /* google maps*/ v\:* { behavior:url(#default#VML); } #map { float: left; width: 454px; margin-left: 18px; height: 252px; border: 1px solid #000; font-size:14px; line-height: 16px;} /* google maps*/ /* RHS Elements */ #container_right h1 { display: inline-table; width: 212px; height: 24px; margin: 0 0 5px 0; padding:0; text-indent:5px; line-height:24px; font-size:14px; font-style:normal; font-weight: normal; color: #fff; background: url(/images/bkgd_rhs_title.gif) top left no-repeat; } #container_right #testimonial { display: inline-table; width: 212px; min-height: 217px; margin-bottom: 11px; background: url(/images/bkgd_rhs_quote_bottom.gif) bottom left no-repeat; } #container_right #testimonial h2 { color: #3382bd; font-size: 14px; line-height: 18px; font-style: normal; font-weight: normal; padding: 0 12px; margin: 0; } #container_right #testimonial span.quote_open { display: block; width: 212px; height: 28px; text-indent: -5000px; background: url(/images/bkgd_rhs_quote_top.gif) top left no-repeat; margin: 0; padding: 0;} #container_right #testimonial span.quote_close { display: block; width: 212px; height: 16px; text-indent: -5000px; background: url(/images/bkgd_rhs_quote_close.gif) top left no-repeat; margin-top: 5px;} #container_right #testimonial p.signature { margin: 0; padding: 10px 12px 20px 12px; font-size: 12px; line-height: 14px;} #container_right #fact_top { width: 212px; height: 8px; line-height: 8px; background: url(/images/bkgd_rhs_fact_top.gif) top left no-repeat; overflow: hidden;} #container_right #fact_img_top { width: 212px; height: 6px; line-height: 6px; background: url(/images/bkgd_rhs_fact_img_top.gif) top left no-repeat; overflow: hidden;} #container_right #fact img { width: 185px; margin: 0; background: url(/images/bkgd_rhs_fact_img_bottom.gif) bottom left no-repeat; padding: 0px 15px 8px 13px;} #container_right #fact { width: 212px; background: url(/images/bkgd_rhs_fact_bottom.gif) bottom left no-repeat; padding-bottom: 8px;} #container_right #fact h2 { color: #3382bd; font-size: 14px; line-height: 18px; font-style: normal; font-weight: normal; padding: 0 12px; margin:0; } /* Footer Elements */ #footer { display: inline-table; margin-top: 11px; width: 916px; height: 165px; background: url(/images/bkgd_footer.jpg) top left no-repeat; font-size: 11px; line-height: 13px; color:#fff;} #footer div.colleft {margin-top: 15px; padding-left: 17px; } #footer div.colright {text-align: right; padding-right: 19px; margin-top: 16px; } #footer ul { margin:0; padding:0; list-style:none; text-align: right; } #footer li{ display:inline; float: left; padding:0; margin: 0; } #footer ul li a, #footer ul li a:hover { color: #fff; text-decoration: none; } #footer ul li a { display: block; text-decoration:none; text-indent: 5000px; overflow: hidden;} #footer ul li a.print { width: 27px; height: 26px; background: url(/images/footer_print.jpg) top left no-repeat;} #footer ul li a.print2 { width: 27px; height: 26px; background: url(/images/footer_print2.jpg) top left no-repeat; margin-right: 7px;} #footer ul li a.back { width: 58px; height: 26px; background: url(/images/footer_back.jpg) top left no-repeat;} /* a section */ #adminmenu { float: right; width: 515px; margin-top: 72px; height: 30px; } #adminmenu ul { margin:0; padding:0; list-style:none; } #adminmenu li{ display:inline; margin:0; padding:0; float: right; } #adminmenu ul li a { display: block; height: 30px; line-height: 30px; text-decoration:none; margin-right: 25px; color: #fff; } #adminmenu ul li a:hover, #adminmenu ul li a.selected { color: #000; text-decoration:underline; } #admin_container { display: inline-table; width: 916px; min-height: 400px; font-size: 1em; line-height: 120%; }