@charset "utf-8";
/* CSS Document */

body, html{
  background-color:#ffffff;
  margin:0;
  padding:0;
}
body{
  font-family:Arial, Helvetica, sans-serif;  
  font-size:14px;
}

img{
  margin:0;
  padding:0;
  border:0;  
}
h1,h2,h3,h4,h5,p,ul,li,input{
  margin:0;
  padding:0;
  font-weight:normal;
}  
h1,h2,h3,h4,h5{
  font-family:Verdana, Geneva, sans-serif;
  margin-bottom:20px;
}
h1{
  font-size:36px;  
}
h2{
  font-size:30px;  
  margin-top:5px;
}
h3{
  font-size:20px;
  line-height:25px;
  
}
p{
  line-height:1.5em;
  margin-bottom:1em;  
}
a{
  color:#F7941D;
  text-decoration:underline;
  outline: 0;
  outline: none;
}

div.vimeo {
            width: 540px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

section, nav, header, footer, article, aside, {
  display: block}

.map area{
  outline: 0;
  outline: none;
}

a:hover{
  color:#6e6e6e;
}
#header{
  border-bottom:3px solid #9e9e9e;
  height:137px;  

}
#footer{
  margin-top:30px;
  border-top:3px solid #9e9e9e;  
}
input{
  border:1px solid #ccc;
  font-size:11px;
  color:#999;  
  padding:2px;

}
.blue{
color:#F7941D;
}
.clear{
  clear:both;  
}
#wrapper{
  width:1080px;  
  padding:0px 10px;
  margin:auto;
}
#header .logo{
  margin-top:20px;
  float:left;
  z-index:50;
}
#header .right{
  float:right;  
}
#login {
float:right;
height:88px;
text-align:right;
padding-left:180px;
<!-- background-image:url(/images/forclients.png); -->
background-position:top left;
background-repeat:no-repeat;
padding-top:10px;
}

#login .box {
padding:0;
background-image:url(/images/login_bg.png);
background-position:center center;
background-repeat:repeat-x;
margin-top:10px;
margin-bottom:15px;
width:325px;
color:#fff;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
height:28px;
}

#login .box div,#login .box input {
float:left;
display:block;
clear:none;
margin-top:4px;
margin-left:5px;
}

#login .box div {
padding-top:2px;
padding-left:5px;
padding-right:5px;
}

#login .box .submit,.module .submit,.button .submit {
padding-right:20px;
background-image:url(/images/greyarrow.png);
background-position:right center;
background-repeat:no-repeat;
padding-bottom:2px;
cursor:pointer;
margin-top:0;
border-left:1px solid #0598c4;
padding-top:6px;
height:20px;
}

#login form input {
width:100px;
}

#login .forgot {
clear:both;
font-size:10px;
}

#mainmenu{
  float:right;
  clear:right;
  font-family:Verdana, Geneva, sans-serif;
  font-size:15px;
  width:700px;
  margin-top:-20px;
}
#mainmenu a{
  color:#000;
  text-decoration:none;
}
#mainmenu a:hover{
  color:#F7941D;
}

#mainmenu ul li ul{
  display:none;
  background-color:#EFEFEF;
  z-index: 200;
}  
#mainmenu ul.menu{
  float:right; 
  margin-right: 15px; 
}
ul.menu{
  list-style-type:none;
}
ul.menu li{
  float:left;  
  margin-right:30px;
}
#mainmenu ul.menu li{
  margin:0;  
}
#mainmenu ul.menu a{
  display:block;
  padding:5px 18px;
  border-left:1px solid #000;
}
#mainmenu ul.menu li:first-child a{
  border-left:0;  
}
#mainmenu ul.menu li:last-child a{
  padding-right:0;  
}
#mainmenu ul li ul{
  position:absolute;  
}
#mainmenu ul.menu li ul li{
  float:none;
  clear:left;  
  list-style-type:none;
}
#mainmenu ul.menu li ul li a{
  padding:15px;  
  border:0;
  margin-right:20px;
  display:block;
  width:100%;
}
#content{
  margin-top:10px;  
  margin-bottom:20px;
}

#left,#context,#context1,#right,#context2 {
float:left;
}

#left .sidebar{
    background-image:url(/images/circle.png);
    background-repeat:no-repeat;
    background-position:0px -25px;
    padding-top:20px;
    width:290px; 
    z-index: 100;
}

#left .sidebarnographic{
    
    background-position:0px -25px;
    padding-top:20px;
    width:290px; 
    z-index: 100;
}

