/***********************************************************************************************
------------------------------------------   GLOBAL   ------------------------------------------
***********************************************************************************************/

* {padding:0;margin:0;border:0;outline:none;}
body {font:14px/18px Arial, Helvetica, sans-serif;background:#fff;}
p {margin:0 0 10px 0;} 
a {color:#ccaa4f;}
a:hover {color:#144aa2;}
h1, h2, h3, h4, h4, h5, h6 {font-weight:normal;}
h1 {font:bold 24px/30px Arial, Helvetica, sans-serif;color:#001622;margin:0 0 5px 0;}
h2 {font-size:18px;line-height:22px;font-weight:bold;color:#144aa2;margin:0 0 5px 0;}
h3 {font-size:16px;line-height:20px;font-weight:bold;margin:0 0 10px 0;}
h4 {color:#fff;text-transform:uppercase;font:300 14px/32px 'Open Sans Condensed', sans-serif;text-align:right;padding-right:15px;}
h5 {color:#999;font-size:20px;line-height:75px;text-transform:uppercase;letter-spacing:0.2em;text-align:right;}
h6 {color:#959595;font-size:9px;}
h6 a {color:#959595;}
h6 a:hover {color:#216fec;}

.moretop {margin-top:15px;}
.morebottom {margin-bottom:15px;}
.moretoplessbottom {margin-top:20px;margin-bottom:5px;}

/* border image rollover effect */
.border img {border: 1px solid #fff;padding:3px;}
.border:hover img {border: 1px solid #216fec;}
.border:hover {color: #216fec; /* Dummy for IE bug */}

.wraplg {width:100%;min-width:960px;}
.wrapsm {width:960px;margin:0 auto;}
.wrapsm:after {content:"";display:table;clear:both;}
.wrap100 {float:left;width:100%;}
.wrap960 {float:left;width:960px;}
.wrap1100 {float:left;width:1100px;}

.corkboard {position:relative;}
.pinned {position:absolute;}

/***********************************************************************************************
-------------------------------------------   UPPER   ------------------------------------------
***********************************************************************************************/
#torso {background:#001622 url('../_img/bg-torso.gif');border-bottom:2px solid #fff;}

#logolocationstagline {height:110px;}
#logo {float:left;}
#logo img {margin:15px 0 0 0;}

#locations {
	float:right;
	height:35px;
	background:url('../_img/bg-locations.gif') no-repeat left top;
	padding-left: 50px;
}
#locations h4 {font-size:11px;}
.bullet {color:#001622;padding:0 3px;}
#tagline {float:right;height:75px;width:690px;}


#nav {height:50px;background:#144aa2;top:110px;border-top:2px solid #216fec;border-bottom:1px solid #fff;}
#nav ul {list-style-type:none;text-align:center;}
#nav li {display:inline;padding:3px 20px;border-right:1px solid #216fec;}
#nav li:first-child {padding-left:0;}
#nav li:last-child {padding-right:0;border-right:none;}
#nav li a {color:#fff;text-transform:uppercase;text-decoration:none;font-size:14px;line-height:50px;font-weight:bold;}
#nav li a:hover {color:#ccaa4f;}
#nav li a.urhere {color:#ccaa4f;}

#slidewrap {float:left;width:960px;height:350px;margin-top:53px;position:relative;}
#slides {border-right:1px solid #fff;border-left:1px solid #fff;margin-left:40px;background:#fff;}
.slide {position:relative;}
.slideinfo {position:absolute;z-index:2;top:230px;padding:15px 20px;background:rgba(20,74,162,0.8);}

.slideinfo h3 {color:#fff;font-size:20px;text-align:left;letter-spacing:normal;text-transform:none;font-weight:normal;margin:0 0 10px 0;}
.slideinfo p {font-size:12px;color:#fff;margin-bottom:0;}
.slideinfo a {text-decoration:none;color:#fff;}
.slideinfo a:hover {color:#ccaa4f;}

#mp {float:left;width:960px;height:200px;margin-top:53px;overflow:hidden;background-color:#fff;}
#mp img {border-right:1px solid #fff;border-left:1px solid #fff;}

/***********************************************************************************************
--------------------------------------------   LEGS   ------------------------------------------
***********************************************************************************************/
#legs {min-height:150px;background:url('../_img/bg-legs.gif');border-top:4px solid #ccaa4f;border-bottom:3px solid #dadada;padding:20px 0;}

#col-10-home {float:left;width:480px;}
#col-01-home {float:right;width:450px;}
#col-10 {float:left;width:460px;}
#col-01 {float:right;width:460px;}
#col-10-about {float:left;width:350px;}
#col-01-about {float:right;width:560px;}
#col-10-services {float:left;width:320px;}
#col-01-services {float:right;width:600px;}
#col-10-contact {float:left;width:650px;}
#col-01-contact {float:right;width:300px;}
#col-10-careers {float:left;width:580px;}
#col-01-careers {float:right;width:350px;}
#col-100 {float:left;width:300px;}
#col-010 {float:left;width:300px;margin:0 20px;}
#col-001 {float:right;width:300px;}
.col-11 {float:left;width:300px;}

#legs ul {list-style-image: url(../_img/checkmark.png);margin:0 0 20px 30px;}
#legs li {font-size:13px;padding:3px 0;}
#legs ul ul li {font-size:11px;font-weight:normal;padding:0;list-style-type:none;}

ul#sectors {list-style-type:none;list-style-image:none;text-align:center;padding:10px;background:#fff;margin:0 0 30px 0;border:3px solid #ececec;}
ul#sectors li {display:inline;margin:0 30px;font-size:14px;}
ul#sectors li a {color:#144aa2;text-transform:uppercase;}
ul#sectors li a.urhere {color:#ccaa4f;font-weight:bold;}
ul#sectors li a:hover {color:#ccaa4f;}

#legs ul.contact {list-style-type:none;list-style-image:none;margin:0;}
#legs ul.contact li {padding:0;}

p.topline {border-top:1px solid #216fec;padding-top:10px;font-size:12px;line-height:16px;}

.people {border-bottom:1px solid #ddd;padding:0 0 10px 0;margin:0 0 10px 0;}
.people-pic {float:left;width:160px;}
#legs img {border:3px solid #216fec;padding:2px;}
.people-info {float:right;width:380px;}

.office {float:left;width:250px;background:#fff;border:3px solid #ececec;padding:10px;margin:0 20px 10px 0;}

.button {float:left;width:100%;margin:10px 0;}
.button a {display:block;color:#fff;background:#144aa2;padding:10px;border:2px solid #216fec;text-decoration:none;}
.button a:hover {background:#ccaa4f;}

img#map {border-color:#ececec;padding:0;margin:0 0 10px 0;}

ul#sector-links {text-align:center;}
ul#sector-links li {display:inline;position:relative;}
span.sector-pic {position:relative;}
ul#sector-links img:hover {border:3px solid #ccaa4f;}
span.sector-link {position:absolute;z-index:1;top:-50px;left:0;width:100%;}
span.sector-link a {display:block;width:100%;color:#fff;font:700 22px/26px 'Open Sans Condensed', sans-serif;background:rgba(20,74,162,0.8);padding:10px 0;text-decoration:none;text-transform:uppercase;}
span.sector-link a:hover {background:rgba(204,170,79,0.8)}

#careers {text-align:center;}
#careers img {border:none;height:50px;margin:0 0 .5em 0;padding:0;}
#careers h2 {font-size:1.75em;margin:.5em 0 1em;}
#careers h3 {color:#216fec;text-align:center;font-size:1em;line-height:1;margin-bottom:0;margin-top:2em;padding:1em;background:#ccaa4f;color:#fff;text-transform:uppercase;letter-spacing:4px;}
#careers #perks {display:flex;flex-wrap:wrap;margin-bottom:2em;text-align:center;}
#careers #perks div {width:33.33%;box-sizing:border-box;padding:1em;border:1px solid #ccaa4f;border-top:none;border-left:none;}
#careers #perks div.border-left {border-left:1px solid #ccaa4f;}
#careers #perks div h4 {color:#216fec;text-align:center;font-size:1.75em;line-height:1;margin-bottom:.5em;padding:0;}
#careers a.button {box-sizing:border-box;color:#fff;background:#216fec;text-decoration:none;padding:1em 2em;font-weight:bold;text-transform:uppercase;font-size:1.4em;display:inline-block;}
#careers a.button:hover {background:#ccaa4f;}
#jobbutton {display:flex;justify-content:center;margin-bottom:2em;}
#jobbutton a {background:#144aa2;padding:1em 2em;color:#fff;text-decoration:none;font-size:1.3em;}
#jobbutton a:hover {background:#ccaa4f;}

/***********************************************************************************************
-------------------------------------------   FEET   -------------------------------------------
***********************************************************************************************/
#feet {padding:0 0 50px 0;}
#footlogos {float:left;width:100%;text-align:center;margin-top:30px;}
#footlogos img {margin:0 15px;vertical-align:middle;}
#footlinks {float:left;width:100%;text-align:center;}
#footlinks ul {list-style-type: none;margin:30px 0 8px 0;}
#footlinks li {display:inline;}
#footlinks li a {color:#001622;	margin:0 10px;font-size:11px;}
#footlinks li a:hover {color:#216fec;}


/***********************************************************************************************
-----------------------------------------   COLOURS   ------------------------------------------
************************************************************************************************

MEDIUM BLUE: #144aa2
LIGHT BLUE: #216fec
GOLD: #ccaa4f
*/