@charset "UTF-8";
/* CSS Document */

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #F5F5F5 url(images/bg_header.jpg) top center no-repeat;
	-webkit-text-size-adjust: none;
}
h1.thinner {
	font-family: 'newsgoth_cn_btregular';
	font-size: 40px;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}
h1.bolder {
	font-family: 'newsgoth_cn_btbold' !important;
	font-size: 40px;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}
h2 {
	padding-bottom: 10px;
}
h2.thinner {
	font-family: 'newsgoth_cn_btregular';
	font-size: 27px;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}
h2.bolder {
	font-family: 'newsgoth_cn_btbold' !important;
	font-size: 27px;
	color: #333;
	font-weight: normal;
	line-height: 1.2;
}
h3 {
	font-size: 22px;
	font-family: 'newsgoth_cn_btbold' !important;
	font-weight: normal;
	padding-bottom: 10px;
	color: #333;
}
h4 {
	font-size: 15px;
	padding: 10px 0 0 0;
	color: #333;
}
p {
	color: #666;
	padding-top: 25px;
	line-height: 1.5;
	font-size: 13px;
}
p.last {
	padding-bottom: 55px;
}
.blue {
	color: #0081d1;
}
.blue_bg {
	background: #0081d1;
}
.blue_line {
	border: #0081d1 solid 1px;
}
.excellence_title {
	float: left;
	padding-right: 8px;
}
.line_across_top {
	background: #0081D1;
	height: 4px;
	width: 100%;
}
/* ///////////  Navigation  //////////// */

ul#navigation {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
ul#navigation li {
	list-style-type: none;
	display: inline;
}
ul#navigation li a {
	text-decoration: none;
	color: #666;
	font-family: 'newsgoth_cn_btbold';
	display: block;
	float: right;
	font-size: 13px;
	padding: 11px 14px;
	vertical-align:top;
}
ul#navigation li a:hover {
	background: #ACB7C4;
	color: #FFF;
}
ul#navigation li a.active {
	background: #0081D1;
	color: #FFF;
}
/* ///////////  Sub Navigation  //////////// */
ul#navigation li.aboutdrop:hover .subnav {
	left: 385px;
}
ul#navigation li.servicesdrop:hover .subnav {
	left: 777px;
}
ul#navigation li.expertdrop:hover .subnav {
	left: 518px;
}
ul#navigation li.testimonialdrop:hover .subnav {
	left: 618px;
}
ul#navigation li:hover a#services, ul#navigation li:hover a#about, ul#navigation li:hover a#expert, ul#navigation li:hover a#testimonials {
	background: #ACB7C4;
	color: #FFF;
}
a#services, a#about, a#expert, a#testimonials {
	position: relative;
}
.subnav {
	position: absolute;
	top: 33px;
	left: -9999px;
	background: url(images/transp_wht.png);
	border: #ACB7C4 solid 2px;
	padding: 8px;
}
ul#navigation li .subnav ul li a {
	text-align: left;
	float: none;
	padding: 6px;
	color: #0081d1;
	line-height: 1.4;
	text-indent: 6px;
}
ul#navigation li .subnav ul li a:hover {
	color: #FFF;
	background: #0081d1;
}
.subnav_inner {
	float: left;
	width: 160px;
}
ul#navigation li .subnav ul li a.nav_bottom {
	border-bottom: #CCC solid 1px;
}
ul#navigation li .subnav ul li a.nav_head {
	color: #666;
	text-indent: 0px;
}
ul#navigation li .subnav ul li a.nav_head:hover {
	color: #FFF;
	background: #ACB7C4;
}
/* ///////////  Content  //////////// */

