/* Meyer reset
v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.overclear {
	width: 100%;
	overflow: hidden;
}

/* end reset */

/* Basic typography */

.pagecontent strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; }
.pagecontent cite, em, dfn { font-style: italic; }
.pagecontent code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, monospace; }
.pagecontent del { text-decoration: line-through; color: #666; }
.pagecontent ins, dfn { border-bottom: 1px solid #ccc; }
.pagecontent small, sup, sub { font-size: 85%; }
.pagecontent abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
.pagecontent a abbr, a acronym { border: none; }
.pagecontent abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
.pagecontent sup { vertical-align: super; }
.pagecontent sub { vertical-align: sub; }


/* Margins & Paddings */

.pagecontent blockquote *:first-child { margin: .8em 0; }
.pagecontent hr, .pagecontent p, .pagecontent ul, .pagecontent ol, .pagecontent dl, .pagecontent pre, .pagecontent blockquote, .pagecontent address, .pagecontent table, .pagecontent form { margin-bottom: 1.6em; }
.pagecontent h1 { margin: 1em 0 .5em; color: #AC3E05; }
.pagecontent h2 { margin: .535em 0 .535em; color: #AC3E05; border-bottom: 1px solid #AC3E05; }
.pagecontent h3 { margin: 1.14em 0 .57em; color: #AC3E05; border-bottom: 1px solid #AC3E05; }
.pagecontent h4 { margin: 1.23em 0 .615em; color: #AC3E05; }
.pagecontent h5 { margin: 1.33em 0 .67em; color: #AC3E05; }
.pagecontent h6 { margin: 1.6em 0 .8em; }
.pagecontent th, .pagecontent td { padding: .8em; }
.pagecontent caption { padding-bottom: .8em; } /* padding instead of margin for IE */

.pagecontent blockquote { 
	font-family: Georgia; padding: 0 1em; margin: 1.6em 0;
}
.pagecontent cite { 
	font-family: Verdana; font-size: 11px; font-weight: bold;
}

.pagecontent fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.pagecontent legend { padding-left: .8em; padding-right: .8em; }
.pagecontent legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.pagecontent select { padding: .1em .2em 0 .2em; }
.pagecontent option { padding: 0 .4em; }
.pagecontent a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.pagecontent dt { margin-top: .8em; margin-bottom: .4em; }
.pagecontent ul { margin-left: 1.5em; list-style-type: disc; }
.pagecontent ol { margin-left: 2.35em; list-style-type: decimal; }
.pagecontent ol ol, .pagecontent ul ol { margin-left: 2.5em; }
.pagecontent li { margin-bottom: 1em; }
.pagecontent form div { margin-bottom: .8em; }
.pagecontent p { line-height: 1.5em; }



html {
	background: #828282 url(../images/bg.png) no-repeat top center;
}

/* Typography */

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:  1.285; /* 18px baseline */
}

h1			{ font-size: 1.4285em; /* 20px */ }
h2			{ font-size: 1.2857em; /* 18px */ }
h3			{ font-size: 1em; }
h4			{ font-size: 1em; }

#header #contact { color: #fff; font-weight: 500; }
p.telephone { font-size: 1.9em; padding: 0 0 0 30px; background: url(../images/icons/28.png) no-repeat 0px 6px; }
#header #contact a { color: #fff; font-size: 1.4em; padding: 0 0 0 30px; background: url(../images/icons/94.png) no-repeat 0px 3px;  }

#masthead p {
	color: #fff;
	margin-bottom: 18px;
}
#masthead a {
	color: #8fe5e0;
}

#testimonials { font-size: 0.75em; }

#mhcontent h2 { margin-bottom: 18px; }
#mhcontent h2 a { color: #ff5e3c; text-decoration: none; }



#solutions h1 { text-align: center; }
#sectors h2 { font-size: 1.1428em; /* 16px */  }

#iwantto h3 { color: #ff5e3c; }
#sectors h3 { color: #ff5e3c; margin-bottom: 15px; }

#footer-links a {font-size: 0.8571em;}

/* links */

a { color: #266ab5; }
a:hover { text-decoration: none;  }

a.current { }

a.pdf { padding-left: 21px; background: url(../images/icons/pdf.png) no-repeat 0px 5px;}

#nav li a { color: #636363; text-decoration: none; }
#nav li.current a, #nav li a:hover { color: #3c3b3b; }

a.delivery {display: block; padding: 5px 0 5px 30px; background: url(../images/icons/56.png) no-repeat 0px 0px; }

/* end typography */




/* Page Structure */

#page {
	position: relative;
	background-color: #d8d8d8;
	width: 960px;
	padding-top: 5px;
	margin: 0 auto;
}

/* header */

#header {
	position: relative;
	width: 960px;
	margin: 10px auto 0 auto;
}
#header h1 {
	float: left;
	margin-left: 13px;
}
#header h1 a {
	display: block;
	width: 321px;
	height: 72px;
	text-indent: -9999px;
	background-image: url(../images/logo.png);
	margin-bottom: 18px;
}
#header h1 a:hover {
	background-position: top right;
}



