body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:14px;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}





@font-face {
font-family: 'Ubuntu';
src: url('/images/ubuntu-b-small-webfont.eot');
src: url('/images/ubuntu-b-small-webfont.eot?#iefix') format('embedded-opentype'),
url('/images/ubuntu-b-small-webfont.woff') format('woff'),
url('/images/ubuntu-b-small-webfont.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: 'Ubuntu';
src: url('/images/ubuntu-r-small-webfont.eot');
src: url('/images/ubuntu-r-small-webfont.eot?#iefix') format('embedded-opentype'),
url('/images/ubuntu-r-small-webfont.woff') format('woff'),
url('/images/ubuntu-r-small-webfont.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'ONEISIconsRegular';
src: url('/images/oneisicons-regular-webfont.eot');
src: url('/images/oneisicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/images/oneisicons-regular-webfont.woff') format('woff'),
url('/images/oneisicons-regular-webfont.ttf') format('truetype'),
url('/images/oneisicons-regular-webfont.svg#ONEISIconsRegular') format('svg');
font-weight: normal;
font-style: normal;
}




html {
overflow-y: scroll;
}

body {
	font-family: Helvetica,Arial,sans-serif;
	color: #666;
	text-align: left;
	background-color: #fff;
	width: 100%;
	font-size: 14px;
	line-height: 1.5em;
}

p {
line-height: 1.75em;
margin-bottom: 18px;
}

a {
color: #199FDB;
text-decoration: none;
margin: 0 0 0 0;
}

a:visited {
color: #199FC0;
}

a:hover {
text-decoration: underline;
}

strong {
font-weight: bold;
}


li {
margin-bottom: 8px;
}
li ul, li ol {
margin: 0 1.5em;
}
ul, ol {
margin: 0 1.5em 1.5em 1.5em;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
dl {
margin: 0 0 1.5em 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5em;
}

table.data {
margin: 0 0 16px 16px;
}

table.data th, table.data td {
font-size: 12px;
padding: 2px 12px 2px 0;
}

table.data th {
font-weight: bold;
border-bottom: 1px solid #ddd;
}

input[type=text], input[type=password], input[type=email], textarea {
padding: 3px;
border-top: 1px #aaa solid;
border-left: 1px #bbb solid;
border-right: 1px #bbb solid;
border-bottom: 1px #ddd solid;
border-radius: 2px;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
}



#page, .header_container, #footer {
position: relative;
width: 960px;
margin: 0 auto;
}



.top-nav {
background: #EAEAEA;
border-bottom: 2px solid #fff;
box-shadow: inset -4px -4px 20px 0px rgba(0,0,0,0.1);
}
#site-links {
font-size: 12px;
font-family: "Ubuntu", "Helvetica", "Arial";
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
height: 50px;
}
#site-links ul {
margin: 0;
padding: 0;
}
#site-links ul li {
display: block;
float: left;
list-style: none;
margin: 0;
}
#site-links ul li a {
display: block;
padding: 14px 30px 8px 0px;
}
#site-links ul li.active {
color: #199FDB;
padding: 14px 30px 8px 0px;
}
#site-links,
#site-links a,
#site-links a:visited {
color: #757575;
text-decoration: none;
}
#site-links a:hover {
color: #199FDB;
}

#support-library-link {
float: right;
}




#header_top {
width: 100%;
background: transparent url(/images/linksbg.png) 20% 0;
}

#logo {
margin: 21px 0 9px 0;
}

#logo_container {
padding: 20px 0 16px 0;
}

#haplo_services_logo, #haplo_services_logo:hover, #haplo_services_logo:visited {
font-family: Ubuntu;
font-size: 48px;
line-height: 64px;
letter-spacing: 8px;
color: #888;
font-weight: bold;
text-decoration: none;
text-shadow: -2px 2px 2px rgba(0,0,0,0.2);
}

#haplo_professional_services {
color: #888;
font-family: Ubuntu;
font-size: 16px;
margin-left: 16px;
}

#nav_container {
width: 100%; overflow: hidden; 
background: transparent url(/images/snav-bg.png) 0 46px repeat-x;
}

#nav_container.no_sel {
height: 67px;  
}

#nav_container.home_page_top {
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1)) !important;
}

#nav_container .header_container a:visited {
color: #777;
}

