/* CSS developed by 9xb.com
Main stylesheet for layout */

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */
	
	html, body {
		color: #444;
		font: 12px/1.3em  verdana, arial, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
	}
	
	body {
		background: url(../images/bg_main.gif) top center repeat-x #fff;
		margin: 0;
	}
	
	.hidden {
		display: none;
	}
	
	p {
		margin-bottom: 1em;
	}
	p#error {
		font-weight: bold;
		color: #cb0000;
		display: none;
	}
	a {
		color: #0976b1;
	}	
	a:hover {
		text-decoration: none;
	}
	hr {
		display: none;
	}
	
	a img {
		border: 0;
	}
	
	#content {
		font-size: 90%;
	}
	
	.clear {
		clear: both;
	}
	
	.block { 
		border: 1px solid #dddab5;
		background: #f5f3de;
		padding: 3px 5px;
		margin-right: 20px;
		color: #303030;
	}
	.block strong { 
		color: #0a79b5;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap {
		width: 961px;
		background: url(../images/bg_shadows.gif) no-repeat top center;
		height: 600px;
		margin: 0 auto;
	}
	#innerwrap {
		float: left;
		width: 909px;
		margin: 0 26px;
		padding: 0;
	}
	#header {
		float: left;
		width: 909px;
		margin: 0;
		padding: 0;
		height: 111px;
		font-size: 90%;
	}
	#contentwrap {
		float: left;
		width: 909px;
		margin: 0;
		padding: 0;
		background: #fff;
	}
	#content {
		float: left;
		width: 515px;
		margin: 0;
		padding: 15px 0 15px 15px;
	}
	
	.homepagebanner {
		background: url(../images/headerimg.jpg) no-repeat top left;
		height: 170px;
		width: 909px;
		display: block;
		margin: 0;
		padding: 0;
	}
	#rightcolumn {
		float: right;
		width: 350px;
		padding: 15px 10px 15px 0;
	}
	
	
/* ---------------------------------- */
/* TABLE ELEMENTS  */   
/* ---------------------------------- */	
	
	table {
        border-collapse: collapse;
		border: 1px solid #cfd5f1;
		margin: 0 0 10px 0;
		width: 100%;
    }
    th {
        padding: 3px 5px;
		background: #9aa3ca;
		color: #fff;
		text-align: center;
    }
    td {
        padding: 5px;
		background: #fff;
		text-align: center;
    }
	tr.hi_lite td {
        background: #cfd5f1;
    }
	
	#content .floatR {
		float: right;
		margin: 0 0 10px 10px;
		border: 0;
		padding: 0;
	}
	
	#content .floatR:hover {
		border: 0;
	}
	#content .floatR img {
		margin: 0;
		border: 0;
		padding: 0;
	}
	
	.floatR {
		float: right;
		margin: 0 0 10px 10px;
		padding: 0;
	}
	
	.floatL {
		float: left;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	
/* ---------------------------------- */
/* TITLE ELEMENTS  */   
/* ---------------------------------- */	
	
	h1 {
		margin: 0;
		padding: 0;
		width: 132px;
		height: 111px;
		float: left;
		overflow: hidden;
	}
   
	h1 a {
		display: block;
		text-indent: -3000em;
		width: 132px;
		height: 111px;
		background: url(../images/logo_taskmaster.gif) no-repeat left center;
	}

	h1 a:hover {
		background-color: transparent;
	}
	
	h2 {
		height: 63px;
		width: 325px;
		margin: 0;
		padding: 0;
		float: left;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_service.gif) no-repeat left center;
	}
	
	h3 {
		color: #942545;
		font-size: 1.6em;
		margin: 0;
		padding: 0 0 5px 0;
	}
	h3.title404, 
	h3.title_bulletins {
		height: 18px;
		width: 510px;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_404.gif) no-repeat left center;
	}
	h3.title_bulletins {
		background: url(../images/title_job_bulletins.gif) no-repeat left center;
	}
	
	h4 {
		color: #0976b1;
		font-size: 1.2em;
		margin: 0;
		padding: 0;
	}
	
	h3, h4, h5 {
		line-height: 1.2em;
	}
	
