/*
Theme Name: Mat Recruit
Theme URI: http://www.reman-media.co.uk
Description: Recruitment website design by <a href="http://www.reman-media.co.uk">Reman Media</a>.
Version: 1.0
Author: Reza Rahman
Author URI: http://www.reman-media.co.uk
Tags: mat recruit
*/

/* resets */
h1, h2, h3, ul, li{margin:0;padding:0; outline:0;}
a img {outline:none;border:0;}
a {outline:none;color:#000000;}
a:hover {color:#ff6700}
h1 {text-transform:uppercase;letter-spacing:-1px;font-family:Arial Black,Helvetica,Arial,sans-serif}
p {margin:0 0 8px 0;font-size:13px;line-height:18px;}
ol li {margin:0 0 8px 0}

.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.orange {color:#ff6700}
.dark-gray {color:#3e3a3a;}
.visit-link a{color:#333;}
.visit-link a {text-decoration:none;}
.indent {padding-left:15px;}
#apply-now-button {margin:10px 0;}
.sociable_tagline {margin-bottom:8px;font-size:18px;letter-spacing:-1px;font-weight:bold;color:#999}

#recommend-friend {text-align:center;}

body {/*background:url(/images/bg-gradient.jpg) repeat-x #e5e5e5;*/ margin:0;font-family:Arial, Helvetica, sans-serif;font-size:13px;}
#wrapper {width:950px; margin:0 auto;}
#header {height:68px;margin:10px 0;}
#header #logo {float:left;width:179px;}
#header-nav ul{list-style-type:none;width:530px;float:right;margin-top:20px;}
#header-nav li {font-size:12px;text-align:center;display:inline; width:94px;height:30px;background:url(/images/nav/sprite.png) no-repeat;background-position: 0 0;float:left;margin-left:10px;display: block;}
#header-nav li:hover {background-position: 0 -30px;}
#header-nav a {display:block;text-align:center;font-weight:bold;width:94px;height:23px;padding:7px 0 0 0;color:#666666;text-decoration:none;}
#header-bottom-border {height:3px;background:#c8c7c6;margin-bottom:10px;font-size:1px;}

#intro-container {background:url(/images/green-box.png) no-repeat; width:950px;height:228px;position:relative;}
#intro-container #intro-image {width:217px;height:245px;left:700px;position:absolute;top:-17px;}
#intro-cont-text {width:610px;padding:30px 0 0 18px;}
#intro-container h1 {font-size:20px;color:#464d4d;}
#intro-container p {font-size:14px;color:#ffffff;margin:5px 0;}
#intro-container a {color:#ffffff;text-decoration:none;}
#intro-container a:active {color:#ffffff;}
#intro-container a:hover {color:#eee;}

#three-cont{list-style-type:none;margin-top:15px;}
#three-cont a {text-decoration:none;}
#three-cont a:hover {color:inherit;}
#three-cont li {width:312px;height:100px;background:url(/images/grey-small-box.png) no-repeat #c4bebe;display:inline;float:left;position:relative}
#three-cont li .three-cont-text {float:right;font-size:13px;width:150px;padding:10px;}
#three-cont li .three-cont-text2 {float:right;font-size:13px;width:170px;padding:10px;}  
#three-cont li h1 {font-size:18px;}
#three-cont li h1 a {color:#464d4d;}
#three-cont li h1 a:hover {color:#333333;}
#three-cont .overflow {position:absolute;top:-10px;left:15px;display:block;}
#three-cont .overflow2 {position:absolute;top:-8px;left:20px;display:block;}
.three-cont-margin {margin-right:7px;}

.three-col-cont {margin-top:5px;}
.three-col-cont h2{font-family:Arial Black, Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#444;font-size:18px;margin-bottom:10px;}
#header-who-are-we {text-indent:-9000px;background:url(/images/headers/home-who-are-we.png) no-repeat;}
#header-looking-for-a-new-job {text-indent:-9000px;background:url(/images/headers/home-looking-for-a-new-job.png) no-repeat;}
#home-are-you-employer {text-indent:-9000px;background:url(/images/headers/home-are-you-employer.png) no-repeat;}
.three-col-cont p {font-size:13px;}
.three-col-para {min-height:110px; text-align:justify}

.three-col-left {float:left;width:293px;padding:10px;}
.three-col-middle{float:left;width:293px;padding:10px;}
.three-col-right {float:right;width:293px;padding:10px;}

#footer-border {height:5px;background:#bfbfbf;margin:15px 0 10px 0;font-size:1px;}
#footer {margin:0 0 15px 0;color:#adadad;font-family:Arial, Helvetica, sans-serif; font-size:13px;font-weight:bold;}
#footer #footer-links {width:600px;float:right;text-align:right;}
#footer #footer-links ul {list-style-type:none;}
#footer #footer-links ul li {display:inline;margin: 0 0 0 15px;}
#footer #footer-links ul li a {color:#adadad;text-decoration:none;}

#landing-two-col-left {width:300px;float:left;}
#landing-two-col-right {width:630px;float:right;}
#landing-two-col-right h2 {margin:0 0 6px 0}
#landing-two-col-left h1{color:#333333;font-size:22px;margin:10px;}
#landing-reverse-two-col-left {width:630px;float:left;}
#landing-reverse-two-col-right {width:300px;float:right;}
#landing-reverse-two-col-left h1{color:#333333;font-size:22px;}
.orange-curve-bg {background:url(/images/curve-bg-orange.png) no-repeat #ff6700;height:15px;color:#ffffff;font-size:17px;font-weight:900;font-family:Arial, Helvetica, sans-serif;padding: 5px 2px 2px 5px;}
.arrow-list {list-style-image:url(/images/bullet-arrow.png);margin-left:23px;font-size:12px;}
.arrow-list li {border-bottom:1px #999999 solid;padding:0px 0 5px 0;margin:0;}
.arrow-list a {text-decoration:none;}
.arrow-list a:hover {color:#ff6700;}
.arrow-list-para {list-style-image:url(/images/bullet-arrow.png);margin:-10px 0 0 23px;font-size:12px;line-height:18px;}
.arrow-list-para li {padding:0 0 5px 0;margin:0;}
.arrow-list-white {list-style-image:url(/images/bullet-arrow-white.png);margin-left:23px;font-size:12px;color:#fff}
.arrow-list-white li {padding:0;margin:0;}
.arrow-list-white li a {color:#fff	}
.double-line-header h1 {width:608px;margin: 0 0 10px 1px; padding:7px 10px;font-size:18px;line-height:16px;color:#fff;background:#000000;}
.double-line-header-fixed h1 {width:610px;margin: 0 0 10px 0px; padding:7px 10px;}
.double-line-header p {font-family:Arial, Helvetica, sans-serif;}
.double-line-header h2 {font-size:18px; color:#7e7e7e}
.double-line-header li {border:none;}
#it-landing-ql-bg {background:url(/images/mouse.jpg) no-repeat right bottom;}
#social-landing-ql-bg {background:url(/images/nurse.png) no-repeat right bottom;}
.testimonial {float:right;width:250px;font-size:12px;padding:10px 140px 10px 0;text-align:right;}
.testimonial-it {float:right;width:250px;font-size:12px;padding:10px 0px 10px 0;text-align:right;}

.block-templates {background:#eee;margin:10px 0;}
.block-templates a {display:block;text-decoration:none;}
.block-templates a h2 {font-size:18px;color:#fff;margin:78px 2px 0 0;text-align:right;}
.block-templates a p {text-align:right;padding-right:2px;margin:0;line-height:11px;color:#fff;}
.block-templates .block-template-text {padding:8px 10px 0 0;}
#advertise-vacancy-block {width:300px;height:134px;background:url(/images/block-job-sprite.jpg) no-repeat;background-position: 0 0;}
#advertise-vacancy-block:hover {background-position: 0 -134px;} 
#it-block {width:300px;height:134px;background:url(/images/block-it-sprite.jpg) no-repeat;background-position: 0 0;}
#it-block:hover {background-position: 0 -134px;} 
#matcare-block {width:300px;height:143px;background:url(/images/block-matcare-sprite.jpg) no-repeat;background-position: 0 0;}
#matcare-block .block-template-text {padding:14px 10px 0 0;}
#matcare-block:hover {background-position: 0 -143px;} 
#recommend-friend-block {width:300px;height:134px;background:url(/images/block-recommend-sprite.jpg) no-repeat;background-position: 0 0;} 
#recommend-friend-block:hover {background-position: 0 -134px;} 
#recommend-friend-block .block-template-text {padding:14px 10px 0 0;}

#list-header {background:#000;color:#fff;height:25px;width:628px;margin-left:1px;}
#list-header-fixed {background:#000;color:#fff;height:22px;width:630px;margin-left:0px;padding-top:5px;}
#list-header table {padding-top:5px;}

.data-table-cell {padding-left:5px;}
.data-table-cell .post-meta {list-style-type:none;font-size:12px;}
.data-table-cell .post-meta-key {display:none;}
.data-table-list {font-size:12px;width:628px;margin-left:1px;}
.data-table-list-cell {padding:5px 0 5px 5px;border-bottom:1px #666666 solid;background:#eee;}
.data-table-list-cell .post-meta {list-style-type:none;font-size:12px;}
.data-table-list-cell .post-meta-key {display:none;}
.data-table-list-cell a {text-decoration:none;}

.contact-cont h1{font-size:23px;margin-bottom:10px;color:#292929;}
.contact-cont .arrow-list-para {list-style-image:url(/images/bullet-arrow.png);margin:-5px 0 0 23px;font-size:12px;}
.contact-cont a {text-decoration:none;}
.contact-cont a:hover {color:inherit;}
#contactarea{font-size:13px;color:#fff;margin-left:3px;}
#contactform {width:290px;font-size:13px;margin-top:10px;}
#contactform fieldset{margin:0;padding:0;border:none;}
.inputbox {display:block;margin:0 0 5px 0;width:266px;background-color:#ff6400;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:none;cursor:pointer;color:#fff;padding:2px;}
.inputbox:hover {background-color:#ff8f47;}
.inputbox:active {background-color:#ff6400;}
#textarea {display:block;padding:2px;width:286px;height:151px;background-color:#ff6400;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:none;cursor:pointer;color:#fff;}
#textarea:hover {background-color:#ff8f47;}
#textarea:active {background-color:#ff6400;}
#contactform span{font-size:11px;color:#333;display:block;float:left;padding:5px 0 0 5px;}
#submitbutton{display:block;margin-top:10px;cursor:pointer;background:#000;border:none;color:#fff;padding:2px;}
#contactarea label {color:#000;margin:5px 0 0 0;display:block;float:left;font-size:11px;}
#contactform-confirm {color:#000;}

#left-col {width:300px;float:left;margin-right:15px;}
#right-col {width:300px;float:right;}
#right-col h2{font-size:17px;margin-bottom:8px;}
#right-col h3 {font-size:18px;}
.contact-cont #landing-two-col-left h1 {font-size:23px;margin:0 0 10px 0;color:#292929;}

#job-listing-cont h1{font-size:20px;}
#job-listing-cont h2 {font-size:18px;margin-bottom:8px;}
#job-listing-cont h3 {font-size:16px;margin-bottom:8px;}
#job-listing-cont h4 {font-size:14px;margin-bottom:8px;}
#job-listing-tags a {text-decoration:underline;}
#job-listing-tags a:hover {color:#ff6700} 
#job-listing-cont ul {list-style-image:url(/images/bullet-arrow.png);margin:10px 0 10px 23px;font-size:12px;}
#job-listing-cont ul li{padding:0 0 5px 0;margin:0;}
.job-meta-info {font-size:12px;margin:4px 0 12px 0;}
.job-meta-info a {text-decoration:underline;}
.job-meta-info a:hover {color:#ff6700} 
#job-listing-cont .entry {padding:10px 0;margin:10px 0;border-top:1px dashed black;border-bottom:1px dashed black;}

.archive-entry {margin:0 0; background:url(/images/vacancy-bg.jpg) repeat-x top ;padding:10px; border-top:#000 solid 1px;}
#archive-contain h1 {margin-bottom:5px;}
.archive-entry h2 a {font-size:18px; text-decoration:none;margin-bottom:5px;}
#archive-contain .navigation {margin:10px 0;}

.employer-right-bg {background:url(/images/employer-chairs.jpg) no-repeat #666;min-height:385px;}
.candidate-right-bg {background:url(/images/success.jpg) no-repeat #975732;min-height:385px;}
#employer-buttons ul{list-style-type:none;padding-top:10px;}
#employer-buttons ul li {float:left;display:inline;width:163px;margin-right:10px;height:136px;}
#employer-content h2{margin:14px 0 5px 0;font-size:15px;color:#ff6700;}
#employer-content h3 {margin:10px 0 5px 0 ; font-size:14px;color:#333;}
#employer-content ul {list-style-image:url(/images/bullet-arrow.png);margin:10px 0 10px 23px;font-size:12px;}
#employer-content ul li{padding:0 0 5px 0;margin:0;}

#employer-ql {width:80%; margin:0 auto; padding:240px 0 0 0}
#employer-ql h3 {font-size:18px; color:#fff;}

.wp-pagenavi {margin-top:10px; padding-top:10px;border-top:dashed 1px #000;}
#send-cv-form p {font-size:13px;}
#send-cv-textarea {float:right;}
#send-cv-textarea #textarea {padding:2px;width:326px;height:151px;background-color:#ff6400;font-family:Arial, Helvetica, sans-serif;font-size:12px;border:none;cursor:pointer;color:#fff;}
#send-cv-textarea #textarea:hover {background-color:#ff8f47;}
#send-cv-textarea #textarea:active {background-color:#ff6400;}

#top-breadcrumb {margin:10px auto;font-size:11px;}
#top-breadcrumb a {text-decoration:none;}