#left .fifty{
  background-image:url(/images/keystone/50years.jpg);
  background-position:top left;
  background-repeat:no-repeat;
  padding-top:30px;
}
.fifty h2{
  font-size:50px;
}

#context, #context2 {
  width:700px;  
  margin:0px 40px;  
  overflow:hidden;
}



#context ul, #context2 ul{
  margin:10px 0px;
  <!--lh-->
  line-height:1.5em;
}

#content p a{
  text-decoration:none;  
}
#content p a:hover{
  text-decoration:underline;  
}
#content ul{
  margin-left:20px;  
}
#content ul li{
  list-style-type:square;
  margin-bottom:0.5em;
}

#content ul.bignumbers{
  margin:0;  
  font-family:Verdana, Geneva, sans-serif;
  font-size:13px;
}
#content ul.bignumbers li{
  margin-bottom:1em;
  list-style-type:none;
  padding-left:35px;
  background-repeat:no-repeat;
  background-position:top left;
}
#content ul.bignumbers li.one{
  background-image:url(/images/keystone/bullet_1.png);
}
#content ul.bignumbers li.two{
  background-image:url(/images/keystone/bullet_2.png);
}
#content ul.bignumbers li.three{
  background-image:url(/images/keystone/bullet_3.png);
}
#content ul.blu li.one{
  background-image:url(/images/keystone/bullet_1_blue.png);
}
#content ul.blu li.two{
  background-image:url(/images/keystone/bullet_2_blue.png);
}
#content ul.blu li.three{
  background-image:url(/images/keystone/bullet_3_blue.png);
}
#content a.biglink{
  display:block;
  background-image:url(/images/keystone/bigboxbg.png);
  height:40px;
  background-position:top;
  background-repeat:repeat-x;
  color:#fff;
  font-size:13px;
  line-height:15px;
  padding-top:4px;
  padding-left:7px;
  text-transform:uppercase;
  font-family:Verdana, Geneva, sans-serif;
  text-decoration:none;
}
#content a.biglink:hover{
  text-decoration:none;  
  color:#000;
}
#content a.biglink span{
  padding-right:20px;
  padding-left:10px;
  font-size:10px;
  text-transform:none;
  background-image:url(/images/keystone/bluearrow.png);  
  background-repeat:no-repeat;
  background-position:right;
  margin:0;
}

#context ul.menu, #context2 ul.menu{
  font-size:12px;  
  clear:both;
  padding:0;
  margin:0;
  padding-top:10px;
}
#context ul.menu li, #context2 ul.menu li{
  border-left:1px solid #000;  
  margin:0px;
  list-style-type:none;
  padding:0px 10px;
}
#context ul.menu li:first-child, #context2 ul.menu li:first-child{
  padding-left:0px;
  border-left:0;
}
#context ul.menu a, #context2 ul.menu a{
  text-decoration:none;  
}
#right{
  font-family:Verdana, Geneva, sans-serif;
  padding-top:30px;  
}
#context, #context2 {
  padding-top:25px;  
}
#context1 {
padding-top:0;
}

#footer{
  padding-top:30px;  
}
#footer .clients{
    
}
table.clients{
  width:1060px;
  margin-bottom:30px;  
}
.arrowlink a{
  padding-right:20px;
  background-image:url(/images/keystone/bluearrow.gif);
  background-position:right center;
  background-repeat:no-repeat;
  font-size:16px;
  text-decoration:none;
}
.arrowlink a:hover{
  text-decoration:underline;  
}
.left{
  float:left;    
}
.right{
  float:right;
}
#fblock{
  color:#fff;
  border-top:9px solid #d2d2d2;
  background:#939598;
  padding:20px;
  margin-top:10px;
  font-size:11px;
}
#fblock a{
  color:#fff;
  text-decoration:none;  
}
#fblock a:hover{
  color:#ccc;
}
#socialbar{
  /* 50 Years Logo */
  background-image:url(/images/keystone/footer_logo_03.png);
  background-position:top right;
  background-repeat:no-repeat;
  padding-top:12px;
  padding-right:110px;
  height:70px;
  margin-top:10px;
}
#socialbar div{
  float:right;  
}
#socialbar div img{
  margin:0;  
}
#socialbar ul.menu{
  margin-top:6px;
  float:left;
}
#socialbar ul.menu li{
  margin:0;
  padding:0;
  padding:0 5px;
  border-left:1px solid #fff;
}
#socialbar ul.menu li:first-child{
  border-left:0;
}
#socialbar img{
  float:left;
  margin-right:20px;  
}
#footermenu{
  padding-top:20px;
}
#footermenu ul.menu li{
  margin:0;
  padding:0;
  list-style:none;
  width:130px;
  float:left;  
  margin-bottom:4px;
  font-weight:bold;
  text-transform:uppercase;
  margin-left:65px;
  padding-bottom:20px;
}
#footermenu ul.menu li:first-child{
  margin-left:0px;
}
#footermenu ul.menu li ul{
  margin-top:4px;
}
#footermenu ul.menu li ul li{
  margin-left:0;
  text-transform:none;
  padding-bottom:0px;
  font-weight:normal;
}
#footertext ul.menu{
  height:40px;  
}
#footertext ul.menu li{
  padding:0px 10px;
  margin:0;
  border-left:1px solid #fff;
}
#footertext ul.menu li:first-child{
  padding-left:0;
  border:0;
}
#fblock p{
  font-size:10px;  
}
#footertext, #footermenu{
  margin-left:80px;  
}