/* ---------------------------------- */
/* MAIN LINK STYLES  */   
/* ---------------------------------- */
	
	#header ul {
		float: right;
		list-style: none;
		padding: 0 0 0 0;
		margin: 0;
		font-size: 100%;
		font-weight: bold;
	}
	#header li {
		float: left;
		list-style: none;
		margin: 90px 2px 0 0;
		background-color: #560513;
		background-image: url(../images/bg_tab_left.gif);
		background-repeat: no-repeat;
		background-position: top left;
	}
	
	#header li.last {
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
		background: none;
	}
	#header ul a {
		text-decoration: none;
		color: #fff;
		display: block;
		padding: 5px;
		background-image: url(../images/bg_tab_right.gif);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	#header ul a:hover {
		color: #bebebe;
	}

/* ---------------------------------- */
/* CONTENT STYLES  */   
/* ---------------------------------- */

	.hpbox {
		float: left;
		width: 165px;
		background: url(../images/box_divider.gif) no-repeat top right;
		margin: 0 12px 40px 0;
		font-size: 95%;
	}
	.hpboxlast {
		float: left;
		width: 165px;
		margin: 0 0 40px 0;
		font-size: 95%;
	}
	.hpbox img, .hpboxlast img {
		float: left;
		margin: 0 8px 0 2px;
	}
	.hpbox p, .hpboxlast p {
		margin: 0;
		padding: 0 5px 0 0;
		line-height: 1.2em;
	}
	.hpbox a, .hpboxlast a {
		color: #303030;
		text-decoration: none;
	}
	.hpbox a:hover, .hpboxlast a:hover {
		text-decoration: underline;
	}
	.hpbox h3, .hpboxlast h3 {
		height: 15px;
		width: 147px;
		margin: 0 0 5px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
	}
	.hpboxlast h3.techh3 { background: url(../images/sheading_tech.gif) no-repeat top left}
	.hpbox h3.cateringh3 { background: url(../images/sheading_catering.gif) no-repeat top left}
	.hpbox h3.commercialh3 { background: url(../images/sheading_commercial.gif) no-repeat top left}
	.hpbox h3.industrialh3 { background: url(../images/sheading_industrial.gif) no-repeat top left}
	.hpbox h3.drivingh3 { background: url(../images/sheading_driving.gif) no-repeat top left}
	
/* ------ Homepage only --------- */

	.branchfinder {
		float: left;
		clear: both;
		width: 340px;
		margin: 15px 12px 15px 0;
		font-size: 95%;
	}
	.branchfinder img {
		float: left;
		margin: 0 8px 0 0;
		border: 1px solid #ccc;
	}
	.branchfinder p {
		margin: 0;
		padding: 0 5px 0 0;
		line-height: 1.4em;
	}
	.branchfinder h3 {
		height: 17px;
		width: 107px;
		margin: 0 0 8px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_branchfinder.gif) no-repeat top left;
	}
	.branchfinder ul {
		list-style: none;
	}
	.branchfinder li {
		float: left;
		padding: 0 5px 0 0;
	}
	
/* ---------------------------------- */
/* LEFT COLUMN  */   
/* ---------------------------------- */

	#leftcolumn {
		float: left;
		width: 193px;
		margin: 0 15px 15px 0;
	}
	#leftcolumn img {
		padding: 0 0 10px 0;
	}
	
/* ---------------------------------- */

	.map {
		background: url(../images/directions.gif) no-repeat top left;
		padding: 15px 70px 15px 0;
		margin: 10px 0 0 10px;
		font-size: 95%;
		line-height: 1.2em;
	}
	
/* ---------------------------------- */
/* CONTENT PAGES WITH A LEFT COLUMN   */   
/* ---------------------------------- */

	#contentinner {
		float: left;
		width: 300px;
	}
	
	