#header #contact {
	margin-top: 10px;
	width: 250px;
	float: right;
	font-size: ;
}

#nav { 
	clear: both;
	width: 100%;
	height: 33px;
	background-color: #3c3b3b;
}
#nav ul { 
	position: relative;
	width: 960px;
	margin: 0 auto;
}
#nav li { 
	float: left;
	margin-right: 12px;
}
#nav li a { 
	display: block;
}

/* banner */

#banner {
	display: block;
	position: relative;
	left: -7px;
	clear: both;
	padding-right: 80px;
}
#banner h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	margin-top: 15px;
	font-size: 40px;
	padding: 9px 0 5px 15px;
	background-color: #9ed6d3;
}

.pagecontent .h1-container {
	display: block;
	position: relative;
	left: -7px;
	clear: both;
	padding-right: 25px;
	padding-top: 12px;
	
	margin-bottom: 38px;
}
.pagecontent h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 26px;
	color: #000;
	padding: 12px 0 10px 15px;
	background-color: #9ed6d3;
	margin: 0 0 0 0;
}
.pagecontent h2 {
	margin-top: 36px;
	margin-bottom: 18px;
}

/* drop shadows */

#banner h2, #footer-head, .pagecontent h1 {
	box-shadow: 3px 3px #617675;
	-webkit-box-shadow: 3px 3px 0 #617675;
	-moz-box-shadow: 3px 3px 0 #617675;
}
#masthead {
	box-shadow: 3px 3px #5e5e5e;
	-webkit-box-shadow: 3px 3px 0 #5e5e5e;
	-moz-box-shadow: 3px 3px 0 #5e5e5e;
}

#iwantto, #sectors li, #solutions, #main {
	box-shadow: 3px 3px #c4c4c4;
	-webkit-box-shadow: 3px 3px 0 #c4c4c4;
	-moz-box-shadow: 3px 3px 0 #c4c4c4;
}

#banner span.fold, .pagecontent span.fold { display:block; height: 8px; width: 7px; background: url(../images/aqua-fold.png) no-repeat; }
#masthead-fold span.fold { display:block; height: 8px; width: 7px; margin-left: -7px; position: relative; background: url(../images/grey-fold.png) no-repeat; }
#footer-head-fold span.fold { display:block; height: 8px; width: 7px; margin-left: -7px; position: relative; background: url(../images/aqua-fold.png) no-repeat; }

/* masthead */

#masthead {
	margin-top: 15px;
	padding: 15px 15px 0 15px;
	background-color: #646464;
	display: block;
	width: 946px;
	position: relative;
	margin-left: -7px;
}

#multihero { width: 620px; float: left; position: relative; padding-bottom: 8px; }

#scroll-container { padding: 0px 10px !important; }

#mhcontent div { padding: 10px; background-color: #3c3b3b; padding-bottom: 15px; }
#mhcontent div.one {
	display: block;
}
#mhcontent p { font-size: 13px; }

#mhcontent div img { float: right; margin-left: 20px; }

#mhcontrols { }
#mhcontrols li { float: left; margin: 8px 5px 0px 0; }

/* masthead controls detail */

#mhcontrols li a { display: block; text-indent: -9999px; width: 15px; height: 15px; background: url(../images/midgetgems.png) no-repeat top left;  }
#mhcontrols li a.selected { background-position: top right;   }

#testimonials { float: right; width: 270px; margin-right: 25px; }
#testimonials li { clear: both; margin-top: 5px; margin-bottom: 20px; }
#testimonials p { margin-bottom: 0; } 
#testimonials p.cite { font-size: 10px; font-weight: bold; margin-top: 10px; } 
#testimonials a { display: block; text-align: center;}
#testimonials img { float: left; margin-right: 18px; margin-bottom: 10px; }



/* body */

#body {
	margin: 20px 0;
}

