/*   
Theme Name: Refined Recruitment 2013
Description: Refined Recruitment 2013
Author: NTech Media
Author URI: http://www.ntechmedia.com
*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/*text wrap classes*/
.alignleft { float:left; margin: 0px 10px 0px 0px;}
.alignright { float: right; margin: 0px 0px 0px 10px;}
.aligncenter { margin: 0px auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #2361A1;}
a:hover {color: #2361A1;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}



.ie_pie {
	background: #E8F6FD; /* Old browsers */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, -moz-linear-gradient(top,  #e8f6fd 0%, #c5e8fa 100%); /* FF3.6+ */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f6fd), color-stop(100%,#c5e8fa)); /* Chrome,Safari4+ */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, -webkit-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Chrome10+,Safari5.1+ */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, -o-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* Opera 11.10+ */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, -ms-linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* IE10+ */
		background: url(images/example_i.png) no-repeat 90px 20px, url(images/example_e.png) no-repeat 120px 20px, linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* W3C */
	border: 1px #C5E8FA solid;
		-moz-border-radius: 35px; /* Firefox 2.0-3.6 */
		-webkit-border-radius: 35px; /* Chrome 4.0, Safari 3.1-4.0 */
	border-radius: 35px;
		-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5);
		-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5);
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .5); 
	color: #00A2EC;
	margin: 20px 0px;
	padding: 100px 20px 20px 20px;
	width: 200px;
}

.ie .ie_pie {
		-pie-background: url(/wp-content/themes/NTech-Media-Maintenance/images/example_i.png) no-repeat 90px 20px, url(/wp-content/themes/NTech-Media-Maintenance/images/example_e.png) no-repeat 120px 20px, linear-gradient(top,  #e8f6fd 0%,#c5e8fa 100%); /* IE - note that for -pie-background URLs need to be relative to the page, not relative to the CSS */
	behavior: url(/wp-content/themes/NTech-Media-Maintenance/_/ie/PIE.htc);
}

.search_example input[type="search"] {
	-webkit-appearance: none;
}

.search_example {
	padding: 20px 0px;
}

.navi {
	text-align:center;
}

.navi a{
	background: #0033FF;
    display: inline-block;
    font-size: 1px;
    height: 8px;
    margin: 3px;
    width: 8px;
	cursor:pointer;
		-moz-border-radius: 8px; /* Firefox 2.0-3.6 */
		-webkit-border-radius: 8px; /* Chrome 4.0, Safari 3.1-4.0 */
	border-radius: 8px;
}

.ie .navi a{
	behavior: url(/wp-content/themes/NTech-Media-Maintenance/_/ie/PIE.htc);
}

/* Email stats plugin styling
-------------------------------------------------------------------------------*/
.dataTables_length { margin: 20px 0px;}
.dataTables_length select { padding: 3px;}
.DataTables_sort_wrapper { font-size:14px; font-weight:bold;}
table.cf7-db-table tbody td > div { font-size:13px; word-spacing: 1px;}
.cf7-db-table { margin-bottom: 20px;}
.cf7-db-table thead { background-color:#cfcfcf;}
.dataTables_info { margin-bottom: 20px;}

#nav a { list-style:none;}



/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

@font-face {
	font-family: 'Conv_BRUSHSCI';
	src: url('/wp-content/themes/Refined-Recruitment-2013/fonts/BRUSHSCI.eot');
	src: local('☺'), url('/wp-content/themes/Refined-Recruitment-2013/fonts/BRUSHSCI.woff') format('woff'), url('/wp-content/themes/Refined-Recruitment-2013/fonts/BRUSHSCI.ttf') format('truetype'), url('/wp-content/themes/Refined-Recruitment-2013/fonts/BRUSHSCI.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html {
	height: 100%;
}

body {
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/bg.png) repeat-x top;
}

body p, #sidebar, .entry-content, #content_left li { font-size:15px; line-height: 22px;}

.entry-content, #content_left li { font-size:15px; line-height: 22px; margin: 0 0 15px 0;}

#body-wrap {
	min-height: 100%;
	position: relative;
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/background.png) no-repeat top center;
}