/* -------Right Column ----------- */

	.branchfinderbox {
		float: left;
		width: 350px;
		margin: 0 0 15px 0;
		font-size: 95%;
		background: url(../images/bg_boxtop.gif) no-repeat top left;
	}
	.branchfinderbox .inner {
		padding: 15px;
	}
	.branchfinderbox img {
		float: right;
		margin: 0 5px 0 8px;
		border: 1px solid #ccc;
	}
	.branchfinderbox p {
		margin: 0;
		padding: 0 5px 0 0;
		line-height: 1.4em;
	}
	.branchfinderbox h3 {
		height: 17px;
		width: 107px;
		margin: 0 0 8px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_branchfinder.gif) no-repeat top left;
	}
	.branchfinderbox ul {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 165px;
	}
	.branchfinderbox li {
		float: left;
		padding: 0 5px 0 0;
	}
	
/* ---------------------------------- */

	.jobseekersbox {
		float: left;
		width: 165px;
		margin: 15px 0;
		font-size: 95%;
	}
	.jobseekersbox p {
		margin: 0;
		padding: 0 5px 0 0;
		line-height: 1.4em;
	}
	.jobseekersbox h3 {
		height: 17px;
		width: 107px;
		margin: 0 0 8px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_jobseekers.gif) no-repeat top left;
	}
	.jobseekersbox a {
		color: #0976b1;
		font-weight: bold;
		text-decoration: none;
	}	
	.jobseekersbox a:hover {
		text-decoration: underline;
	}
	
/* --------- Right links ---------- */

	.linksbox {
		float: left;
		width: 350px;
		margin: 0 0 15px 0;
		font-size: 95%;
		background: url(../images/bg_boxtop_links.gif) no-repeat top left;
	}
	.linksbox .inner {
		padding: 20px;
	}
	.linksbox ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.linksbox li {
		float: left;
		width: 160px;
		height: 22px;
		margin: 0 5px 10px 0;
		overflow: hidden;
	}
	.linksbox li.technicallink a { background: url(../images/link_tech.gif) no-repeat left center; }
	.linksbox li.cateringlink a { background: url(../images/link_catering.gif) no-repeat left center; }
	.linksbox li.commerciallink a { background: url(../images/link_commercial.gif) no-repeat left center; }
	.linksbox li.industriallink a { background: url(../images/link_industrial.gif) no-repeat left center; }
	.linksbox li.drivinglink a { background: url(../images/link_driving.gif) no-repeat left center; }
	
	.linksbox li.commerciallink,
	.linksbox li.industriallink {
		width: 136px;
		margin: 0 0 10px 0;
	}
	
	.linksbox li a {
		display: block;
		text-indent: -3000em;
		width: 160px;
		height: 22px;
	}
	.linksbox li.cateringlink a,
	.linksbox li.industriallink a {
		width: 130px;
	}
	
/* ---------------------------------- */

	.findajob {
		float: left;
		width: 350px;
		margin: 0 0 15px 0;
		font-size: 95%;
		background: url(../images/bg_boxtop.gif) no-repeat top left;
	}
	.findajob .inner {
		padding: 15px;
	}
	.findajob p {
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		width: 150px;
		color: #952646;
		line-height: 1.4em;
	}
	.findajob h3 {
		height: 18px;
		width: 234px;
		margin: 0 0 8px 0;
		padding: 0;
		text-indent: -3000em;
		font-size: 1px;
		background: url(../images/title_findajob.gif) no-repeat top left;
	}
	.findajob ul {
		clear: both;
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 315px;
	}
	.findajob .go {
		clear: both;
		float: right;
	}
	.findajob .go a {
		color: #0976b1;
		font-weight: bold;
		display: block;
		background: url(../images/icon_arrow.gif) no-repeat right center;
		margin: 0 5px 0 0;
		padding: 0 25px 0 0;
		text-align: right
	}
	.findajob .go input.button {
		color: #0976b1;
		display: block;
		background: url(../images/icon_arrow.gif) no-repeat right center;
		margin: 0 5px 0 0;
		padding: 0 25px 0 0;
		text-align: right;
		width: auto;
		border: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		height: 30px;
		text-decoration: underline;
		cursor: pointer;
	}
	