.clear {
	clear: both;
}
.container {
	width: 960px;
	margin: 0 auto;
}
#white_bg {
	background: #FFF;
	padding: 10px;
	width: 940px;
	margin-top: 170px;
	-webkit-box-shadow: 0px 0px 6px 0px #999; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	-moz-box-shadow: 0px 0px 6px 0px #999;
	box-shadow: 0px 0px 6px 0px #999; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	-webkit-border-radius: 6px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 6px;
	border-radius: 6px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
}
a.boxes {
	display: block;
	width: 304px;
	height: 180px;
	float: left;
	margin-right: 14px;
	text-decoration: none;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
a.boxes h2 {
	color: #FFF;
	font-weight: normal;
	font-family: 'newsgoth_cn_btbold' !important;
	font-size: 16px;
	padding: 0;
}
a.boxes p {
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 15px;
	line-height: 1.5;
}
a.boxes_last {
	margin-right: 0px;
}
a.boxes_img1 {
	background: url(images/harbour.jpg) no-repeat;
}
a.boxes_img2 {
	background: url(images/harbour_night.jpg) no-repeat;
}
a.boxes_img3 {
	background: url(images/containers.jpg) no-repeat;
}
.bluebg {
	background: url(images/blue_bg.png) repeat;
	position: absolute;
	padding: 12px 18px;
	width: 268px;
	height: 156px;
	top: 140px;
}
.orangebg {
	background: url(images/orange_bg.png) repeat;
	position: absolute;
	padding: 12px 18px;
	width: 268px;
	height: 156px;
	top: 140px;
}
.greenbg {
	background: url(images/green_bg.png) repeat;
	position: absolute;
	padding: 12px 18px;
	width: 268px;
	height: 156px;
	top: 140px;
}
.arrow {
	background: url(images/arrow_jquery.png) left no-repeat;
	width: 11px;
	height: 11px;
	float: right;
}
a.boxes:hover .arrow {
	background: url(images/arrow_jquery.png) right no-repeat;
}
.boxes_static {
	font-family: 'newsgoth_cn_btregular';
	line-height: 1.3;
	display: block;
	width: 256px;
	height: 155px;
	float: left;
	margin-right: 14px;
	padding: 25px 20px 0 28px;
}
.boxes_static h2 {
	font-size: 22px;
	color: #FFF;
	text-indent: 33px;
	background: url(images/quotes_wht.png) left 3px no-repeat;
	margin-bottom: 3px;
	margin-top: 10px;
	padding: 0;
}
.blue_solid {
	background: #0081D1;
}
.orange_solid {
	background: #E45A24;
}
.green_solid {
	background: #99C01A;
}
#left_column {
	width: 270px;
	float: left;
	padding: 0 17px 40px 17px;
}
#left_column p {
	padding-top: 15px;
}
#main_column {
	width: 590px;
	float: left;
	padding: 0 16px 40px 16px;
	margin-left: 14px;
}
#main_column h3 {
	padding: 20px 0 0 0;
}
.line_divider {
	border-bottom: #D8D8D8 solid 1px;
}
.phone_number {
	font-size: 18px;
	color: #333;
	background: url(images/phoneIcon.png) left center no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	font-weight: bold;
}
a.email_address {
	font-size: 14px;
	display: block;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	background: url(images/emailIcon.png) left center no-repeat;
	font-weight: bold;
	margin-bottom: 50px;
	text-decoration: none;
}
a.email_address:hover {
	color: #0081D1;
}
.pull_quote {
	font-family: 'newsgoth_cn_btregular';
	line-height: 1.2;
}
.pull_quote h2 {
	font-size: 22px;
	color: #0081d1;
	text-indent: 30px;
	background: url(images/quotes.png) left 3px no-repeat;
	margin-bottom: 3px;
	margin-top: 10px;
	padding: 0;
}
.pull_quote p {
	color: #4D4D4D;
	padding-top: 0;
	margin-top: 0;
	font-size: 16px;
}
.name {
	font-family: 'newsgoth_cn_btbold';
}
.quotes {
	font-size: 14px;
	color: #0081d1;
	text-indent: 30px;
	background: url(images/quotes.png) left 3px no-repeat;
	margin-bottom: 3px;
	margin-top: 25px;
	padding: 0;
}
#footer {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 35px 0 55px 0;
	border-top: #CCC solid 1px;
}
#footer img {
	display: inline;
}
#footer p, #footer a {
	font-size: 11px;
	padding-top: 15px;
	color: #808080;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}