#sectors, #solutions { float: right; clear: right; width: 670px; margin-right: 10px; }
#iwantto { float: left; clear: none; width: 195px; background-color: #ece8e8; margin-left: 13px; padding: 3px 10px 10px 10px; }
#iwantto h3 { margin-bottom: 5px; }
#iwantto li {
	border-top: 1px dotted #ababab;
	padding: 6px 0px 6px 22px;
	font-size: 0.8571em;
	line-height: 1.3;
	background: url(../images/icons/11.png) no-repeat left center;
}
#iwantto li a {
	text-decoration: none;
}
#iwantto li a:hover {
	text-decoration: underline;
}

#solutions { margin-bottom: 30px; margin-right: 15px; padding: 10px; background-color: #ece8e8; }
#solutions li {
	display: block;
	float: left;
	width: 211px;
	margin-right: 18px;
}
#solutions li.last {
	margin-right: 0px;
}
#solutions li h1 {
	font-size: 18px;
	margin-bottom: 10px;
}
#solutions li p {
	line-height: 1.3; font-size: 13px;
}
#solutions li img {
	margin-bottom: 5px;
}

#sectors { width: 690px;}
#sectors li {
	display: block;
	float: left;
	width: 280px;
	margin-bottom: 20px;
	background-color: #ece8e8;
	padding: 3px 5px 5px 50px;
	margin-right: 20px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
#sectors li.last {
	margin-right: 0px;
}
#sectors li p {
	font-size: 13px;
}
#sectors { padding: 0 5px; }

.sectorpad { padding: 0 25px 0 10px; }


/* Innerpages */

#main { width: 70%; float: left; margin-left: 15px; background-color: #ECE8E8; padding-bottom: 20px; }
#aside { width: 25%; float: right; margin-right: 15px; }
.body { padding: 0 20px; }

/* clients and case study */

#main.casestudieshome { width: 70%; float: left; margin-left: 15px; background-color: transparent; }
div.headshot { float: left; margin-left: 30px; margin-top: 23px; }

div.testimonial { float: right; width: 500px; margin-right: 30px; }
div.noheadshot div.testimonial { margin-right: 60px; }

.pagecontent ul.checks { margin-left: 5px !important; }
ul.checks li { list-style-type: none; width: 100%; padding-left: 25px; margin-bottom: 10px; background: url(../images/icons/71.png) no-repeat center left; }


/* footer-head */

#footer-head {
	font-size:0.8571em;
	
	display: block;
	width: 970px;
	position: relative;
	left: -7px;
	background: url(../images/partner.png) no-repeat 490px 9px;
	background-color: #9ed6d3;
}
#footer-head h1 { float: left; }
#footer-head h1 a {
	display: block;
	width: 160px;
	height: 36px;
	text-indent: -9999px;
	background-image: url(../images/logo-small.png);
	margin: 15px 23px;
}

#footer-head ul { float: left; }
#footer-head li { line-height: 66px; float: left; }
#footer-head li a { padding: 0 8px; border-right: 1px solid #888;}
#footer-head li.last a { padding: 0 8px; border-right: none;}

#footer-links { padding: 10px 10px 15px 15px; }
#footer-links ul { display: block; float: left; margin-right: 30px; width: 150px; }
#footer-links ul.blog { width: 205px; }
#footer-links li { padding: 3px 0;}

#footer-smallprint { display: block; width: 930px; margin: 5px auto; font-size: 11px; border-top: 1px dotted #888; padding: 5px; margin-bottom: 0; }
#footer-smallprint li { float: left; margin-right: 10px; }
#footer-smallprint p { text-align: right; }

/* solutions gallery */

#solutionsgallery { list-style-type: none; padding-top: 5px; }
#solutionsgallery li { display: block; float: left; width: 620px; margin-bottom: 20px; }
#solutionsgallery li.last { margin-right: 0; }
#solutionsgallery li h2 { display: block; border-bottom: none; font-size: 21px; }
#solutionsgallery li img { display: block; margin: 0 0 0 0; float: left;  }
#solutionsgallery li div.body { float: right; width: 325px; }
#solutionsgallery li ol { width: 100%; margin-left: 0; padding-left: 0; }
#solutionsgallery li ol li { width: 100%; padding-left: 22px; margin-bottom: 10px; background: url(../images/icons/71.png) no-repeat center left; }

#solutionsgallery h2 {
	margin-top: 12px;
	margin-bottom: 15px;
}

#solutionsgallery hr {display: block; width: 500px; clear: left; height: 1px; border: none; background-color: #ECE8E8; margin: 0; padding: 0;}

/* navigation super-css */