#page-wrap {
	width: 1000px;
	margin: 0px auto;
	padding-bottom: 209px;
}

#header {
	width: 1000px;
	margin: 0px auto;
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/header_logo.png) no-repeat 0px 45px;
	height: 206px;
}

.description {
	margin: 0 0 0 245px;
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/description_industrial.png) no-repeat bottom;
	width: 781px;
	height: 75px;
	display:block;
}

#header h1 a {
	display: block;
	height: 100px;
	opacity: 0;
	width: 300px;
}

.ie7 #header h1 a,
.ie8 #header h1 a {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	font-size: 100px;
	overflow: hidden;
}

.tagline {
	height: 100px;
	line-height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #1a0559;
}

#footer-wrap {
    bottom: 0;
    height: 208px;
    position: absolute;
    width: 100%;
	background: #8dbae4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhkYmFlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Nzk2YzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #8dbae4 0%, #5796c0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dbae4), color-stop(100%,#5796c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8dbae4 0%,#5796c0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8dbae4 0%,#5796c0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8dbae4 0%,#5796c0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #8dbae4 0%,#5796c0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dbae4', endColorstr='#5796c0',GradientType=0 ); /* IE6-8 */
	
	border-top: 1px solid #6c86bc;
}

#footer-bg {
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/footer_bg.png) no-repeat top center;
	padding-top: 17px;
	height: 191px;
}

#footer {
	width: 1000px;
	margin: 0px auto;
	padding-top: 160px;
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/footer_logo.png) no-repeat top left;
}

.footer_copyright {
	width: 500px;
	display: inline-block;
	color: #FFFFFF;
}

.footer_credits {
	width: 500px;
	display: inline-block;
	text-align: right;
	color: #FFFFFF;
}

.footer_credits a {
 	color: #FFFFFF;
	text-decoration: none;
}
	
.menu { width: 1000px; height: 66px; margin-left:auto; margin-right:auto;}
.menucontainer { width: 100%; height:66px; background-image:url(/wp-content/themes/NTech-Wordpress/library/media/images/menubg.png); background-repeat:repeat-x; background-position:top;}

.menu ul {
	display: table;
	width: 100%;
}

.menu ul li {
	display: table-cell;
	text-align: center;
	border-right: 1px solid #c4c4c4;
}

.menu ul li:first-child {
	border-left: 1px solid #c4c4c4;
}

.menu ul li a {
	display: block;
	height: 66px;
	line-height: 66px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #868585;
	text-decoration: none;
}

.menu ul li:hover a,
.menu ul li.current_page_item a {
	background: #8dbae4;
	color: #FFFFFF;
	-webkit-box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, .4);
    	box-shadow: inset 7px 7px 7px 0px rgba(0, 0, 0, .4);
}
	
#jquery_scroller {
	width: 1000px;
	position: relative;
	z-index: 1;
	margin:0;
	border-radius: 10px;
}

#scroll_shadow {
	position: absolute;
	width: 1000px;
	height: 250px;
	-webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1);
        box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 1);
	z-index: 4;
	border-radius: 10px;
}

#scrollable {
	/* required settings */
	display: inline-block;
	height: 250px;
	overflow: hidden;
	position: relative;
	width: 1000px;
	z-index: 2;
	border-radius: 10px;
}

.ie7 #scrollable {
	display: inline;
}
.clear {
	clear:both;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
#scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	z-index: 3;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	width: 1000px;
	height: 250px;
	text-align:center;
	display: block;
	border-radius: 10px;
}

.items div img {
	border-radius: 10px;
}

.prev, .next {
	font-size:25px;
	cursor: pointer;
}