#nav_phone, .tnav, #tnav_sel, #subnavigation a, #snav_sel {
font-family: Ubuntu,Arial,sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1em;
text-transform: uppercase;
}
#subnavigation a, #snav_sel {
font-size: 11px;
}
.tnav, #subnavigation a {
color: #777;
}
#tnav_sel, a.tnav:hover {
color: #199FDB !important;
text-decoration: none;
}
#snav_sel, #subnavigation a:hover {
color: #000 !important;
text-decoration: none;
}

.tnav, #tnav_sel {
display: block;
float: left;
padding: 16px 10px;
margin-right: 20px;
}
#tnav_sel {

background: transparent url(/images/snav-bg-sel.png) center 36px no-repeat;
height: 35px;
}

#navigation :first-child {
padding-left: 0px;
}

#subnavigation {
position: absolute;
top: 48px;
left: 0;
z-index: 2;
}

#subnavigation a, #snav_sel {
display: block;
float: left;
height: 20px;
padding: 9px 10px 4px 10px;
margin-right: 10px;
}

#nav_phone {
position: absolute;
top: 16px;
right: 0;
color: #777;
}
#nav_phone a, #nav_phone a:visited {
color: #777;
}


#nav_container.no_snav, .no_snav #tnav_sel {
background: none;
}




#page {
padding-top: 34px;
min-height: 512px;
}

h1, h2, h3, h4, h5 {
font-family: Ubuntu,Arial,sans-serif;
}

h1 {
color: #199FDB;
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}

h2 {
font-size: 21px;
color: #333;
}

h2.phone {
colour: #666;
font-weight: bold;
}

#page div h2 {
margin-bottom: 18px;
}

h3 {
font-size: 16px;
margin-bottom: 12px;
}

h4 {
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #666;
margin-bottom: 16px;
}

h2 + h4 {
margin-top: 40px;
}

p + h4 {
margin-top: 36px;
}

.with_divider {
border-bottom: 1px solid #eee;
}

h5, .direction_link, .read_more_link, .read_more_link:visited {
font-family: Ubuntu,Arial,sans-serif;
letter-spacing: 1px;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color: #199FDB;
}

.read_more_link:hover {
text-decoration: none;
}

.big_action_link,
.big_action_link:visited {
font-weight: bold;
font-size: 18px;
color: #fff;
border: 1px solid #9e0b0f;
background: #199FDB;
padding: 8px 20px;
box-shadow: inset 0 1px 2px rgba(255,255,255,0.75);
border-radius: 3px;
outline: 0;
}
.big_action_link:hover {
text-decoration: none;
background: #d00;
}

.direction_link,
.direction_link:visited {
display: block;
font-size: 14px;
color: #333;
padding: 40px 0 0 0;
}

.direction_link:hover {
color: #199FDB;
text-decoration: none;
}

.read_more_link:after,
.big_action_link:after,
.news_next:after,
.direction_link:after {
font-family: 'ONEISIconsRegular'; -webkit-font-smoothing: antialiased;
content: "\e005";
font-size: 8px;
margin-left: 8px;
position: relative;
font-weight: normal;
}

.next_link,
.next_link:visited {
font-family: Ubuntu,Arial,sans-serif;
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
color: #555;
border: 1px solid #aaa;
background: #eee;
padding: 8px 20px;
box-shadow: inset 0 1px 1px #fff;
border-radius: 3px;
outline: 0;
}
.next_link span {
font-family: 'ONEISIconsRegular'; -webkit-font-smoothing: antialiased;
font-size: 14px;
position: relative;
top: 2px;
margin-left: 8px;
font-weight: normal;
}
.next_link:hover {
color: #444;
border: 1px solid #666;
background-color: #ddd;
text-decoration: none;
}
.next_link:active {
color: #333;
border: 1px solid #666;
background-color: #ccc;
}

.bordered_img {
border: 1px solid #eee;
}

.fine_print {
font-size: 11px;
line-height: 14px;
color: #999;
}

img.screenshot, {
border: 1px solid #ddd;
box-shadow: 2px 2px 5px rgba(0,0,0,0.1), -2px 2px 5px rgba(0,0,0,0.1);
}

.screenshot_caption {
font-size: 12px;
font-style: italic;
}

.inline_picture {
padding-left: 8px;
margin-bottom: 24px;
}




.left_normal {
position: relative;
width: 540px;
padding-top: 36px;
}

.right_box_normal {
position: absolute;
left: 640px;
width: 300px;
}

.right_box_experience {
margin-bottom: 5px;
}

.right_box_experience_link {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 1px;
}

.right_box_experience_author {
font-weight: italic;
}

.wide_box {
position: relative;
width: 100%; overflow: hidden; 
padding: 36px 0;
}