#footerlogos {
	width: 612px;
	margin: 0 auto;
}
.footerlogo-aeo {
	float: left;
	width: 88px;
	height: 52px;
	background: url(images/footer_logo-aeo.jpg) left no-repeat;
}
.footerlogo-aeo:hover {
	background: url(images/footer_logo-aeo.jpg) right no-repeat;
}
.footerlogo-bifa {
	float: left;
	width: 112px;
	height: 52px;
	background: url(images/footer_logo-bifa.jpg) left no-repeat;
}
.footerlogo-bifa:hover {
	background: url(images/footer_logo-bifa.jpg) right no-repeat;
}
.footerlogo-hmrc {
	float: left;
	width: 189px;
	height: 52px;
	background: url(images/footer_logo-hmrc.jpg) left no-repeat;
}
.footerlogo-hmrc:hover {
	background: url(images/footer_logo-hmrc.jpg) right no-repeat;
}
.footerlogo-felixstowe {
	float: left;
	width: 92px;
	height: 52px;
	background: url(images/footer_logo-felixstowe.jpg) left no-repeat;
}
.footerlogo-felixstowe:hover {
	background: url(images/footer_logo-felixstowe.jpg) right no-repeat;
}
.footerlogo-peanut {
	float: left;
	width: 60px;
	height: 52px;
	background: url(images/footer_logo-peanut.jpg) left no-repeat;
}
.footerlogo-peanut:hover {
	background: url(images/footer_logo-peanut.jpg) right no-repeat;
}
.footerlogo-driedfruit {
	float: left;
	width: 71px;
	height: 52px;
	background: url(images/footer_logo-driedfruit.jpg) left no-repeat;
}
.footerlogo-driedfruit:hover {
	background: url(images/footer_logo-driedfruit.jpg) right no-repeat;
}

/* ///////////  FONTS  //////////// */

@font-face {
 font-family: 'newsgoth_cn_btregular';
 src: url('fonts/news_gothic_condensed_bt-webfont.eot');
 src: url('fonts/news_gothic_condensed_bt-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/news_gothic_condensed_bt-webfont.woff') format('woff'),  url('fonts/news_gothic_condensed_bt-webfont.ttf') format('truetype'),  url('fonts/news_gothic_condensed_bt-webfont.svg#newsgoth_cn_btregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'newsgoth_cn_btbold';
 src: url('fonts/newgotbc-webfont.eot');
 src: url('fonts/newgotbc-webfontd41d.eot?#iefix') format('embedded-opentype'),  url('fonts/newgotbc-webfont.woff') format('woff'),  url('fonts/newgotbc-webfont.ttf') format('truetype'),  url('fonts/newgotbc-webfont.svg#newsgoth_cn_btbold') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* ///////////  Form  //////////// */


#shortform {
	margin-bottom: 30px;
}
.formfields {
	padding: 6px 15px;
	margin-bottom: 5px;
	border: #808080 solid 1px;
	background: #FFF;
	width: 240px;
	max-width: 240px;
	color: #A5A5A5;
	font-size: 14px;
	-webkit-border-radius: 4px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
	-moz-border-radius: 4px;
	border-radius: 4px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
}
.submit {
	font-size: 14px;
	font-weight: bold;
	color: #99C01D;
	background: url(images/submitArrow.png) right center no-repeat;
	width: 100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	padding-top: 4px;
	cursor: pointer;
}
.shortform_msg {
	display:block;
	color:red;
	font-size:12px;
	margin: 8px 0;
	font-weight: bold;
}
.shortform_msg_green {
	display:block;
	color: #75A924;
	font-size:12px;
	margin: 8px 0;
	font-weight: bold;
}
ul.lists {
	color: #888;
	margin: 25px 0 5px 0;
}
ul.lists li {
	margin: 15px 0 0 25px;
	list-style-type: disc;
	font-weight: bold;
	line-height: 1.5;
}
.slider {
	float: left;
}
.casestudy_btn {
	font-family: 'newsgoth_cn_btbold';
	font-size: 18px;
	color: #333;
	text-decoration: none;
	background: url(images/icon_casestudy.png) no-repeat;
	display: block;
	padding-left: 45px;
	margin-top: 75px;
	height: 52px;
	line-height: 1.2;
	border-bottom: #CCC solid 1px;
	cursor: pointer;
	position: relative;
}
.dave {
	position: absolute;
	right: 0;
	top: -100px;
}
.bluelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0081D1;
}
a.blue_link {
	color: #0081D1;
	text-decoration: none;
	font-weight: bold;
}
a.blue_link:hover {
	text-decoration: underline;
}
.casestudy_btn:hover {
	color: #0081D1;
}
.casestudy {
	padding: 20px;
	border: #CCC solid 2px;
	margin-top: 20px;
	display: none;
}
.casestudy h2 {
	font-family: 'newsgoth_cn_btbold';
	font-size: 18px;
	font-weight: normal;
}
.casestudy p.top {
	padding-top: 10px;
}
a.casestudy2 {
	float: left;
	padding: 115px 0 20px 0;
	margin: 20px 30px 0 0;
	text-align: center;
	width: 105px;
	height: 20px;
	background: url(images/icon_casestudy2.jpg) left top no-repeat;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	color: #0081D1;
}
a.casestudy2:hover {
	background: url(images/icon_casestudy2.jpg) right top no-repeat;
}
a.casestudyactive {
	float: left;
	padding: 115px 0 20px 0;
	margin: 20px 30px 0 0;
	text-align: center;
	width: 105px;
	height: 20px;
	background: url(images/icon_casestudyactive.jpg) left top no-repeat;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.4;
	font-weight: bold;
	color: #0081D1;
}
.paddingbottom20 {
	padding-bottom: 20px;
}
.accreditations {
	display: inline;
	margin-right: 10px;
}
.column3 {
	float: left;
	margin: 15px 25px 0 0;
	padding-right: 25px;
	color: #888;
	border-right: #CCC solid 1px;
	height: 240px;
}
.column3 ul.lists li {
	margin-left: 12px;
	line-height: 1.2;
}
.column3_last {
	margin: 15px 0 0 0;
	border-right: none;
	padding-right: 0;
}
.column_img {
	width: 176px;
	height: 110px;
	background: #F5F5F5;
	border: #FFF solid 2px;
	-webkit-box-shadow: 0px 0px 4px 0px #CCC; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
	box-shadow: 0px 0px 4px 0px #CCC; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */
	-moz-box-shadow: 0px 0px 4px 0px #CCC;
}
a.linksimgs {
	text-decoration: none;
	color: #555;
	text-align: center;
	float: left;
	margin: 20px 12px 20px 0;
	font-size: 12px;
	font-weight: bold;
	border: #EEE solid 4px;
	background: #FFF;
	padding-bottom: 10px;
}
a.linksimgs_end {
	margin: 20px 0 0 0;
}
a.linksimgs:hover {
	border: #DDD solid 4px;
}
.column2 {
	float: left;
	width: 250px;
	margin-right: 50px;
}
.column2_right {
	float: left;
	width: 250px;
}
.lonelogos {
	float: left;
	margin: 0 30px 0 0;
}
a.linkspg_links {
	text-decoration: none;
	color: #0081D1;
	font-weight: bold;
	font-size: 14px;
}
a.linkspg_links:hover {
	text-decoration: underline;
}
.links_p {
	margin-bottom: 15px;
	float: right;
	width: 400px;
}
ul.link_lists {
	color: #666;
	float: right;
	width: 400px;
}
ul.link_lists li {
	line-height: 1.5;
	margin-left: 15px;
}
.link_wrap {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: #D8D8D8 solid 1px;
}
/* = Styles for the Interactive Map 
---------------------------------------- */

