/* CSS New Website Nov 2016 */
/* 
Lime:#AFBC23
Blue:#003366

*/

/* Reset */

* { box-sizing: Border-box } 
body,ul,li,h1,h2,h3 {padding:0;margin:0;}
h1,h2,h3 {font-family:'PT Sans', sans-serif;}
img{border:none;}
li {list-style:none;}
a {text-decoration:none;}
address{font-style:normal;}

/* Common */

body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }

body {	
	background:url(../imgs/25.jpg) center center no-repeat;
	background-size:cover;
	background-attachment: fixed;
	background-color:#464646;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	height:100%;
}


/*.h-img1 {background-image:url(../imgs/25.jpg);transition: background 3s ease-in-out;}
.h-img2 {background-image:url(../imgs/26b.jpg);transition: background 3s ease-in-out;}
.h-img3 {background-image:url(../imgs/27b.jpg);transition: background 3s ease-in-out;}*/

a{color:#AFBC23;}
a:hover{color:purple}

td { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; }

p, li { color:#eee; xcolor: #444444; }

h1 { font-family: "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; color: #afbc23; /*#009933*/ margin-top:12px; margin-bottom: 25px; font-weight:bold;  }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#eee; }

.clear { clear:both; }
.rel { position:relative; }

#container { color:#fff;width: 980px; padding: 15px; min-height: 410px; height: auto; /*border: 1px solid blue;*/ margin: 10px auto 20px auto; }
.col1 {min-height:200px;padding:20px;float:left; width: 180px; margin-bottom:25px; margin-right:40px; }
.col2 {width:740px;height:auto;padding:20px;float:left; }

/* Nav */

#nav {xborder:1px solid red; margin: 0 auto; height:50px;line-height:50px; background-color:#777; /*#555*/;xtext-align:left;}
#nav ul {xpadding-left:100px;}
#nav a {padding:0 10px;color:#fff;font-family:'PT Sans', sans-serif;font-size:16px;display:block;}
#nav li {float:left;}

/* Navbar */

#navbar{}
#navbar a:hover{xcolor:#afbc23;}
#navbar li.selected{background-color:#afbc23;}
#navbar li:hover {background-color:#afbc23;xborder-bottom:3px solid #afbc23;}
#navbar li ul { z-index:50; position: absolute; width:200px; left: -999em; background-color:#afbc23; line-height: 14px; }
#navbar li:hover ul, #nav li.sfhover ul { left: auto; }
#navbar li ul a {display:inline-block;line-height:38px;width:100%;color:#003366;text-decoration: none; padding-left: 12px; }
#navbar li ul li {float:none;line-height:38px; }
#navbar li li a:hover {color:#fff;background-color:#003366;} 

#cookie_link{color:#afbc23 !important;display:block; position:absolute; font-size: 9px !important; text-decoration:none; }
a#cookie_link:hover { text-decoration:underline; }

/* */

.rel {position:relative;}
.fw {width:100%;}
.f98 {width:980px; margin:0 auto;text-align:left;}
.tint {background-color:rgba(50,50,50,0.7);}
.stdtxt{color:#eee;}

.prLeft {float:left;width:220px;min-height:220px;margin-right:24px;padding:15px;padding-bottom:40px;color:#fff;}
.prLeft p {font-size:11px;color:#eee;}
.prMain {float:left;width:710px;margin-top:30px;padding:10px;padding-bottom:60px;}
#prMain2 {padding:20px;}
.prTitle {font-size:20px;color:#afbc23}
.prImages { position:absolute; top:10px;right:10px; width:100px;}

/* Default */

#content {xbackground-color:#fff;min-height:450px;width:980px;text-align:left;margin-bottom:60px;}

/* Header */

#header { position: relative; }


/* Footer */

#footer { text-align:center; position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background-color:#777;height:50px;}
 
#footer ul {display:table;}
#footer li {float:left;}
#logo {display:block;position:absolute; top:8px;xright:0px;}
#f-logo{margin-left:10px;width:150px;margin-top:7px;display:table-cell;xborder:1px solid red;vertical-align:middle;}
#f-contact{margin-top:10px;color:#ccc;}
#f-sm{margin-top:12px;padding-left:50px;}

/* Home Page */

#home_page { position:relative; margin-top:-5px;}
#home_page h1 { margin:0; font-size: 21px; margin-top:15px; font-family:"Gill Sans MT", "Gill Sans", arial, sans sertif;  }
#home_page h2 { margin:0; font-size: 12px; margin-top:4px; color: #777; }
#h_header { height:65px; }
#accred_logos { position:absolute; top:5px; right:0; width:auto; }
#accred_logos ul {padding:0; margin:0;}
#accred_logos li {list-style: none; float:left; margin-left:7px;}
#fadeshow1 { background-color: #ffffff; margin-top:12px; width: 980px; background-image: url(../imgs/slide1.jpg); } 

/* About */

#ab_c1{width:660px;float:left;margin-right:20px;padding:20px;}
#ab_c2{width:280px;float:left;padding:20px;padding-top:70px;}
#abtxt{width:390px;}

#ab_exor_logo { position:absolute; left: 474px; top: 80px;}
#ab_fair_logo { position:absolute; left: 477px; top: 390px; }

/* What we do */ 

#wwd-c1{width:660px;float:left;margin-right:20px;padding:20px;}
#wwd-c2{width:280px;float:left;padding:20px;}

#wwd { position: relative; }
#wwd_rhs { position:absolute; left: 645px; top: 47px; }
p.caption { margin:0; font-size: 10px; line-height: 12px; margin-bottom: 5px; }

.wwd_col { width: 260px; float: left; margin-right: 8px; }
.wwd_col ul { padding: 0; margin-top: 0; margin-left: 1.35em; }
.wwd_col li {padding: auto 5px;list-style:disc;float:none;}

/* Our Approach */

#ap-c1{width:380px;min-height:700px;float:left;margin-right:20px;padding:20px;}
#ap-c2{width:580px;min-height:700px;float:left;padding:10px;}
#ap-img1{display:block;margin-bottom:20px;}
#sl-logo {display:block;margin-top:20px;border:4px solid #fff;}

#app_rhs { position:absolute; left:421px; top:56px;}

/* Clients */

#cl-c1{padding:20px; }
.client-list{width: 33.2%; height: 100%; float: left; padding-right: 25px; margin-bottom:12px;}
#cl-c1 li{list-style:disc;float:none;padding-left:5px;margin-left:15px;}

/* Recruitment */

.profiles { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
 
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999; margin-top: 3px; }

.nav { font-family: "Gill Sans MT", "Gill Sans", arial, sans sertif; font-size: 12px; text-transform: uppercase; }
.navbar { background-color: white; padding: 3px; clear: both; }
.navdiv { color: #aaaaaa; margin-left: 8px; margin-right: 8px; }

.line, .line2 { border-bottom: 1px #bbbbbb dotted; margin-top: 5px; margin-bottom: 10px; }
.line2 { width: 550px; }

.blocktxt { width: 380px; color: #444444; }

.txtblock { width: 500px; }


a.nav { color: black; text-decoration: none; }
a.nav:hover { color: black; }

.image { border: 2px solid #AFBC23; /*#009933*/ margin: 5px;}
a:hover .image { border: 2px solid #444; }

.menu_off a { /*border:1px solid #ccc;*/ margin:6px; padding: 2px; padding-bottom:3px; float:left; display:block; width:130px; height:140px; text-decoration: none; text-align:center;
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px;  }

/*.menu_on:hover { background-color:#444;}*/
.menu_on a:hover{ color:#444; /*background: #fafafa;*/background:#AFBC23; border:1px solid #aaa; margin:6px; padding:2px; padding-bottom:3px; float:left; display:block; width:130px; height:140px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; text-decoration: none; }

.error { color: purple; font-weight: bold; }

.help_frm { width: 350px; border: 1px solid #bbb;}

.style1 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }

/* Projects */

#project_thumbs { float: right; width: 108px; } 
#project_thumbs img { border-left: 3px solid transparent; }
#project_thumbs img:hover { border-left: 3px solid #afbc23 !important; }

#project_thumbs .active { border-left: 3px solid #afbc23; }


#project_logo { margin-bottom: 10px; }

#other_projects { float:left; width:100%; margin-top: 1.5em; }
#other_projects .logo { width:165px; text-align:center; height:60px; float: right; line-height:65px; }
#other_projects .hlogo { width: 200px !important;}

#other_projects .logo img { margin:auto auto; vertical-align:middle; }
#other_projects ul { margin:0;padding:0; width:300px; margin-top:1em; }
#other_projects li { list-style:none; height:65px; border-top: 1px dotted #bbbbbb; line-height:60px; padding-left: 10px; }
#other_projects li img {  }
#other_projects li:last-child { border-bottom: none; }

/* Recruitment */

#re-c1{width:370px;margin-right:20px;padding:20px;float:left;}
#re-c2{width:581px;float:left;padding:20px;}
#recruitment img { position:absolute; left: 435px; top: 35px; }

/* News */

#news_col1 {width:180px;min-height:180px;padding:20px;float: left;  margin-bottom:25px; margin-right:40px; }
#news_col2 {width:740px;min-height:610px;padding:20px;float: left;  margin-bottom:25px; }

/* Contact */

#co-c1{width:370px;min-height:560px;padding:20px;float:left;margin-right:20px;}
#co-c2{width:590px;min-height:560px;padding:20px;float:left;}
#co-c1 td {color:#eee;}
#map_canvas{width:550px;height:520px;}
.gmap-address{color:#000;}

/* Need Help */

#nh-c1 {width:180px;min-height:180px;padding:20px;float:left;margin-bottom:25px; margin-right:40px; }
#nh-c2 {width:740px;height:auto;padding:20px;float:left;margin-bottom:25px; }
#nh-c2 input[type="text"] {line-height:18px;width:300px;padding:5px;}
#nh-c2 textarea {width:300px;padding:5px;}

/* Cookies */

#cookies { color:#555; }
#cookies p { width: 500px; }
#cookies h2 { margin-bottom: 30px; }
#cookies th, td { text-align:left;color:#eee;}
#cookies .c1 { width: 100px; }
#cookies .c2 { width: 150px; }
#cookies .c3 { width: 200px; }
#cookies table { margin:20px 0; }

/* Footer */

/*#footer { position: relative; border-top: 2px solid #ccc; margin-top: 16px; padding-top: 5px; height:70px; clear:both; }
#footer p { margin: 0; margin-top:3px; line-height: 16px; font-size:11px; color: #444; }
#footer p.small { font-size: 10px;}
#footer a { color: #afbc23; }
#footer a:hover { font-weight:normal; color: #777; }
#logo { position:absolute; right:0; top: 8px; }*/

/* Home New */

#h-main{margin:60px auto 0px auto; width:650px;height:450px;background-color:rgba(50,50,50,0.5);padding-top:58px;}
/*#h-main{margin:100px auto 60px auto; width:600px;height:250px;background-color:rgba(50,50,50,0.7);padding-top:20px;}*/
#home-logo{display:block;margin:58px auto;}
#h-main h1 {color:#aaa;margin-left:150px;font-weight:normal;font-size:17px;font-family:'PT Sans';}
#h-logos{margin-left:150px;} 
#h-logos a {margin-right:6px;}

#h-twitter1 {margin: 0 auto; width:650px;padding:20px;padding-left:130px !important;height:auto;min-height:50px;background: rgba(50,50,50,0.5) url(../imgs/tweet_icon.png) no-repeat 95px 13px; /*xposition:absolute; top:450px;*/  xbackground-color:#fff; padding:10px; padding-top: 11px; padding-left: 55px; margin-bottom:-17px; }
#h-twitter1 .home-tweet {margin-left:19px;width:400px; color:#eee; xcolor:#3f5d9a;}
#h-twitter1 .home-tweet-date {margin-left:19px;display:block; font-size:9px;margin-top:5px; }
#twitter-link { z-index:100; display:block; position:absolute; left:0; top:0; height:50px; width: 55px; /*border: 1px dotted #ccc;*/ }
.home-tweet a:hover {color:purple;}