.horz_container {
padding: 36px 0;
}

.with_divider + .wide_box,
.with_divider + .horz_container {
padding-top: 60px;
}

.half_box {
width: 360px;
float: left;
margin-right: 118px;
}

.third_box {
width: 230px;
float: left;
margin-right: 88px;
}

.quarter_box {
width: 180px;
float: left;
margin-right: 59px;
}

.mini_box {
width: 210px;
float: left;
margin-right: 22px;
}

.two_mini_box {
width: 465px;
float: left;
}

.two_mini_box p {
margin-right: 22px;
}

.rest_box {
float: left;
}




.client_box {
font-size: 12px;
}

.client_logo {
margin-bottom: 24px;
}

.client_info {
margin-bottom: 16px;
}

.client_info th {
font-weight: bold;
padding-right: 12px;
}

.cs_download {
font-size: 12px;
line-height: 18px;
width: 200px;
}
.cs_download a {
display: block;
}
.cs_download img {
display: block;
border: 1px solid #eee;
margin-bottom: 8px;
box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}




.quote {
font-family: Baskerville,Georgia,Times New Roman,Times,serif;
padding-left: 8px;
font-style: italic;
font-size: 21px;
line-height: 26px;
text-indent: -8px;
margin-bottom: 8px;
}
.quote_attribution {
padding-left: 8px;
font-size: 11px;
line-height: 16px;
}




#footer {
margin: 96px auto 16px auto;
padding-top: 40px;
background: transparent url(/images/rule_light_shadowed.png) 0 0 repeat-x;
overflow: hidden; 
height: 160px;
}

.f_box {
font-size: 12px;
color: #999;
float:left;
width: 136px;
}

.f_box a, .f_box a:visited {
color: #999;
display: block;
padding-bottom: 8px;
}
.f_box a:hover {
color: #199FDB;
}

#f_copyright {
font-size: 11px;
padding: 0px 0 0 8px;
width: 360px;
}




#home_headline {
position: relative;
clear: both;
padding: 14px 0 40px 0;
height: 63px;
}

#hh_left {

width: 520px;
white-space: nowrap;
}

#hh_left h1 {
font-size:44px;
}

#hh_left h2 {
font-size: 21px;
line-height: 37px;
color: #666;
}

#hh_right {
position: absolute;
top: 20px;
right: 64px;
font-family: 'ONEISIconsRegular'; -webkit-font-smoothing: antialiased;
font-size: 72px;
line-height: 96px;
color: #333;
}

#hh_main {
position: relative;
height: 240px;
}

.hh_text {
padding-top: 16px;
width: 440px;
}
.hh_text h2 {
color: #333;
line-height: 1.5em;
margin-bottom: 16px;
}
.hh_text p {
font-size: 14px;
color: #666;
}

#hh_text_r {
float: right;
width: 480px;
}

h3.hh_text_section {
font-family: Ubuntu,Arial,sans-serif;
font-weight: bold;
font-size: 14px;
color: #199FDB;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
text-align: center;
width: 420px;
margin-bottom: 20px;
}
h3.hh_text_section a, h3.hh_text_section a:visited {
color: #199FDB;
}

#hh_next {
text-align: center;
padding: 32px 0;
}


.hh_secondary {

border-top: 1px solid #ddd;
padding-top: 32px;
margin-bottom: 24px;
}

#hh_started {
float: right;
width: 200px;
}

.hh_secondary h2 {
margin-bottom: 32px;
font-size: 20px;
}

.hh_secondary_box {
float: left;
width: 300px;
margin-right: 32px;
}

p + .hh_text_section {
margin-top: 40px;
}
#hh_sector_solutions {
line-height: 24px;
text-align: center;
width: 410px;
}
#hh_sector_solutions a {
font-family: Ubuntu,Arial,sans-serif;
font-weight: bold;
font-size: 13px;
color: #666;
letter-spacing: 1px;
text-transform: uppercase;
padding: 0 16px;
}
#hh_sector_solutions a:hover {
color: #199FDB;
}

.brochure_link {
display: block;
margin: 0;
}

.brochure_link img {
border: 1px solid #ddd;
box-shadow: -2px 2px 2px rgba(0,0,0,0.1);
}

.brochure_download {
display: block;
margin-bottom: 40px;
}


#home_page_banner_logos {
position: relative;
height: 192px;
}