#map {
	background:url(images/map.gif) no-repeat;
	width:594px;
	height:291px;
	margin-top:25px;
	position:relative;
}
.marker {
	height:13px;
	width:13px;
	position:absolute;
	background:url(images/map-marker.png) no-repeat left;
	cursor:pointer;
}
.marker:hover {
	background:url(images/map-marker.png) no-repeat right;
}
.tooltip {
	position:absolute;
	z-index:999;
	left:-9999px;
	background:none;
	padding:0;
	border:0px solid #0081d1;
	width:250px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:12px;
}
.ttwrap {
	border:4px solid #0081d1;
	background:#fff;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tooltip:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 110px;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #0081d1 transparent;
	display: block;
	width: 0;
	z-index: 1;
}
.tooltip p {
	margin:0;
	padding:0;
	color:#666666;
	background:none;
	padding:0;
}
p.tooltip-h1 {
	color:#0081d1;
	font-weight:bold;
}
.flags {
	border: #333 solid 1px;
}
.header_linkh3 {
	color: #333;
	text-decoration: none;
}
.header_linkh3:hover {
	text-decoration: underline;
}
#feedback_form { width:400px; margin-top: 20px; }
.formfield_box { width:360px; max-width:360px; border: #EEEEEE solid 4px; padding: 20px; font-size:14px; font-style:italic; color:#999; }


/* RSS Ticker on the home page */

.tickercontainer {
	width:830px;
	height: 30px;
	margin: 0 auto 40px auto;
	padding: 0 0 20px 90px;
	overflow: hidden;
	background:url(images/bifa_logo.gif) no-repeat left center;
}
.tickercontainer .mask {
	position: relative;
	top: 10px;
	height: 20px;
	overflow: hidden;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
}
ul.newsticker {
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0 7px;
	box-sizing:border-box;
}

ul.newsticker li a {
	font-size:16px;
	font-family:Arial, Verdana, Geneva, sans-serif; 
	color:#333;
	text-decoration:none;
}

ul.newsticker li a:hover {
	color:#f04a00;
}
