/* CSS reset
-------------------------------------------------------------------------------------- */
html, body, div, pre, form, fieldset, input, h1, h2, h3, h4, p, ol, ul, li, dl, dt, dd, blockquote, th, td {padding: 0; margin: 0;}
/* The above makes sure that all browsers take off any default padding or margins from elements. The below styles also resets the defaults for elements so there is consistency across browsers*/
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight: normal;}
a:active {outline: none;}
a:focus {outline: none; }

/* General
-------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
.clear:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
h1, h2, h3, h4, p, ol, ul, li {padding: 0; margin: 0;}
html>body {font-size:12px}
body {
	color: #555;
	font: normal 70%/160% 'LiberationSansRegular', Helvetica, Arial, sans-serif;
	background: url(../images/bg-top.gif) repeat-x top left;
	/*letter-spacing: 0.05em;*/
}
html {overflow-y:scroll;}
/* General Typography and Headings
-------------------------------------------------------------------------------------- */
p { margin-bottom: 12px; }
h2{font-size: 170%;line-height: 26px;}
h3{font-size: 145%;}
h4{font-size: 120%;}
h2 {color: #777; margin: 0 0 4px 0;}
h3 {color: #0054a2; margin: 0 0 4px 0;padding-top:2px;}
a img {border: none; }
a {color: #005fae; text-decoration: none;}
a:hover {color: #000;}
.justifyleft {margin: 0px 10px 10px 0; float: left;}
.justifyright  {margin: 0px 0px 10px 10px; float: right;}
strong {color: #555;}
.separator {display: block; clear: both; height: 2px; background: #005caa;margin:10px 0;}
a.pdf {background: url(../images/icon-pdf.gif) no-repeat 0px 0px; padding:16px 0 0 55px; height: 50px; display: block;}
a.word {background: url(../images/icon-word.gif) no-repeat 0px 0px; padding:33px 0 3px 55px; line-height: 50px;}

.featuredbox-wrapper h2 {color: #fff;}
#content img, #sidebar img {border: 1px #ddd solid; margin-bottom: 12px;}
#sidebar img.sidebar-heading-image {border: none; margin: 0;}
.grey {color: #afafaf;}
ul.sub-outer li {margin-bottom: 6px;border-bottom:1px solid #ddd;}
ul.sub-outer li a {background: url(../images/arrow.gif) no-repeat 0px 3px;padding:0 0 0 10px;}
ul.sub-outer li.active, ul.sub-outer li a.active {color: #000; border: none;}
ul.sub-outer li ul {margin-left: 20px;}

ul li ul li a {color: #4382bd;}

.btn135-blue, .btn135-aqua, .btn135-green, .btn135-yell {display: block; width: 135px; height: 23px; padding: 6px 0 0 8px; color: #fff; margin: 8px 0px;}
.btn135-blue {background: url(../images/btn-135-blue.png) no-repeat 0px 0px; }
.btn135-aqua {background: url(../images/btn-135-aqua.png) no-repeat 0px 0px; }
.btn135-green {background: url(../images/btn-135-green.png) no-repeat 0px 0px; }
.btn135-yell {background: url(../images/btn-135-yell.png) no-repeat 0px 0px; }

a.blue-arrow {background: url(../images/btn-blue-arrow.gif) no-repeat 0px 0px; padding:5px 0 5px 24px; margin: 6px 0;}
a.case-studies {background: url(../images/btn-blue-arrow.gif) no-repeat 0px 0px;padding:3px 0 3px 24px; margin: 0px 8px; font-size: 150%;}

blockquote {width: 200px; padding: 10px; background: #005dab; color: #fff; display: block; float: right; margin: 10px 0 10px 10px;}
blockquote h2 {color: #fff !important; padding-left: 0 !important;}
blockquote strong {color: #fff;}

#breadcrumbs {display: none;}

a.GlobalOrangeButton span {  
background: transparent url(’images/button_left_orange.png’) no-repeat 0 0;  
display: block;  
line-height: 22px;  
padding: 7px 0 5px 18px;  
color: #fff;  
 }  
a.GlobalOrangeButton {  
background: transparent url(’images/button_right_orange.png’) no-repeat top rightright;  
display: block;  
float: left;  
height: 34px;  
margin-right: 6px;  
padding-right: 20px;  
text-decoration: none;  
font-family: Arial, Helvetica, sans-serif;  
font-size:12px;  
font-weight:bold;  
}    
a.GlobalOrangeButton:hover span {  
background-position: 0 -34px; color: #fff;  
}  
a.GlobalOrangeButton:hover {  
background-position: rightright -34px;  
}  

/* Structure
-------------------------------------------------------------------------------------- */
#wrapper { width: 960px; margin: 0 auto; }
#container {margin: 28px 0px; width: 960px;}
#content {width: 700px; float: left;}
#sidebar {width: 10px; display: none;}
/* Header
-------------------------------------------------------------------------------------- */
#header {
	background:url(../images/header-bg.gif) no-repeat top left;
	height: 198px;
	width: 960px;
	margin: 0 auto;
}
#header h1 {
	background:url(../images/logo.gif) no-repeat top left;
	float: left;
	height: 130px;
	width: 330px;
	margin: 46px 0 0 0;
}
#header h1 a {
	display: block;
	height: 130px;
	overflow: hidden;
	width: 330px;
	}
#header h1 a span {
	cursor: pointer;
	display: block;
	margin-left: 1000px;
}
#header-right {width: 630px; float: right;}
.header-container {width: 630px; height: 120px; position: relative;}
.header-container ul {float:right;}
ul.social-nav li {float:left;}
ul.social-nav li a {width: 42px; height: 36px; display: block;margin: 23px 8px 0px 0px; text-indent: -9999px;}
ul.social-nav li a.rss {background: url(../images/social-rss.gif) no-repeat 0px 0px;}
ul.social-nav li a.twit {background: url(../images/social-twit.gif) no-repeat 0px 0px;}
ul.social-nav li a.linked {background: url(../images/social-link.gif) no-repeat 0px 0px;}
ul.social-nav li a:hover.rss, ul.social-nav li a:hover.twit, ul.social-nav li a:hover.linked {background-position: 0px -36px;}
.telephone {position:absolute;right:0;top:70px; background: url(../images/telephone.gif) no-repeat 0px 0px; padding: 0 0 0 30px; color: #005fae;font-size:140%;
line-height:27px;}
/* feature box
-------------------------------------------------------------------------------------- */
a.feature-box {background: url(../images/feature-box.gif) no-repeat 0px 0px; width: 240px; height: 103px; display: block; margin-bottom: 10px; color: #fff;}
a:hover.feature-box {background-position: 0px -103px; color: #000; cursor: pointer;}
a.feature-box span {display: block; padding: 20px 65px 29px 20px;font-size: 16px;}

/* Specialisms boxes
-------------------------------------------------------------------------------------- */
ul.specialisms-list li {list-style: none; background: none!important; width: 180px; height: 181px; display: block; float: left;margin:10px 8px 20px 5px;}
ul.specialisms-list li a.specialisms-box {}
ul.specialisms-list li a.specialisms-box img {border: none !important;}
.specialisms-box a:hover.s-box1

/* Testimonials
-------------------------------------------------------------------------------------- */
.testimonials-left {width: 120px; float: left;}
.testimonials-right { width: 490px; float: right;}
.testimonials-left { width: 120px; float: left;}

/* sidebar and content
-------------------------------------------------------------------------------------- */
.expanding-box {display: none;
}
.expanding-box-big {
   background: url(../images/box-big-top2.gif) no-repeat top left;
   width: 668px;
   margin: 0;
   padding: 0;
}
.expanding-box h2, .expanding-box-big h2 {padding:20px 0 10px 20px; color: #005caa;}
.expanding-box h2 {padding:10px 0 0 10px; color: #005caa;}
.expanding-box img, .expanding-box-big img {
   display: block;
}
.box-inner {
	padding: 20px;margin: 0;
}
.expanding-box .text {
    width: 240px;
	background: url(../images/box-slice.gif) repeat-y 0 0;
}
.expanding-box .bottom {
    width: 240px;
	background: url(../images/box-bottom.gif) no-repeat 0 0;
	height: 12px;
	display: block;
	padding: 0;
	margin:0 0 20px 0;
}
.expanding-box-big .text {
    width: 668px;
	background: url(../images/box-big-slice.gif) repeat-y 0 41px;
	height: 1%;
	overflow: hidden;
}
.expanding-box-big .text-plain {
    width: 668px;
	background: url(../images/box-slice-plain.gif) repeat-y 0 41px;
	height: 1%;
	overflow: hidden;
}
.expanding-box-big .bottom-big {
    width: 668px;
	background: url(../images/box-big-bottom.gif) no-repeat 0 0;
	height: 12px;
	display: block;
	padding: 0;
	margin:0;
}
.expanding-box-big ul {margin-left: 10px;}
.expanding-box-big ul li {background: url(../images/bullet.gif) no-repeat 0px 7px; padding-left: 10px;}
.expanding-box-big ul.images-list {list-style: none;}
.expanding-box-big ul.images-list li {list-style: none; display: inline; margin: 5px; background-image: none;}
.expanding-box-big ul.images-list li img {display: inline;}




/* Navigation
-------------------------------------------------------------------------------------- */
#nav {
z-index:500;
float: right;
margin-top: 36px;
font-size: 110%;
}
#nav ul {list-style: none;}
#nav ul li {list-style: none; display: inline; margin: 0; padding: 0;}
#nav ul li a {padding: 0 0 0 4px; float: left; margin-left: 8px;}
#nav ul li a span {padding:2px 5px 1px 0; float: left; display: block;}
#nav ul li a:hover, #nav ul li a.active {background: url(../images/menu-left.gif) no-repeat left top; color: #fff;}
#nav ul li a:hover span, #nav ul li a.active span {background: url(../images/menu-bg-right.gif) no-repeat right top; display: block;}

/* News
-------------------------------------------------------------------------------------- */
.news {background: #fff;padding: 5px; margin-bottom: 20px;}
.news p {padding-right: 15px;}
.date-title {margin-bottom: 15px; border-bottom: #ddd 1px solid; /*height: 21px;*/padding-top:4px;}
span.date {font-size: 11px; color: #fff; background: url(../images/date-bg.gif) no-repeat 0px 0px; padding: 0px;text-align: center; display: block;
float: left; margin-right: 5px; width: 66px; height: 16px; line-height: 18px;}
.date-title h3 {margin: 0 0 0 70px; padding:0 0 4px;}

.width-390 {width: 390px;}
.width-204 {width: 204px;float: right;}
h3.feedback {background: url(../images/heading-feedback.gif) no-repeat 0px 0px; height: 33px; width: 204px; display: block;}
h3.twitter {background: url(../images/heading-twitter.gif) no-repeat 0px 0px; height: 55px; width: 204px; display: block; margin:20px 0 0 0;line-height:55px;}

/* Search
-------------------------------------------------------------------------------------- */
#search {display: none;}
#search form {margin: 0;padding: 0;}
#search label {display: block;}
#search input.FSF_input {
    border: none;
	color: #888;
	float: left;
	width: 182px;
	background: url(../images/search-bg.gif) no-repeat 0px 0px;
	height: 27px;
	padding: 0 0 0 4px;
	margin: 0;
	line-height: 28px;
}
* html #search input.FSF_input {width: 117px;}
#search input.FSF_submit {
	background: url(../images/search-btn.gif) no-repeat 2px 0px;
	border: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 27px;
	margin: 0;
	padding: 0;
	width: 30px;
	text-indent:-999em;
	letter-spacing:-130px;/* for opera , add an empty space before text to totally hide it and tune this value when changing width */
	color: #fff;
}
#search .AS_ajax_resultsIntroFailure {background: #fff; padding: 3px; z-index: 500;}
 #ajaxSearch_output {
           border: 1px solid #444;
           padding: 10px;
           background: #fff;
           display: block;
           height: auto;
           vertical-align: top;
       }
.AS_ajax_result {
           color: #444;
           margin-bottom: 3px;
       }
.AS_ajax_resultLink {
           text-decoration: underline;
       }
       .AS_ajax_resultDescription{
           color: #555;
       }
       .AS_ajax_more {
           color: #555;
       }
	   
/* Clients
-------------------------------------------------------------------------------------- */	   
.news-container {
height:200px;
margin: 0;
} 
ul#portfolio li {margin: 0 auto; dicplay: block;}
ul#portfolio li img {margin: 5px auto;}


/* Map
-------------------------------------------------------------------------------------- */	
#map_canvas {width: 620px !important; height: 300px !important; border: 1px solid #ddd;}

/* Footer
-------------------------------------------------------------------------------------- */
#footer { width: 960px; margin: 0px auto; clear: both; background: url(../images/footer-slice.gif) repeat-x top left; padding-top: 36px;}
#footer ul {list-style: none;}
#footer .footer-left ul li {display: inline; margin-right: 10px;}
#footer .footer-left ul li img {border: 1px solid #ddd;}
#footer .footer-left {float: left; width: 400px;}

#footer .footer-right {float: right;}
#footer .footer-right ul li {display: inline; margin-left: 10px;}
#footer .footer-right p {text-align: right;}

/* Forms 
------------------------------------------------------------------------------------- */
#ContactForm form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
#ContactForm form.full { width: 100%; }
#ContactForm fieldset { border: none;}
#ContactForm legend {display: none;}
#ContactForm form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
#ContactForm form label.submit-label {margin: 0;line-height: 1px;}
#ContactForm form label,
#ContactForm form p {
	display: block;
	width: 380px;
	font-size: 1em;
}
#ContactForm form p {padding: 10px 0 0 0; margin: 0;}
#ContactForm form input {
	display: block;
}
#ContactForm form select {
	float: left;
	display: block;
	clear: left;
}
#ContactForm form input.text-small {width: 142px;}
#ContactForm form label {
	/*float: left;*/
	clear: both;
	width: 383px;
	margin:30px 0 0;
	/*line-height: 1.5em;*/
}
#ContactForm form label input {
	float: left;
	width: 383px !important;
	padding: 0;
}
#ContactForm .submit {
background:url(../images/btn-submit.gif) no-repeat scroll 0 0 transparent;
border:medium none;
color:#fff;
display:block;
float:left;
font-weight:normal;
height:29px;
margin: 10px 0 6px 0;
padding:0px 0px 2px 5px;
text-align:left;
width:135px;
}
#ContactForm .submit:hover {color: #000;}
form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	width: 20px;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
#ContactForm form label input.text{
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 20px !important;
    line-height: 20px;
	margin-bottom:10px;
    background: #fff url(images/input-bg.gif) repeat-x top left !important;
}

#ContactForm form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left !important;
}
#ContactFormf orm input.checkbox,
#ContactForm form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#ContactForm form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#ContactForm form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#ContactFormform input.button {
    clear: left;
}
.captcha {
float:left;
margin-top:5px;
}
.captcha input {
border:2px solid #DDDDDD;
color:#477500;
margin:0 0 12px 12px;
outline:medium none;
padding:3px;
width:210px;
float: left;
}
.captcha img {
border:2px solid #EAF3FD;
float:left;
margin-top:0;