.foottext { font-size: 11px; color: #FFFFFF; background-color: #939598; line-height: 0em; } 
.foottext2 { font-size: 11px; color: #FFFFFF; background-color: #939598; line-height: 1.8em; } 
.foottext3 { font-size: 10px; color: #FFFFFF; background-color: #939598; line-height: 1.4em; } 
.reg {font-size: 10px; line-height: 1.5em;}

#right .module, #right .button{
  width:170px;    
}
.module{
  background:#bcbcbe;
  margin-top:20px;
  background-image:url(/images/keystone/module_bg.png);
  background-repeat:repeat-x;
  background-position:top;
}
.bluebox{
  background:#01aef0;
  backgound-image:0;  
}
.module h4{
  background-image:url(/images/module_header_grey_bg.png);
  background-repeat:repeat-x;
  padding:3px 5px;
  background-position:top;
  font-size:14px;
  color:#fff;
  margin:0;
}

.module form{
  margin:10px;  
}
.module form input{
  width:138px;
  padding:4px;
  margin-bottom:5px;
}
.module .submit{
  background-image:url(/images/keystone/bluearrow.png);
  color:#fff;
  border:0;
  text-align:right;
  padding-bottom:6px;
}
.bluebox .submit{
  background-image:url(/images/keystone/greyarrow.png);  
}
.recent{
  background:#fff;
  border:1px solid #7fd5f8;
  font-size:11px;
  background-image:none;
  color:#333;
}  
#right .recent{
  width:166px;  
}
.recent a{
  color:#333;
  text-decoration:none;
}
.recent a:hover{
  text-decoration:underline;
}  
.recent h4{
  font-size:12px;
  background-image:url(/images/module_header_bg.png);
}
.recent .item{
  margin:5px 8px;
  margin-bottom:15px;
  padding-top:5px;
  padding-bottom:5px;
  border-top:1px solid #7fd5f8;
  clear:both;
}
.recent .item div{
  clear:both;  
}
.recent .content .item:first-child{
  margin-top:0px;
  border-top:0px;  
}

.button{
  background-image:url(/images/module_header_grey_bg.png);
  background-repeat:repeat-x;
  background-position:top;
  height:24px;
  clear:both;
  font-size:14px;
  color:#fff;
}
.button span{
  text-transform:uppercase;
  float:left;
  padding-left:5px;
  padding-top:3px;
}
#right .small span{
  font-size:11px;
  padding-top:5px;
}
.button .submit{
  float:right;
  padding:0;
  margin-right:5px;
  padding-top:3px;
  border-left:1px solid #999;
}
.button .submit a{
  color:#fff;
  padding-left:5px;
  text-decoration:none;  
  padding-right:20px;
}
.button .submit a:hover, .submit:hover{
  color:#000;
}
.button.blue{
  background-image:url(/images/module_header_bg.png);
  margin-top:10px;
}
.button.blue .submit{
  border-left:1px solid #00a9d4;  
}

#right .big{
  height:40px;  
  background-image:url(/images/keystone/button_bigblue.png);
}
#right .big .submit{
  padding-top:11px;
  padding-bottom:9px;
}

#content .lc{
width: 710px !important;
}


/* COLOURS */