#nav { padding-top: 5px; }

#nav li { margin-top: 3px; padding-left: 10px; background: url(../images/tabs-off.png) no-repeat top left;}
#nav li a { display: block; height: 30px; line-height: 30px; padding-right: 10px; background: url(../images/tabs-off.png) no-repeat top right; }
#nav li a span { padding: 0 3px 0 3px; display: block; background: url(../images/tabs-off.png) repeat-x bottom left; }

#nav li a {  }
#nav li.current { margin-top: 0px; padding-left: 10px; background: url(../images/tabs-current.png) no-repeat top left;}
#nav li.current a { display: block; height: 33px; line-height: 33px; padding-right: 10px; background: url(../images/tabs-current.png) no-repeat top right; }
#nav li.current a span { display: block; background: url(../images/tabs-current.png) repeat-x bottom left; }


/* multihero */

#mhcontent {
  height: 270px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

#mhcontent div.panel { padding: 10px 10px; background-color: #3c3b3b; padding-bottom: 15px; height: 240px; width: 575px; }

#mhcontent div.panel img { float: right; }

/* tables */

table#casestudygrid {
	margin:10px 0pt 15px;
	width: 600px;
	margin-left: 30px;
	text-align: left;
}
table#casestudygrid thead tr th, table.tablesorter tfoot tr th {
	background-color: #cccccc;
	border: 1px solid #ECE8E8;
	font-size: 8pt;
	padding: 4px;
}
table#casestudygrid thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table#casestudygrid tbody td {
	color: #3D3D3D;
	padding: 6px;
	background-color: #ECE8E8;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
}
table#casestudygrid tbody tr {
	

}
table#casestudygrid thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table#casestudygrid thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}

/* aside */

.section h3 { color: #555555; border-color: #aaaaaa; font-size: 14px; }
.section h3 {  }
.section { margin-top: 15px; margin-bottom: 35px; font-size: 0.8751em; }
.section li { margin: 10px 0;  }
.section p {  }

/* contact us */

.contact-us #main { width: 930px; padding-bottom: 20px; }

.contact-us #main #banner { margin-bottom: 25px; }

#map { float: right; margin-right: 15px; }

form h3 { margin-bottom: 10px !important; }

#contact-form { float: left; width: 340px; margin-left: 15px; }
#contact-form legend { font-weight: bold; }
#contact-form fieldset { margin-bottom: 15px; }
#contact-form .row { display: block; clear: both; height: 35px; }
#contact-form .label { display: block; width: 115px; padding-top: 3px; float: left; text-align: right;  }
#contact-form .label label { text-align: right; }
#contact-form .label label span, span.required { color: red; }
#contact-form .input { display: block; float: right; }
#contact-form .input input { width: 185px; }

#contact-form p { font-size: 11px;margin-bottom: 10px; }

#contact-form textarea { width: 305px; height: 130px; padding: 5px; }
#contact-form .submit { position: relative; display: block; margin: 0 auto; }


/* Careers CV Form */

#cv-form { display: block; position: relative; margin: 0 auto; width: 340px; }
#cv-form fieldset { padding: 0 10px; margin-bottom: 15px; }
#cv-form .row { display: block; clear: both; height: 35px; }
#cv-form .label { display: block; width: 115px; padding-top: 3px; float: left; text-align: right;  }
#cv-form .label label { text-align: right; }
#cv-form .label label span, span.required { color: red; }
#cv-form .input { display: block; float: right; }
#cv-form .input input { width: 185px; }

#cv-form p { font-size: 11px;margin-bottom: 10px; }

#cv-form textarea { width: 305px; height: 130px; padding: 5px; }
#cv-form .submit { position: relative; display: block; margin: 0 auto; }

p.success { border: 1px solid #52A210; padding: 5px; background-color: #9CD66C; }



/* blog */

pre { background-color: #ffffff; font-size: 0.75em; border-left: 1px solid silver; padding: 10px 10px 5px 10px; overflow-x: auto;}
p.pagination { text-align: center; }

div.body p.cite { margin-bottom: 24px; }

/* comment form */

.comments { padding: 20px 100px 30px 100px; }

.comments ol li { border-top: 1px solid; border-bottom: 1px solid; border-color: silver; background-color: #fafafa; padding: 2px 5px;  }

p.cite { font-size: 12px; margin-bottom: 0; color: #666;}

#comment_form p { margin: 0 0 7px 0; padding: 0; }
#comment_form textarea { margin: 10px 0 0 0; }

.comment p { margin-bottom: 10px; }