.scroller1 {
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/scroller1.jpg) no-repeat;
}

.scroller2 {
	background: url(/wp-content/themes/Refined-Recruitment-2013/images/scroller2.jpg) no-repeat;
}

h2 {
	color: #484a4b;
	font-size: 20px;
	margin-bottom: 15px;
}

#content_left {
	width: 683px;
	margin: 15px 15px 20px 0px;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	padding: 15px;
	border: 1px #d4e5f5 solid;
	border-radius: 10px;
}

#content_left ul {
	list-style-type: disc;
	margin-left: 20px;
}

#content_footer {
	width: 700px;
	display: inline-block;
	vertical-align: top;
	height: 245px;
	margin: 0px 15px 20px 0px;
}

#sidebar {
	width: 265px;
	margin: 15px 0px 40px 0;
	display: inline-block;
	vertical-align: top;
}

#sidebar #text-2 {
	border:none;
}

h2.widgettitle {
	width: 100%;
	background: #8dbae4;
	border-radius: 7px 7px 0 0;
	margin-left: -14px;
	margin-top: -13px;
	padding: 6%;
	color: #ffffff!important;
	font-weight: normal;
	font-size: 17px;
}

h2.entry-title {
}

.feature img {
	border-radius:10px;
}

h2.pagetitle {
	width: 100%;
	padding: 1.9%;
	background: #8dbae4;
	border-radius: 7px 7px 0 0;
	margin-top: -13px;
	margin-left: -13px;
	color: #ffffff!important;
	font-weight: normal;
}

#feature_images .feature {
	display: inline-block;
	vertical-align: top;
	width: 235px;
	height: 245px;
	margin-left: 20px;
	margin-bottom: 40px;
}

#feature_images .feature:first-child {
	margin: 0px;
}


.opportunity_title {
	width: 500px;
	vertical-align: top;
	display: inline-block;
}

a.opportunity_title {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a:hover.opportunity_title {
	text-decoration: underline;
}

.opportunity_status {
	display: inline-block;
	width: 178px;
	vertical-align: top;
	text-align: right;
	color:#1a0559;
	font-weight:bold;
}

.opportunity_entry {
	padding: 10px 0px;
	border-bottom: 1px solid #CCCCCC;
}

.opportunity_category {
	margin-bottom: 40px;
}

p {
	margin: 10px 0px;
}

div.wpcf7-validation-errors {
    display: none;
}

input.wpcf7-submit {
	width: 150px;
	text-align: center;
	color: #ffffff;
	background-color: #89bbe4;
	padding: 5px;
	border: none;
		-webkit-border-radius: 10px;
	border-radius: 10px;
	font-weight: bold;
	font-size: 18px;
	font-family: 'Arial Black',Arial, Helvetica, sans-serif;
	margin: 20px 0 20px 0;
}

#sidebar .widget {
	margin-bottom: 15px;
	padding: 15px;
	border: 1px #d2e4f4 solid;
	border-radius: 10px;
}



.contact_left {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}

.contact_right {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}


.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

#meta {}
.postmetadata {}


.navgation {}
.next-posts {}
.prev-posts {}

#searchform {}

/* Chrom search box appearance fix */
#searchform input[type="search"] {
	border: 1px #c5e8fa solid;
	height: 19px;
	outline: 0px;
	padding: 2px;
	width: 137px;
}

#s {}
#searchsubmt {}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/*new revisions*/

/*Category titles etc*/
.opportunity_category h2 { font-size:18px;}
.opportunity_entry a { font-size:16px;}
.jobposition { display:none;}
#entry-title-blue { color:#1A0559;}
.entry-content ul { margin: 0 0 15px 0;}
.entry-content li { margin: 0 0 10px 0;}
.hidden-email-field { display:none;}

/*sidebar text*/
#sidebar h2 { color:#1A0559;}
#content_left h2 { color:#1A0559;}



/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}