.col-green{
  color:#8CC63F;
}
.col-purple{
  color:#EC008C;
}
.col-orange{
  color:#F7941D;
}
.col-blue{
  color:#2E3192;
}
.col-light-blue{
  color:#00AEEF;
}
.back-highlight{
  color:#F7941D;
}
.mintt-highlight{
  color:#71c9bd;
}

/* Who We Are TABLE */
.who_table {
width:520px;
text-align:center;
border:none;
border-collapse:collapse;
}

.who_table td {
font-size:75%;
padding:5px;
text-align:center;
vertical-align:top;
margin:0;
}

.who_table td img {
width:100px;
height:101px;
}




/* search results */

.formContent  {
padding-top: 10px;
margin-top: 10px;
border: #CCCCCC 1px solid;
background: url(../images/field2.gif) repeat-x;
}
 
#subContent  .result    , blockquote  {
padding: 10px;
margin: 10px;
border: #CCCCCC 1px solid;
background: url(../images/field2.gif) repeat-x;
}


#subContent  .result h2 a{
color: #6633CC; font-weight: bold
}

#subContent .paging p a {
text-decoration:none;
}
#subContent .paging p a:hover {
color:#6633CC;
text-decoration:underline;
}
#searchCriteria {
clear:both;
margin:3px 0px 15px 0px;
overflow:auto;
}
#subContent #searchCriteria p {
font-weight:bold;
float:left;
clear:none;
padding-top:6px;
margin:0px 6px 0px 0px;
}

#subContent #searchCriteria h1 {
float:left;
clear:none;
margin:0px;
color: #6633CC; font-weight: bold
}

#subContent #searchCriteria span {
display:block;
clear:both;
padding-top:4px;
}

#subContent p.jobInfo {
padding: 10px;
border: #CCCCCC 1px solid;
background: url(../images/field1.gif) repeat-x;
}
#subContent p.jobInfo strong {
display:block;
float:left;
width:140px;
color: #666;
}
#subContent strong {
color:#666;
}
/* search results end */