#home_page_banner_logos div {
display: inline-block;
width: 318px;
height: 192px;
}
#home_page_banner_logos a {
position: absolute;
top: 0;
display: inline-block;
width: 318px;
height: 192px;
background-position: 0 0px;
background-size: 318px 400px;
color: #666;
text-align: center;
font-family: Ubuntu,Arial,sans-serif;
font-size: 14px;
line-height: 20px;
}
#home_page_banner_logos a span {
display: inline-block;
padding: 104px 23px 0 23px;
}
#home_page_banner_logos a:hover {
background-position: 0 -200px;
color: #fff;
text-decoration: none;
}
#hp_banner_phd {
background-image: url(/images/home-button-phd.png);
}
#hp_banner_ethics {
background-image: url(/images/home-button-ethics.png);
}
#hp_banner_hres {
background-image: url(/images/home-button-hres.png);
}

.iso27001_home {
opacity: 0.5;
}
.iso27001_home:hover {
opacity: 1;
}




#rotate_imgs {
position: relative;
padding-bottom: 16px;
}

#rotate_imgs img {
box-shadow: none;
border: none;
}

.rotate_img_container {
position: absolute;
top: 1px;
}

.rotate_img_chooser {
position: absolute;
text-align: center;
width: 100%;
height: 10px;
bottom: 0;
}

.rotate_img_chooser a, .rotate_img_chooser a:hover {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 5px;
background: #fff url(/images/rotate-ui.png) 0 0 no-repeat;
}

.rotate_img_chooser a.rimg_selected, .rotate_img_chooser a.rimg_selected:hover {
background-image: url(/images/rotate-ui-on.png);
}





.solutions_right {
padding-left: 64px;
width: 400px;
}

.solutions_icons {
padding: 0 0 24px 10px;
font-family: 'ONEISIconsRegular'; -webkit-font-smoothing: antialiased;
font-size: 72px;
line-height: 96px;
color: #555;
text-shadow: -2px 2px 2px rgba(0,0,0,0.2);
word-spacing: 20px;
}





.team_list {
margin: 32px 0 64px 0;
border-spacing: 24px;
border-collapse: separate;
}

.team_list p {
font-size: 13px;
margin: 2px 0 4px 0;
}

.team_list .team_links {
font-size: 12px;
margin-top: 4px;
}
.team_list .team_links a,
.team_list .team_links a:visited {
color: #999;
margin-right: 16px;
text-transform: uppercase;
font-size: 10px;
letter-spacing: 1px;
font-family: Ubuntu,Arial,sans-serif;
}

.team_list td {
vertical-align: top;
}

.team_list h3,
.team_list h4 {
margin: 0;
}

.team_list h3 {
font-size: 18px;
}

.team_list h4 {
color: #aaa;
}

.team_member {
padding-left: 24px;
}




.trusted_by_list div {
text-align:center;
margin-top: 40px;
margin-bottom: 40px;
}

.trusted_by_list img {
opacity: 0.75;
}

.cmet_logo img {
margin-top: -10px;
}

.leeds_logo img {
margin-top: -10px;
}




.case_study_list p {
padding-top: 0;
color: #666;
}

.case_study_list .cs_intro {
font-size: 13px;
}

.case_study_list .cs_logo {
text-indent: 20px;
height: 72px;
}

.case_study_list .quote {
margin-top: 40px;
}

.cs_next_link {
margin-top: 48px;
}




.teams_tour_next {
position: absolute;
bottom: 100px;
right: 0;
z-index: 2;
}

.teams_tour_end {
clear: both;
}

.teams_screenshot {
padding-left: 32px;
}




.in_the_news h3 {
color: #333;
}

.news_item_image {
position: absolute;
left: 640px;
}
.news_item_image img {
border: 1px solid #eee;
}
.news_sep {
border-top: 1px solid #eee;
margin-top: 40px;
padding-top: 40px;
}






.contact_form {
padding-left: 2px;
}

.contact_form input[type=text], .contact_form textarea {
width: 340px;
}

.contact_form label {
font-family: Ubuntu,Arial,sans-serif;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
line-height: 1em;
text-transform: uppercase;
color: #999;
}

.contact_form input[type=submit] {
font-weight: bold;
font-size: 14px;
color: #555;
border: 1px solid #aaa;
background: #eee;
padding: 8px 20px;
box-shadow: inset 0 1px 1px #fff;
border-radius: 3px;
position: relative;
left: -2px;
}

.contact_form #privacy {
float: right;
position: relative;
top: 8px;
right: 16px;
}

.contact_form #privacy a {
color: #999;
text-decoration: underline;
font-size: 11px;
}