/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea { color: #222; }
body { font-size: 1em; line-height: 1.4; background:#000; font-family: 'Open Sans', sans-serif; }
input,
select,
textarea {
    padding: 11px;
    background: #fff;
    border: 1px solid #eaebeb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
/*
 * A better looking default horizontal rule
 */

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img { vertical-align: middle; }
/*
 * Remove default fieldset styles.
 */

fieldset { border: 0; margin: 0; padding: 0; }
/*
 * Allow only vertical resizing of textareas.
 */

textarea { resize: vertical; }
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
/* ==========================================================================
   Homepage
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */  *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
button { border:none;}
h1, h2, h3 {font-size:21px; color:#eaeaec;  font-family: 'Homemade Apple', cursive; margin:0; font-weight:lighter;}
p {font-size:12px;}
.clearfix { *zoom: 1;
}
#candidatesimage { 	background:url(../img/bg/slide5.jpg) no-repeat center center ; background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;} 
#jobsimage { 	background:url(../img/bg/slide13.jpg) no-repeat center center ; background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;} 
 #aboutimage { 	background:url(../img/bg/slide12.jpg) no-repeat center center ;  background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;}
  #recruitimage { 	background:url(../img/bg/slide6.jpg) no-repeat center center ; background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;} 
   #blogimage { 	background:url(../img/bg/slide9.jpg) no-repeat center center ; background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;} 
   #contactimage { 	background:url(../img/bg/slide14.jpg) no-repeat center center ;  background-size: 100% 100%;
  width: 100%;
  height: 520px; 
  background-size: cover;}

#container {width:1000px; height:0 auto; margin:0 auto; font-family: 'Lato', sans-serif;}

.topborder { width:100%; height:38px; position:absolute; z-index:500; background:#000; opacity:0.8;}
header { width:1000px; height:225px; position:absolute; z-index:501; margin:0 auto; top:0; display:inline;}
.logo {float:left; display:inline; width:264px; height:167px;}

#nav { height:44px; padding: 0; width:600px; list-style-type:none; margin:0 auto; float:left; }
#nav ul { padding:0; margin:0 0 0 30px; float:left; }
#nav li { float:left; display:inline; list-style:none; list-style-position:outside; padding:0; margin:0; font-family: Arial, Helvetica, sans-serif; }

#nav a.home, 
#nav a.aboutus, 
#nav a.lookingrecruit,
#nav a.lookingforajob,
#nav a.blog,
#nav a.contactus { background:url(/img/bg/nav.png) no-repeat scroll 0 0 transparent; float: left; height: 44px; text-indent: -999999px; }

#nav a.home { background-position: 0 0; width: 62px; }
#nav a.aboutus { background-position: -62px 0; width: 85px; }
#nav a.lookingrecruit { background-position: -147px 0; width: 144px; }
#nav a.lookingforajob { background-position: -291px 0; width: 133px; }
#nav a.blog { background-position: -424px 0; width: 54px; }
#nav a.contactus { background-position: -478px 0; width: 93px; }

#nav a.home:hover { background-position: left -44px; }
#nav a.aboutus:hover { background-position: -62px -44px; }
#nav a.lookingrecruit:hover { background-position: -147px -44px; }
#nav a.lookingforajob:hover { background-position: -291px -44px; }
#nav a.blog:hover { background-position: -424px -44px; }
#nav a.contactus:hover { background-position: -478px -44px; }

#nav a#active1 { background-position: 0 -44px; }
#nav a#active2 { background-position: -62px -44px; }
#nav a#active3 { background-position:-147px -44px; }
#nav a#active4 { background-position: -291px -44px; }
#nav a#active5 { backgroundposition: -424px -44px; }
#nav a#active6 { background-position: -478px -44px; }

#drops, #drops ul { clear: both; float: left; margin: 0; padding: 0; width: inherit; }
#drops ul.drop {background:#000; text-align:center; font-size:14px; color:#abaaaa;float:right; clear: both; float: left; margin-top: 38px; width: inherit; -moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;  -moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;  opacity:0.8;}
#drops ul.drop li { clear: both; width: inherit; }
#drops ul.drop a { clear: both; color: #9da0a2; float: left; text-decoration: none; padding:12px 0 12px 0; text-decoration:none; }
#drops ul.drop a:hover { color:#fff; text-decoration:none; }
#drops a { clear: both; display: block; float: left; width:135px; }
#drops li { position:relative; z-index:99; }
#drops li ul { left: -999em; position: absolute; width:135px; }
#drops li:hover ul { left: auto; }
#drops li:hover ul, #drops li.sfhover ul { left: auto; }

.pnum { font-weight:bold !important;}

.homepage { width:900px; height:0 auto; position:absolute; z-index:503; top:370px;}
.homepageinside { width:900px; min-height: 430px; float:left; clear:both !important; display:block !important; padding:25px 25px 0 25px; background:#000; margin-left:25px;}


#jobsboard { width:239px; height:212px; float:left; display:inline; background:url(../img/bg/vacanciesboard.jpg); color:#fff; text-align:center; font-size:12px; padding:85px 30px 0 30px;}
.jobtitle { font-size:; font-weight:700; font-size:16px; font-style:italic; margin:0;}
.jobplace { margin:0; font-style:italic; font-size:14px; margin-bottom:10px;}
.jobmoreinfo { font-family: 'Homemade Apple', cursive !important; font-size:16px; border-bottom:1px solid #fff; width:215px; margin:0 auto; padding-top:15px !important;  color:#fff; clear:both;}
.jobmoreinfo a { color:#fff; text-decoration:none;}


.moules { width:270px; height:122px; float:left; display:inline; background:url(../img/bg/moules.jpg); padding:175px 0 0 30px;}
.lookingbutton { width:242px; height:89px; background:url(../img/buttons/njon2.png); color:#d4d5d7; font-size:16px; padding-top:42px;}
.lookingbutton a {  color:#d4d5d7; text-decoration:none;}
.lookingbutton a:hover {text-decoration:underline;}

.red {  width:260px; height:255px; float:left; display:inline; background:url(../img/bg/red.jpg); padding:42px 20px 0 20px; text-align:center;}
.red p { font-size:12px; color:#fff; line-height:20px; padding-top:15px;}

.redvisit { width:133px; height:41px; float:left; margin-left:30px;}
.redvisit  ul { padding:0;  }
.redvisit  li { float:left; display:inline; list-style:none; padding:0;}
.redvisit  li a { height:33px; display:block; background:url(../img/buttons/button.png); padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none; padding-top:8px; }
.redvisit  li.redvisit  a { width:133x; background-position:0 0; }
.redvisit  li.redvisit  a:hover { background-position:-0 -41px; }


.redvisit2 { width:133px; height:41px; 
float:left; text-align:center;}
.redvisit2  ul { padding:0;  }
.redvisit2  li { float:left; display:inline; list-style:none; padding:0; }
.redvisit2  li a { height:33px; display:block; background:url(../img/buttons/button.png); padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none; padding-top:8px; }
.redvisit2  li.redvisit2  a { width:133x; background-position:0 0; }
.redvisit2 li.redvisit2  a:hover { background-position:-0 -41px; }


.cake { width:249px; height:87px; float:left; display:inline; background:url(../img/bg/fishcake.jpg); padding:210px 0 0 50px;}
.arrow { position:absolute; background:url(../img/buttons/arrow.png); width:15px; height:31px; margin:-70px 0 0 248px;}


.blackboard {  width:475px; height:231px; float:left; display:inline; background:url(../img/bg/blackboard.jpg); margin-bottom:45px; padding:65px 50px 0 75px; color:#fff; text-align:center; line-height:20px}
.blackboard h3 {font-family: 'Lato', sans-serif; font-size:28px; padding-bottom:15px;}
.bboard { width:293px; height:42px; float:left; margin-left:30px;}
.bboard  ul { padding:0;  }
.bboard  li { float:left; display:inline; list-style:none; padding:0;}
.bboard  li a { height:32px; display:block; background:url(../img/buttons/bboard.png); padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none; padding-top:10px; }
.bboard  li.bboard  a { width:293x; background-position:0 0; }
.bboard  li.bboard  a:hover { background-position:-0 -42px; }

.bbnumber { -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; width:185px; height:0 auto; float:left; background:url(../img/bg/red.jpg); padding:15px 0 15px 0; line-height:20px;}
.bbcallus { font-size:18px; text-align:center; color:#fff;  font-family: 'Homemade Apple', cursive !important;  margin:0 !important; font-weight:lighter;}
.callusno { text-align: center;
font-weight: lighter;
font-size: 18px;
letter-spacing: 1px; color:#fff; margin:0 !important;}



.cloud { width:490px; height:241px; display:block; clear:both; background:url(../img/bg/cloud.jpg); margin-top:430px; padding:60px 60px 0 430px;}
.cloudcolumn {width:150px; height:140px; float:left; display:inline; color:#000; padding-right:5px;}
.cloudcolumn h2, .cloudsearch h2 {font-size:19px; color:#000; font-weight:lighter;}
.cloud ul, .cloud2 ul { list-style-type:none; margin-top:10px; padding:0; float:left; font-size:14px;}
.cloud a, .cloud2 a { text-decoration:none; color:#000;}
.cloud a:hover, .cloud2 a:hover { text-decoration:underline;}
.cloudsearch {width:510px; height:30px; float:left; padding-top:10px;}
.cloud h2 {display:inline;width:180px; float:left; padding-top:10px; font-family: 'Homemade Apple', cursive !important;}
.cloudcolumn h2 {display:inline;width:180px; float:left; padding-top:10px; font-family: 'Homemade Apple', cursive !important;}
.cloudsearch h2 {display:inline;width:180px; float:left; padding-top:10px; font-family: 'Homemade Apple', cursive !important;}
.cloud2 { width:490px; height:241px; background:url(../img/bg/cloud.jpg); padding:60px 60px 0 430px; clear:both; display:block; float:left;}


footer { width:900px; height:70px; float:left; padding:25px 50px 130px 50px; clear:both; display:block;}
.footerwrap { width:1000px; height:70px; margin:0 auto;}

footer a { text-decoration:none; color:#aeabab;}
footer a:hover {text-decoration:underline;}
.footertext { width:600px; height:0 auto; float:left; font-size:10px; color:#aeabab; display:inline;}
.footertext p {margin:0;}
.social { width:220px; height:0 auto; float:right; display:inline;}
.fluff { width:300px; height:222px; background:url(../img/icons/fuzz.png) no-repeat; float:left; padding:3px 0 0 70px;}

/*
 * insidepage
 */
.inside { width:1000px; height:0 auto; position:absolute;  z-index:503; top:225px;}

.inside2 { width:705px; min-height:1000px; float:left; background:#fff; border:solid 10px #f0f0f0; display:block; clear:both; margin:0 0 30px 45px; padding:25px 95px 0 0; font-family: 'Lato', sans-serif !important;}
.inside2 h1 { Color:#000; padding-left:20px; }
.inside2 h3 { color:#a61f25; font-family: 'Lato', sans-serif !important; font-size:13px;}
.inside2 ul { font-size:12px; line-height:20px; font-size:13px;}
.inside2 img {float:left;}

.desc { color:#a61f25; font-size:15px !important; font-style:italic; margin:8px 0 15px 0; padding-left:20px;}
.greybehind {background:#f0f0f0; height:40px; border-bottom:solid 2px #e2e2e2; padding-left:20px;}
.whitebehind {background:#fff; height:40px; border-bottom:solid 2px #e2e2e2; padding-left:20px;}
.wpjb-info {width:800px; font-size:13px;}
.wpjb-info-label {padding-left:20px !important; font-weight:bold;}
tbody a { color:#000; text-decoration:none;}
tbody a:hover { color:#a61f25; text-decoration:underline;}
.wpjb-job-content p {font-size:13px !important; margin-left:20px;}
.wpjb-job-content ul a { color:#a61f25; font-size:15px !important; font-style:italic; }
.wpjb-job-content h1, h2, h3 { margin-left:20px;}
.related { border-bottom:solid 2px #e2e2e2; border-top:solid 2px #e2e2e2; width:800px; padding:8px 0 8px 0; margin:0;}
.jobtime { float:right; display:inline;}
.wpjb-upload-list { display:block; clear:both !important; float:left;}
.limit {font-size:11px; color:#000;}
.wpjb-submit { background: #a61f25; 
    display:block; 
    padding: 10px 0 12px 0; 
	text-align:center;
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    position: relative;
    cursor: pointer;
    width:166px;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    line-height: 1; 
    font-family: Arial;
	border:none;}
.wpjb-submit:hover { background: #6c080c;} 
    

.sidebar2 { width:150px; height:0 auto; position:absolute; background:url(../img/bg/sidebar.jpg); z-index:504; top:-95px; margin-left:770px; padding:0 25px 85px 25px; font-family: 'Lato', sans-serif !important;}
.sidebar {margin:150px 0 0 0; padding:0;}
.sidebar h3 {padding:0 0 5px 0; color:#e5e6ea; font-size:13px; font-family: 'Lato', sans-serif !important; border-bottom:solid 1px #464444; margin:15px 0 10px 0;}
.sidebar ul {margin:0; padding:0; font-size:12px; color:#fff;}
.sidebar li { margin-left:12px;}
.sidebar li a {color:#dcdddf; text-decoration:none;}
.sidebar li a:hover {text-decoration:underline;}
.recentjobssidebar ul { list-style-type:none; }
.recentjobssidebar li { margin-top:15px;}
.locations { font-style:italic; color:#999a9e; font-size:12px;}


.postfind { width:167px; height:41px; position:absolute; margin:36px 0 0 -9px; z-index:601;}
.postfind  ul { padding:0;  }
.postfind  li { float:left; display:inline; list-style:none; padding:0;}
.postfind  li a { height:41px; display:block; background:url(../img/buttons/postfind.png); padding:0; margin:0; overflow:hidden; color:#fff; text-decoration:none; text-indent:-99999999px; }

.postfind li.post  a {  background-position:0 0; width: 84px; }
.postfind li.find a { background-position:-84px 0; width: 83px;}

.postfind li.post  a:hover { background-position:-0 -41px; }
.postfind li.find  a:hover { background-position:-84px -41px; }
.postfindnumber { width:167px; height:20px; color:#fff; background:url(../img/bg/red.jpg); position:absolute; margin:12px 0 0 -9px; padding:8px 0 16px 0;  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px; text-align:center; font-weight:lighter; font-size:18px; letter-spacing:1px; z-index:600;}

.wpjb-column-title  td { padding-left:20px;}
.cloudsearch form {width:280px !important; float:left; display:inline;}
.cloudsearch .btn {text-indent: -9999px;
background-image: url(../img/icons/magnifying-glass-icon.png);
background-position: center center;
background-repeat: no-repeat;
height: 33px;
margin-top: 1px;
width:35px !important;}
.cloudsearch .btn:hover {
background-image: url(../img/icons/magnifying-glass-icon.png); background-position: center center;background-repeat: no-repeat;}
.blogtext {margin-left:20px; display:inline; float:left; width:450px;}
.blog-thumbnail {margin-left:20px; margin-bottom:2px solid #CCC; }
.wp-post-image {-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.blogpost { padding:30px 0 15px 0; clear:both; min-height:170px;  border-bottom:1px solid #e9e9e9;}
.blogpost a {color:#a61f25; text-decoration:none;}
.blogpost a:hover {color:#a61f25; text-decoration:underline;}
.blogpost h1, h2 { font-size:18px;  font-family: 'Lato', sans-serif; margin-left:0;}
.blogpost h1 a, h2 a {color:#a61f25; text-decoration:none;}
.blogpost h1 a:hover, h2 a:hover {color:#a61f25; text-decoration:underline;}
.date { font-style:italic; font-size:12px; display:block;}
.author {font-size:12px; font-weight:bold;}
.view-article { display:block; margin-top:20px;}
.insidepadding {padding-left:20px;}
.insidepadding img {margin:10px 20px 10px 0;}
.insidepadding h1 { font-size:18px;  font-family: 'Lato', sans-serif !important; padding-left:0 !important;color:#a61f25; margin-top:10px;}
.insidepadding h2 { font-size:16px;  font-family: 'Lato', sans-serif !important; margin-left:0;color:#a61f25; margin-top:10px;}
.insidepadding h3 { font-size:14px;  font-family: 'Lato', sans-serif !important; margin-left:0;color:#a61f25; margin-top:10px;}
.insidepadding h1 a, h2 a {color:#a61f25; text-decoration:none;}
.insidepadding a {color:#a61f25; text-decoration:none;}
.insidepadding a:hover {color:#a61f25; text-decoration:underline;}
.comment-form-url label{display:block; clear:both;}
.comment-form-url input {width:685px;}
.comment-form-comment label{display:block; clear:both;}
#respond textarea { margin-top:0 !important; width:685px;}
.comments ul {list-style-type:none !important;}
.comments li {margin-bottom:20px;}
.fn, .says {font-size:18px;}
.comments { border-top:1px solid #e9e9e9; padding-top:10px; margin-top:20px;}
.inside2 h4 { font-size:13px; color:#a61f25; font-style:bold italic; margin:0 0 0 20px; padding:0;}
.normalleft { width:250px; float:left; margin-left:20px; padding:20px 20px 0 0; font-size:13px !important;}
.normalleft h4, .normalleft h3 {margin-left:0 !important;}
.normalright { width:350px; float:left; margin-left:20px; padding-top:30px;}
.normalright2 { width:350px; float:left; margin-left:20px; padding-top:20px;}


.inside3 h4 { font-size:13px; color:#a61f25; font-style:bold italic; margin:0 0 0 20px; padding-top:10px;}
.inside3 { width:705px; min-height:430px; float:left; background:#fff; border:solid 10px #f0f0f0; display:block; clear:both; margin:0 0 30px 45px; padding:25px 95px 30px 0; font-family: 'Lato', sans-serif !important;}
.inside3 h1 { Color:#000; padding-left:20px; }
.inside3 h3 { color:#a61f25; font-family: 'Lato', sans-serif !important; font-size:13px; }
.inside3 ul { font-size:12px; line-height:20px; font-size:13px !important;}
.inside3 img {float:left;}

.wpcf7-submit { float:left; background:url(../img/buttons/button.png); color:#fff; width:150px;}
.wpcf7-submit:hover { background:url(../img/bg/red.jpg);}
.black { color:#000 !important; font-size:18px!important; font-weight:bold!important; margin:0 0 20px 0!important; }
.pagination { font-size:13px; font-weight:normal; color:#000; padding:15px 0 0 20px;}
.pagination a { color:#000; text-decoration:none;}
.pagination a:hover { color:#a61f25; text-decoration:none;}
.wpjb-job-content ul {list-style-type:none !important;}
.rjobtitle {display:block;}
.rjobtitle  a { font-size:12px !important; font-weight:bold; color:#fff;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; color:#000; text-decoration:none; font-size:25px; margin-top:-25px;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0; margin-right:20px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;  margin-left:20px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}