.employer .colour, .employer h1, .employer h2, .employer h3 {color: #3399FE !important;  font-weight: bold; font-size:18px !important;}
.employer  a, .employer  a:link, .employer  a:visited{color: #3399FE; }
.worker .colour, .worker h1, .worker h2, .worker h3{ color: #6633CC; font-weight: bold}
.worker  a, .worker  a:link, .worker  a:visited{color: #6633CC; }
.colour {font-weight: bold}
.right {
text-align:right;
}
.toplogin {
text-align: right;
height:16px;
}
.logo1 {
 background:transparent url(../images/directtemping_logo1.gif) no-repeat top right;
 }
ul#clients{
margin: 0 auto;
list-style-type: none;
}
#subContent {
border-left:  #eee 1px  solid ;
padding: 20px;
}
#subContent li , .leftnav li{
list-style-image: url('../images/bullet.gif');
  margin-left: 30px;
}

/* forms */
.toplogin label , .toplogin fieldset {
    display: inline;
    font-size: 90%;
}
.field {
    font-size: 100%;
    color: #666666;
}
input.field {
    width: 100px;
    height: 16px;
    border: 1px solid #ccc;
    background: url(../images/field1.gif) repeat-x;
}

.form1 , .form2{
    font-size:100%;
}

.form1 fieldset  , .form2 fieldset {
    border:1px solid #CCCCCC;
    margin-bottom: 10px;
    padding:5px 10px 20px;
}

.form1 legend  , .form2 legend {
    font-weight: bold;
    color:#3399FE;
    text-transform: uppercase;
}
    
.form1 label{
    display:block;
    width:95%;
    font-weight:bold;
}    
.form2 label{
    display:inline;
    width:50%;
    font-weight:bold;
}    
 .form1 .inputbox , .form1 .selectbox{

    height:18px;
    width:95%;
    padding:4px 3px 2px 3px;
    margin:2px 0 2px 0px;
    border:1px solid #ccc;
    background: #fff url(../images/field1.gif) repeat-x;
    font-family:verdana, arial, sans-serif;
    font-size: 100%;
    }

.form2 .inputbox , .form2 .selectbox{
    height:18px;
    width:45%;
    padding:4px 3px 2px 3px;
    margin:2px 0 2px 0px;
    border:1px solid #ccc;
    background: #fff url(../images/field1.gif) repeat-x;
    }
    
.ccbox .form1 .inputbox, .ccbox .form1 .selectbox {
    width:90%;
}

.smallbox {
width:35px !important ;
margin-left: 34px !important ;
text-align: center;
}

    
.form1  .radiobox{
    width :28px;
    margin: 5px;
    }
    
.form1 .selectbox{
    height:28px;
    }

.form1 .multiselectbox{
    
    width:95%;
    padding:4px 3px 2px 3px;
    margin:2px 0 2px 0px;
    border:1px solid #ccc;
    background: #fff url(../images/field1.gif) repeat-x;
    font-family:verdana, arial, sans-serif;
    font-size: 100%;
    }
    
    
.form1 textarea{
    height:80px;
    width:95%;
    padding:4px 3px 2px 3px;
    margin:2px 0 2px 0px;
    border:1px solid #ccc;
    background: #fff url(../images/field1.gif) repeat-x;
    font-family:verdana, arial, sans-serif;
    font-size: 100%;
}
.submit {    
    margin:4px auto;
    font-weight: bold;
    height:35px;
    padding:2 10px;
    cursor: pointer;
    display:block;
}
.button{    
    margin:4px auto;
    font-weight:700;
    font-weight: bold;
    height:25px;
    padding:2 10px;
    cursor: pointer;
    display:block;
}
.formContent .form1 label{
    display:block;
    width:95%;
    font-weight:normal;
}
.formContent .form2 label{
    display:inline;
    font-weight:normal;
}
.formContent  .bolder label{
    font-weight:bold;
}



.help_form_edu {
  clear:both;
  width: 830px;
  margin-top: 10px;
  border-top: 1px solid #939598;
  margin-left: 40px;
}

.input_from1, .input_subject1, .input_first1, .input_last1, .input_phone1, .input_org1, .input_job1, .input_email1 {
  width: 220px;
  margin-right: 10px;
  float: left;
}

.form_textarea1 {
  width: 480px;
  clear:both;
}
  

.help_form_edu label {
  font-weight: bold;
  font-size: 12px;
}

.help_form_edu .submit {
  display: block;
  height: 30px;
  font-weight: bold;
  margin-left: 350px;
  width: 100px;
  font-size: 12px;
  margin-bottom: 20px;
}


.help_form_edu .submit {
  background-color: #fff;
  border-color: #939598;
  color: #000;
}

.help_form_edu .submit:hover {
  background-color: #f7941d;
  border-color: #bcbec0;
}

.help_form_edu input
{
  width: 210px;
  height: 20px;
  margin-bottom: 10px;
  border: solid 1px #939598;
  padding-left: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.help_form_edu textarea{ 
  width:430px;
  height: 120px;
  padding: 10px;
  margin-bottom: 10px;
  border: solid 1px #939598;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* forms end*/

.testimonial {
    font-family: Georgia, Helvetica,'Times New Roman', serif;
    font-style: italic;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: bold;
    color: grey;
/* background: transparent url(quote.gif) no-repeat;*/
    background-image: none;
    background-color:#fff;
    padding-left: 10px; 
    margin-left: 40px; 
    padding-bottom: 4px;
/* border-bottom: 15px solid #666666;*/
    border: #000000 0px; }
/*border: #CCCCCC 1px solid; *

/* Footer */

footer { 
  width: 1080px; height: 300px; display: block; background: #939598; margin-top: 20px; padding: 0}

.top_stripe {
  width: 100%;
  height: 10px;
  display: block;
  background-color: #bcbec0;
  }
  
.top_stripe1 {
  width: 100%;
  height: 2px;
  display: block;
  background-color: #939598;
  }
  
.clients {width: 1080px; height: 50px; text-align: center; background: #FFF; padding-top:10px;}

.clients img {height: 34px; width: 898px}

.logos_footer {width: 900px; text-align: left; height: 66px; clear: both; display: table-cell;   vertical-align: middle; float:left; margin-right: 60px;}

.logos_footer img {padding: 2px; margin-top: 16px;}

.size_94_32 {width: 94px; height: 32px;}

.size_32_32 {width: 32px; height: 32px;}

#50years {float:left; height: 66px; width:103px; text-align: right; display: block;}

.links_footer {list-style: none !important; clear:both; width: 1040px; height: auto; margin-left: 39px;}

.links_footer ul {list-style-type: none !important; display: block; float: left; padding-left:60px;}

.links_footer ul li  {list-style-type: none !important; font-size: 10px; padding-top: 4px;}

.links_footer ul li a, .links_footer ul li a:visited {border-bottom: 1px solid #F7941D; text-decoration: none; color: #FFF;}

.links_footer ul li a:hover {border-bottom: 1px solid #fff; text-decoration: none; color: #FFF;}