﻿  html { background: #00005a; font-size: 100%; }
body { background: #fff; color: #404040; font: 0.875em/1.5 Georgia,serif; margin: 0; font-family:宋体,arial;}

h1 { font: bold 2.286em/1.262 proxima-nova,sans-serif; margin: 0 0 20px; color: #00005f; }
h1 img { vertical-align: middle; margin-right: 16px; }
h2 { font: bold 2em/1.5 proxima-nova,sans-serif; margin: 0 0 20px; color: #00005f; }
article>h2:first-child { font-size: 1.6em; text-transform: uppercase; border: solid #ece9e2; border-width: 1px 0; padding: 7px 0 6px 46px; background-repeat: no-repeat; background-position: 14px 50%; }
h3 { font: bold 1.6em/1.5 proxima-nova,sans-serif; margin: 0 0 20px; color: #00005f; }
h3 img { vertical-align: middle; margin-right: 13px; }

p { margin: 0 0 1.5em; }
.intro { font-size: 1.143em; line-height: 1.5;margin-bottom:1.3em; }

a { color: #fe8700; text-decoration: none; }
a:focus, a:hover { color:#00005a;text-decoration: none; }
img { border: 0; }

.more>a { font-family:宋体,arial; text-transform: uppercase; }

ul { padding: 0; }

blockquote { border-left: 5px solid #fe8700; padding: 7px 60px 7px 27px; margin: 0 0 60px; background: url(bg_blockquote.png) no-repeat 100% 100%; }
blockquote>p { font-style: italic; margin: 0 0 15px; }
blockquote>footer>p { font-family:宋体,arial; margin: 0; text-transform: uppercase; color: #696c74; font-size: .867em; line-height: 1.385; }
blockquote>footer span { color: #fe8700; }

table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ece9e2; padding: 3px 14px 11px; }
th { background: #f5f3ef; font-weight: bold; font-family:宋体,arial; color: #00005f; }

ul { padding:0; margin:0 0 26px 15px;  }
ul li { list-style-image:url(list_bullet.png); list-style-position:inside; list-style-position:outside; padding-left:8px;  }

form { background:#eaeafa; padding:45px 25px 25px 35px; border-radius:3px; margin-bottom:65px; font-family:宋体,arial; overflow:hidden; }
form p { font-size:0.867em; margin:0; color:#777;  }
fieldset { border:none; margin:0; padding:0;  }
form div { overflow:hidden; margin-bottom:30px;  }
input { padding:10px; border:1px solid #c8c9c9; width:400px; font-size:14px; font-family:宋体,arial; color:#555; outline:0; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);  }
label { display:block; vertical-align:middle; float:left; width:138px; line-height:40px;  }
textarea { padding:10px; border:1px solid #c8c9c9; width:400px; font-size:14px; height: 130px; font-family:宋体,arial; color:#555; outline:0; -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1); box-shadow:inset 0 1px 3px rgba(0,0,0,0.1);  }
form .buttons { float: right; }
form .buttons input {right; border: none; padding: 0; box-shadow: none; width: 427px;}

#logmeinsupport label { width:160px; }
#logmeinsupport input[type="submit"] { color: #fff; background-color: #fe8700; font-family:宋体,arial;font-weight:bold;text-align: center; zoom: 1; border-radius: 3px; margin-right:62px;padding: 10px 15px; }
#logmeinsupport input[type="submit"]:hover { background-color:#00005A; }

/* layout */

#header { background: #00005a; margin: 0 0 1.5em; display: block; }
#top_bar { width: 954px; margin: 0 auto; position: relative; padding: 19px 0 0; height: 70px; }
#top_bar a { color: #fff; }
#top_bar a:focus, #top_bar a:hover { text-decoration: none; color: #fe8700; }
#top_nav {
	position: absolute;
	padding-top: 54px;
	top: 0;

	text-transform: uppercase;
	left: 250px;
}
#top_nav>ul { margin: 0; padding: 0; list-style: none; }
#top_nav li { float: left; margin: 0 0 0 35px; list-style: none; padding: 0;  }
#top_nav li:first-child { margin-left: 0; }
li#nav_doclock { position: absolute; top: 0; right: 0; margin: 0; float: none; }
li#nav_doclock>a { background: url(bg_doclock.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; display: block; width: 113px; height: 32px; }
#sub_header { background: #fe8700; padding: 19px 0 0; height: 57px; position: relative; }
#nav { width: 954px; margin: 0 auto; display: block; position: relative; z-index: 1000; }
#nav>ul { margin: 0; list-style: none;  font: .867em/1.23 proxima-nova,sans-serif; text-transform: uppercase; }
#nav li { list-style: none; padding: 0; float: left; margin: 0 0 0 30px; position: relative; width: 216px; }
#nav li span { display: block; color: #fff; background: #fd8600; text-align: center; border-radius: 3px; padding: 11px 0 0; height: 26px }
#nav li:first-child { margin-left: 0; }
#nav a { display: block; color: #fff; background:#dd7601 ; text-align: center; border-radius: 3px; padding: 11px 0 0; height: 26px; }
#nav a:focus, #nav a:hover { background-color: #00005a; text-decoration: none; }
#nav li>ul { position: absolute; left: -9999px; bottom: 36px; background: #e07a05; opacity: .98; margin: 0; padding: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; overflow: hidden; }
#nav li>ul>li { margin: 0; float: none; border: solid #fe8700; border-width: 0 0 1px; }
#nav li>ul>li:first-child { border-top-width: 9px; }
#nav li>ul a { background: none; border-radius: 0; padding: 11px 25px 10px 19px; height: auto; text-align: left; background: url(bg_nav.png) no-repeat 197px 50%; }
.body_services #nav_services a,
.body_case_studies #nav_case_studies a,
.body_resources #nav_resources a,
.body_key_staff #nav_staff a,
.body_contact #nav_contact a,
.body_news #nav_news a,
.body_main #nav_home a,
.body_vacancies #nav_vacancies a { color: #fe8700;}
 
.body_services_accounting_and_payroll #sub_header #accounting_and_payroll a,
.body_services_information_technology #sub_header #information_technology a,
.body_services_tax_services #sub_header #tax_services a,
.body_services_human_resources #sub_header #human_resources  a{
	background-color: #00005a; text-decoration: none; 
}

#content { width: 954px; margin: 0 auto; display: block; zoom: 1; }
#content:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }

#content_main { float: right; width: 708px; }
#content_sub { float: left; width: 216px; margin-bottom: 40px; }

#sub_nav { font-family:宋体,arial; display: block; margin: 0 0 24px; }
#sub_nav li { list-style: none; padding: 0; list-style:none; background: none;list-style-image: none; }
#sub_nav>ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #e3e3e3; }
#sub_nav>ul>li>a, #sub_nav>ul>li>span { display: block; border-bottom: 1px solid #e3e3e3; padding: 12px 25px 12px 15px; background: url(bg_subnav.png) no-repeat 0 50%; }
#sub_nav>ul>li>span { background-color: #e9e9f9; background-position: right; font-weight: bold; color: #00005f; }
#sub_nav>ul ul { margin: 10px 0 0; padding: 0 15px; list-style: none; border-bottom: 1px solid #e3e3e3; }
#sub_nav>ul ul>li { list-style: none; padding: 0;  margin: 0 0 15px; list-style:none; }

#footer { background: #00005a; color: #fff; display: block; }
#footer>div { width: 954px; margin: 0 auto; }
#footer a { color: #fff; }
#copyright { padding: 28px 0; border-bottom: 1px solid #1c1c6e; margin: 0 0 57px; text-align: right; font-family:宋体,arial; text-transform: uppercase; }
#copyright>span { float: left; }
#footer_nav ul { margin: 0;}
#footer_nav { display: block; padding: 0 0 0 246px; zoom: 1; }
#footer_nav li { list-style: none; padding: 0; }
#footer_nav:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
#footer_nav>div { width: 236px; float: left; }
#footer_nav h2 { margin: 0 0 18px; font-size: 1.2em; line-height: 1; color: #fff; }
.company { border-top: 1px solid #1c1c6e;font-family:宋体,arial; text-transform: uppercase;margin-top:40px;padding: 28px 0;  }


/* sections */


.services { margin: 0; zoom: 1; }
.services h3 {
	color: #fe8700;
	font-size: 16px;
	margin: 100px 0 0;
	text-align: center;
	width: 100%;
}
.services:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.services>article { float:left;height:165px; width: 216px; margin: 0 0 1.5em 30px;position:relative;z-index:1;}
.services>article:hover { z-index:1000; }
.services>article>a{ background-color:#eaeafa;background-image: url(icon_sprite.png);background-repeat:no-repeat;border-radius:3px;display:block;height:125px; width: 176px;padding:20px; }
.services>article.active { overflow:visible; }
.services>article>a:hover,.services>article.active>a { background-color:#fe8700;border-radius:0 0 3px 3px;-webkit-transition:background-color linear 0.2s;-moz-transition:background-color linear 0.2s;-ms-transition:background-color linear 0.2s;-o-transition:background-color linear 0.2s;transition:background-color linear 0.2s; }
.services>article>a:hover h3,.services>article.active h3 { color:#fff; }
.services>article>.summary { background-color:#fff;border:1px solid #e97c00;border-radius:3px;display:none;left:50%;margin:0 0 0 -165px;padding:15px;position:absolute;top:0;width:300px;z-index:1;box-shadow:0 0 15px rgba(0,0,0,0.4); }
.services>article>.summary:after, .services>article>.summary:before { top: 100%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.services>article>.summary:after { border-top-color: #ffffff;border-width: 10px;left: 50%;margin-left: -10px; }
.services>article>.summary:before { border-top-color: #e97c00;border-width: 11px;left: 50%;margin-left: -11px; }
.services>article>.summary > p { margin:0; }
.services>.row_leader { clear: left; margin-left: 0; }
.services>article.full { background-color:#fff;margin:0;text-align:left;width:100%; }
.services>article.full>h3 { text-align:left;position:static; }
.services>article#service_accounting>a { background-position:80px 25px; }
.services>article#service_accounting>a:hover,.services>article#service_accounting.active>a { background-position:80px -160px; }
.services>article#service_it>a { background-position:70px -360px; }
.services>article#service_it>a:hover, .services>article#service_it.active>a { background-position:70px -545px; }
.services>article#service_tax>a { background-position:67px -790px; }
.services>article#service_tax>a:hover, .services>article#service_tax.active>a { background-position:67px -1021px; }
.services>article#service_hr>a { background-position:80px -1250px; }
.services>article#service_hr>a:hover, .services>article#service_hr.active>a { background-position:80px -1457px; }
.services>article#service_outsourcing { background: url(icon_sprite.png) no-repeat 33px -1669px;height:auto;margin-bottom:0;padding-left:246px;width:708px; }
.services>article#service_outsourcing>h3 {
	font-size: 22px;
	margin: 0 0 0.4em;
}
.services>article#service_outsourcing>a:hover h3,.services>article#service_outsourcing.active h3 { color:#fe8700; }
.services>article#service_outsourcing>p { font-size:1.143em; }

header.service_accounting,
header.service_it,
header.service_tax,
header.service_hr { height:232px;margin-bottom:25px;position:relative;width:708px; }
header.service_accounting>h1,
header.service_it>h1,
header.service_tax>h1,
header.service_hr>h1 { bottom:14px;color:#fff;left:20px;margin:0;position:absolute; }
header.service_accounting { background:url(accounting_payroll_image.jpg) no-repeat top left; }
header.service_it { background:url(it_services_image.jpg) no-repeat top left; }
header.service_tax { background:url(tax_service_image.jpg) no-repeat top left; }
header.service_hr { background:url(human_resources_image.jpg) no-repeat top left; }

.extras { margin: 0; zoom: 1; }
.extras:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.extras>div { float: left; width: 248px; padding: 20px 25px 1px; background: #eaeafa; border-radius: 3px; margin: 0 0 20px 30px; }
.extras>article { float: left; width: 248px; padding: 20px 25px 1px; background: #eaeafa; border-radius: 3px; margin: 0 0 25px 30px; }
#content_main>.extras>div { width: 289px; }
.extras>.row_leader { clear: left; margin-left: 0; }
.extras h3 { padding-left: 28px; background: url(bg_extras.png) no-repeat left; font-size: 1.33em; line-height: 1.4; }
.extras h3 a { color:#00005F;}
.extras .more>a { color: #fff; background-color: #fe8700; text-align: center; display: block; zoom: 1; border-radius: 3px; padding: 6px; }
.extras .more>a:hover { background-color:#00005A;text-decoration:none; }

.block_list { border-top: 1px solid #e3e3e3; margin: 0 0 50px; padding: 0; list-style: none; }
.block_list>li { list-style: none; padding: 0;  border-bottom: 1px solid #e3e3e3; padding: 12px 0 14px 63px; min-height: 50px; background: url(icon_download_large.png) no-repeat 0 17px; font-weight: bold; font-family:宋体,arial; }
.block_list a { display: table-cell; vertical-align: middle; height: 50px; text-decoration:none; }
.block_list .date { display: block;text-decoration:none;}
.block_list .title { }

#accordion  li {}
#accordion li a {  }
#accordion .more p { font:.9375em/1.667 Georgia,serif; margin-bottom:10px;  }
#accordion .more ul{ margin-bottom:10px;  }

#accordion .faq li { padding-left:12px; background:none; }
#accordion .faq .more p {}

.news_list li { padding-left: 0; background: none; font-weight: normal; }
.news_list .title { font-weight:bold;}

.jobs_list li { background:url(icon_jobs_list.png) no-repeat 0 17px; }
.jobs_list li li { background:none; }
#accordion .jobs_list .more p { margin-top: 0;}

.resources { margin: 0 0 24px; background: #fd8600 url(bg_resources.png) no-repeat 23px 24px; border-radius: 3px; padding: 25px; color: #fff; display: block; }
.resources>h2 { font-size: 1.33em; line-height: 1.2; margin-left: 29px; }
.resources>ul { margin: 0 0 0 10px; padding: 0; font-family:宋体,arial; }
.resources>ul>li { list-style-image:none;list-style-type:disc;margin-bottom:0.5em;padding:0; }
.resources a { color: #fff; }
.resources a:hover { color:#00005a; }
.resources li { line-height: 1.4em; padding-bottom:5px;}

.contact_column { float:left;margin-right:34px;width:457px; }
.contact_column.london { margin-right:0; }
.contact { margin: 0 0 24px; background: #00005a url(bg_contact.png) no-repeat 23px 25px; border-radius: 0 0 3px 3px; padding: 25px; color: #fff; display: block; }
.contact>h2 { font-size: 1.33em; line-height: 1.2; color: #fff; margin-left: 29px; }
.contact>p { margin: 0; }
.contact .tel { display: block; margin: 15px 0 0; font: bold 1.6em/1 proxima-nova,sans-serif; }
#contact_details { background: #00005a;min-height:207px; }
#contact_details h2 { margin-left: 0;}
#contact_details .tel { margin-bottom:5px; }
#contact_details a:hover { color:#fff; }
#surrey_map,
#london_map { height:300px;width:457px; }
.directions { float:right; }

.body_resources .downloads li {
	padding: 10px 0 8px 63px;
	min-height: 50px;
	background: url(icon_download_large.png) no-repeat 0 14px;
}

#staff_list > ul { list-style:none;margin:0 0 1.5em 0; }
#staff_list > ul > li { border-top: 1px solid #E3E3E3;padding:20px 0 20px 180px;overflow:hidden; }
#staff_list > ul > li:first-child { border:none; }
#staff_list > ul > li > img { float:left;left:0;margin-left:-180px;width:150px; }
.key_staff { margin: 0 0 24px; background: #00005a url(icon_key_staff.png) no-repeat 23px 25px; border-radius: 3px; padding: 25px; color: #fff; display: block; }
.key_staff>h2 { font-size: 1.33em; line-height: 1.2; color: #fff; margin-left: 29px; }
.key_staff>p { margin: 0 0 13px 0; }
.key_staff > a { font: bold 1.2em/1 proxima-nova,sans-serif; }
.key_staff > a:hover { color:#fff; }
a.read_more { background-color: #00005a;color:#fff;display:inline-block;font-family:proxima-nova,sans-serif;padding:3px 8px;border-radius:3px; }
a.read_more:hover { background-color:#FD8600;color:#fff; }

/* home page */

#body_main_index #sub_header { padding-top: 104px; height: 55px;overflow:hidden; }
#body_main_index #nav>ul>li>a { background: #fe8700; }

#slides {font-family: proxima-nova,sans-serif; background-color:#fe8700;position: absolute; top: 0; left: 0; width: 100%; height: 159px;}
#slides>ul { background: url(slide_1_background.png) no-repeat top center;margin: 0; padding: 0; list-style: none; }
#slides li { list-style: none; padding: 0;  display:block;overflow:hidden;width: 100%;font-family: proxima-nova,sans-serif;}
#slides div { margin: 0 auto; width: 954px; height: 159px;text-align:center; padding:0; }
#slides h2 { color:#fff;font-size: 4.133em; line-height: 1.16;font-weight:800; text-transform: uppercase; margin: 28px 0 0 0;}
#slides p { color:#fff;font-style: italic; font-size: 1.2em; line-height: 1.56; }
#slide_3 h2,#slide_4 h2,#slide_5 h2,#slide_6 h2 { margin-top:40px;font-size: 20px; }

#news_ticker { padding-top: 25px; border-top: 1px solid #ece9e2; margin: 0 0 27px; background: url(icon_news.png) no-repeat 0 25px; zoom: 1; }
#news_ticker:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#news_ticker>h2 { padding: 2px 24px 2px 0; margin: 0 0 0 33px; background: url(bg_news.png) no-repeat right; text-transform: uppercase; font-size: 1.2em; line-height: 1.11; float: left; }
#news_ticker>ul { float: right; width: 810px; height: 1.53em; list-style: none; margin: 0; padding: 0; color: #a0a0a0; font: .867em/1.615 proxima-nova,sans-serif; overflow: hidden; position: relative; }
#news_ticker li { list-style: none; padding: 0;  position: absolute; left: -9999px; width: 810px; }
#news_ticker li:first-child { left: 0; }
#news_ticker a { font-size: 1.385em; line-height: 1.11; }

/* News */

#body_news_index h1 { margin-bottom:20px;  }
.body_news h1 { margin-bottom:0;  }
.date { color:#777;  }
img.news_article_image{float:right;margin:0 0 20px 20px;}

/* Map */

#map { border-radius:3px;margin:60px 0 20px;height:300px;width:300px; }

/* Client logos */

#client_logos { border-top:1px solid #ece9e2;margin:0 auto;overflow:hidden;padding:20px 0;width:954px; }
#client_logos>ul { margin:0;padding:0; }
#client_logos>ul>li { display:inline;float:left;list-style:none;margin:0;padding:0;width:190px; }

/* Tax services RSS Feed */

#tax-rss-feed ul {
	margin: 0;
	border-top: 1px solid #ededed;
}

#tax-rss-feed li {
	list-style: none;
	padding: 10px 0 5px 10px;
	margin: 0;
	border-bottom: 1px solid #ededed;
}

#tax-rss-feed p {
	margin-bottom: 10px;
	clear: both;
}

#tax-rss-feed .date {
	padding-top:5px;
	font-size: 11px;
	color: #888;
	float: right;
	display: block;
	width: 100px;
	overflow:hidden;
	height: 20px;
	font-family:宋体,arial;
}

#tax-rss-feed h3 {
	width: 580px;
	float: left;
	margin-bottom:0px;
	font-size: 1.33em;
}
#body_main_index #content .services #service_outsourcing .ssx {
	height: auto;
	width: 708px;
	font-size: 1em;
}
#body_main_index #content .services #service_outsourcing .ssx .l {
	float: left;
	height: auto;
	width: 460px;
	margin-bottom: 10px;
}
#body_main_index #content .services #service_outsourcing .ssx .r {
	float: right;
	height: auto;
	width: 205px;
	margin-bottom: 10px;
margin-left: 35px;
}
#body_main_index #content .services #service_outsourcing .ssx .l span {
	float: right;
}
#body_main_index #content .services #service_outsourcing .ssx .l ul li {
	list-style-type: none;
	list-style-image: none;
	padding-left: 0px;
}
#body_main_index #content .services #service_outsourcing .ssx .l ul {
	margin: 0px;
	padding: 0px;
}
#body_main_index #content .services #service_outsourcing .ssx .l ul li a {
	color: #404040; 
}