/* ---------------------------------- */
	
	#newsTicker {
		float: left;
		width: 500px;
		margin: 0 0 20px 0;
	}
	#newsTicker .news {
		clear: both;
	}
	#newsTicker p {
		padding: 0;
		margin: 0;
		color: #0976b1;
	}
	#newsTicker a {
		text-decoration: none;
		font-weight: bold;
	}
	
/* ---------------------------------- */
/* JOB SECTION   */   
/* ---------------------------------- */

	.vacrow {
		float: left;
		padding: 0;
		margin: 0;
		background: url(../images/jobbox_top.jpg) no-repeat top center;
	}
	.vacrowenhanced {
		float: left;
		padding: 0;
		margin: 0;
		background: url(../images/enhanced_listing.jpg) no-repeat top center;
	}
	.vacrowinner {
		float: left;
		padding: 0;
		margin: 0;
		background: url(../images/jobbox_bottom.jpg) no-repeat bottom center;
		width: 500px;
	}
	.vacrow strong, .vacrowenhanced strong {
		color: #0a79b5;
	}
	.vacrow h3, .vacrowenhanced h3 {
		float: left;
		padding: 25px 25px 10px 25px;
		margin: 0;
		width: 450px;
	}
	.vacrowenhanced h3 {
		color: #fff;
	}
	
	.vacrow .left, .vacrowenhanced .left {
		float: left;
		padding: 0 0 25px 25px;
		width: 225px;
	}
	.vacrow .right, .vacrowenhanced .right {
		float: right;
		padding: 0 25px 25px 0;
		width: 165px;
	}
	.vacrow .apply, .vacrowenhanced .apply {
		float: left;
		padding: 0 25px 25px 25px;
		width: 450px;
	}
	.vacrow .apply a, .vacrowenhanced .apply {
		background: url(../images/icon_arrow.gif) no-repeat right center;
		padding: 3px 25px 3px 0;
		display: block;
		text-align: right;
	}
	
/* ---------------------------------- */
/* FORM ELEMENTS  */   
/* ---------------------------------- */

	#content p.error
		{
		font-weight: bold;
		color: #cb0000;
		}
	
	#content p#error, #content p#emailError
		{
		display: none
		}	

	input, textarea, select {
		font: 12px/1.3em Lucida Grande, Lucida Sans Unicode, arial, verdana, geneva, helvetica, sans-serif;
		margin-bottom: 8px;
		color: #333;
		font-size: 12px;
		width: 200px;
		padding: 2px;
		background: #fff;
		border: #ccc 1px solid;
		clear: both;
	}
	select {
		width: 150px;
	}
	fieldset {
		border: 0;
		padding: 0;
	}
	legend {
		display: none;
	}
	.formbutton {
		width: auto;
		font-weight: bold;
	}
	label {
		padding: 2px 0;
		width: 135px;
	}
	
/* ---------------------------------- */
	
	#contact_form,
	#vacancy_form,
	#register_form {
		background: url(../images/jobbox_top.jpg) no-repeat top left;
		padding: 0;
		margin: 0;
	}
	#contact_form fieldset,
	#vacancy_form fieldset,
	#register_form fieldset {
		padding: 40px;
		margin: 0;
		background: url(../images/jobbox_bottom.jpg) no-repeat bottom left;
	}
	#contact_form input,
	#vacancy_form input,
	#register_form input,
	textarea {
		width: 400px;
	}
	#contact_form input.formbutton,
	#vacancy_form input.formbutton,
	#register_form input.formbutton {
		width: auto;
	}

/* ---------------------------------- */
/* FOOTER STYLES  */   
/* ---------------------------------- */

	#footer {
		float: left;
		width: 879px;
		margin: 0 15px;
		border-top: 1px solid #ccc;
		font-size: 90%;
	}
	#footer p {
		float: left;
	}
	#footer ul {
		float: right;
		list-style: none;
	}
	#footer li {
		float: left;
		margin: 0 0 0 10px;
	}