/* Small issue with the Style Sheets when using media="all" and this just resolves it! */
@media screen {




/* html Classes */

body { 	margin:0; padding:0; background:url("../images/background.gif") center top repeat; 
	font-size:0.70em; line-height:1.3em; font-family:Arial,Verdana,Helvetica,Sans-serif; }
	
p { padding:0px; margin:10 0 0 0px;}

blockquote {margin-left: 10px; margin-top: 5px; padding: 0px}

img {border: 0px;}



	
/* Link Classes */
a { text-decoration: underline; color: #000000}

a:hover { text-decoration: underline; color: #F20101}

a.mainnav { font-size: 12px; color:white; text-decoration:none; padding: 14px; }

a.mainnav:hover { font-size: 12px; color:#F20101; text-decoration:none; padding: 14px; }
	
a.sidenav { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000; }

a.sidenav:hover { font-size: 12px; font-weight: bold; text-decoration: none; color: #F20101; }
	
a.footerlink { font-size: 9px; color: #FFFFFF; text-decoration: underline; }
	
a.footerlink:hover { font-size: 9px; color: #F20101; text-decoration: underline; }

a.more { font-size: 10px; font-weight: bold; color: #000000; }

a.more:hover { font-size: 10px; color: #F20101; text-decoration: underline; }
	
	
	
	
/* Text Styles */

h1 { margin:0; color:#000000; font-size:16px; line-height:20px;  }

h4 { margin:0; }

h2 { margin:0; color:#F20101; font-size:13px; line-height:15px; }

.textbold { font-size:11px; line-height:14px; font-weight:bold; color:#000000; }

.text { font-size:10px; line-height:1.3em; font-weight:normal; color:#000000; margin:0px; padding:0px; }

.textlarge { font-size:11px; line-height:1.6em; font-weight:normal; color:#000000; margin:0px; padding:0px; }

.title { font-size: 12px; font-weight: bold; color: #000000; text-transform: uppercase; line-height:14px;
	margin:0px; padding-top:5px; }
	
.quote {font-size:12px; line-height:14px; font-weight:bold; color:#000000;}
	
.image { padding:5px;}

.smalltext { font-size:9px; line-height:10px; font-weight:normal; color:#000000; margin:0px; padding:0px; }

	

/* Form Styles */
.standard_form { display:block; float:left; width:100%; margin-bottom:10px; padding-top:0px; padding-bottom:5px; }

.standard_form .column_100pc { float:left; width:99%; margin-top:5px; }

.standard_form .column_50pc { float:left; width:49%; margin-top:5px; }

.standard_form .column_60pc { float:left; width:59%; margin-top:5px;}

.standard_form .column_80pc { float:left; width:79%; margin-top:5px;}

.standard_form .row { float:left; width:99%; margin-bottom:5px; }

.standard_form .label { float:left; width:30%; margin-top:2px; font-weight: bold;}

.standard_form .labelWide { float:left; width:49%; margin-top:2px; font-weight: bold; padding-right:5px; }

.standard_form .field { float:left; width:70%; }

.standard_form .fieldWide { float:left; width:49%; }

.standard_form .fieldwidth { width:180px; }

.standard_form .required { float:left; border-bottom:2px solid #CCCCCC; width:92%; padding-top:5px; text-align:right; padding-bottom:2px; padding-left:1%;padding-right:0px; margin-top:5px; margin-bottom:5px; }

.standard_form .toolbar { float:left; border-top:2px solid #CCCCCC; width:92%; padding-top:5px; text-align:right; padding-bottom:2px; padding-left:1%;padding-right:0px; margin-top:5px; }

.error { padding:5px; border:1px solid #F20101; background-color:#ffffff; color:#F20101; font-weight:bold; margin-bottom:5px; }

.searchbtn { border: 0px; width: 46px; height: 22px; background: url(../images/form_buttons/find.gif); margin: 0px; margin-left: 2px; margin-right: 10px; padding:0px;}




/* Search Results */
.results { display:block; float:left; width:100%; margin-bottom:10px; padding-top:0px; padding-bottom:5px; }

.results .column_id { width: 25px; float:left; margin-top:2px; }

.results .column_name { width: 175px; float:left; margin-top:2px; }

.results .column_type { width: 58px; float:left; margin-top:2px; }

.results .column_noreq { width: 28px; float:left; margin-top:2px; }

.results .column_location { width: 150px; float:left; margin-top:2px; }

.results .column_date { width: 53px; float:left; margin-top:2px; }

.results .row_header { float:left; width:99%; font-weight: bold; border-bottom: 2px solid #000000; border-top: 2px solid #000000; }

.results .row { float:left; width:99%; margin-bottom:2px; padding-bottom:5px; border-bottom: 2px solid #CCCCCC;}

.results .empty {float:left; width:99%; margin-bottom:2px; padding-bottom:5px; }

#pagenav {background: #CCCCCC; width:99%; margin-bottom:5px; margin-top:10px; padding-top: 5px; padding-bottom: 5px;}


	

/* Custom Classes */

#container { width: 800px; margin: 0px auto; }

#header { position:relative; margin:0px; height:124px; padding:0px;background: url("../images/header/header_bg.jpg") 0px 0px no-repeat; }

#logo { position:absolute; top:14px; left:22px;}

	
#topnav { margin: 0px; padding: 0px; background: url(../images/topnav/bg_dividers.gif); height: 24px; 
	font-size: 9pt; font-weight: bold; line-height:26px; }

#topnav ul{ padding: 0px; margin: 0px; display: inline; }

#topnav li{ padding: 0px; margin: 0px; display: inline; }
	
#main1 { margin:0; padding:0; background: url("../images/main_bg.gif") top left repeat-y; }
	
#left { float:left; width:167px; margin-bottom: 151px;}

#sidenavbar, #sidenavbar ul, #sidenavbar li { padding:0px; margin:0px 0px 0px 22px; width:148px; 
	list-style:none; }

#sidenavbar li { border-bottom:2px solid #FFFFFF; padding:5px 5px 5px 14px; }

#footertxt { font-size: 9px; color: #FFFFFF; padding: 4px 4px 4px 54px; 
	background: url("../images/footer/bg.gif") top left no-repeat;}

#footerphoto { height: 151px; width: 167px; position:relative; top:-151px; margin-bottom:-151px; margin-left:44px; }




/* These control the main content area for mainly text pages such as search result pages etc */

#middle { height:1%; margin:0 44 0 211px; padding:20px; }
	
#content { float: right; right: 44px; position: relative; width: 502px; margin:0 44 0 211px;}

#columnright { float:right; width:49%;padding-top:30px;}

#columnright2 { float:right; width:49%;padding-top:0px;}

#columnleft { float:left; width:49%;padding-top:0px;}




/* Testimonials Page */

#cust_right { float:right; width:49%; }

#cust_left { float:left; width:49%;padding-top:0px;}

#quote1 { position: absolute; left: 0px; top: 300px; display:none; width:400px; overflow: auto; padding:10px; background: #FFFFCC; border: solid 1px #000000}

#quote2 { position: absolute; left: 0px; top: 300px; display:none; width:400px; overflow: auto; padding:10px; background: #FFFFCC; border: solid 1px #000000}

#quote3 { position: absolute; left: 0px; top: 300px; display:none; width:400px; overflow: auto; padding:10px; background: #FFFFCC; border: solid 1px #000000}

#scroll { float:right; width:90%; height: 400px; padding:10px; background: #CCCCCC; overflow: auto; }



/* SECTOR PAGES */
/* Construction Sector Page */

#construction_container { float: right; right: 0px; position: relative; width: 545px; margin:0 44 0 211px; background: url("../images/construction_back.gif") bottom right no-repeat;}

#construction_content { float: right; padding:20px; position: relative; width: 502px; margin-top:67px;}


/* Commercial Sector Page */

#commercial_container { float: right; right: 0px; position: relative; width: 545px; margin:0 44 0 211px; background: url("../images/commercial_back.gif") bottom right no-repeat;}

#commercial_content { float: right; padding:20px; position: relative; width: 502px; margin-top:67px;}


/* Industrial Sector Page */

#industrial_container { float: right; right: 0px; position: relative; width: 545px; margin:0 44 0 211px; background: url("../images/industrial_back.gif") bottom right no-repeat;}

#industrial_content { float: right; padding:20px; position: relative; width: 502px; margin-top:67px;}


/* Social Sector Page */

#socialcare_container { float: right; right: 0px; position: relative; width: 545px; margin:0 44 0 211px; background: url("../images/industrial_back.gif") bottom right no-repeat;}

#socialcare_content { float: right; padding:20px; position: relative; width: 502px; margin-top:67px;}




/* These control the main content area with highly graphical content eg:home page */

#middle1 { height:1%; margin:0 44 0 211px; padding:0px; }
	
#content1 { float: right; right: 44px; position: relative; width: 545px; margin:0 44 0 211px; }





/* Custom Home Page Tags */

/* JOBSEEKERS PANEL */

#jobspanel { width: 545px; height: 191px; margin: 0px; padding: 0px; background: url("../images/jobseekers/background.jpg") top left no-repeat; }

#jobseekersright { float:right; margin-top: 8px; margin-right: 6px; width:259px; height:124px; overflow:hidden;}

a.jobseekers { margin: 0px; padding: 0px; width: 259px; height: 44px; display:block; 
	background: url("../images/jobseekers/jobseekers.gif") top left no-repeat;}

a.jobseekers:hover { margin: 0px; padding: 0px; width: 259px; height: 44px; 
	background: url("../images/jobseekers/jobseekers_over.gif") top left no-repeat; }
	
#jobseekers_sections { float:right; width:240px; height:104px; }

a.jobseekers_values { float: left; width: 28px; font-size: 13px; font-weight: bold; color: #FFFFFF; text-align: right; line-height: 18px; margin-right: 3px; text-decoration: none;}

a.jobseekers_values:hover { float: left; width: 28px; font-size: 13px; font-weight: bold; color: #000000; text-align: right; line-height: 18px; margin-right: 3px; text-decoration: none;}

a.jobseekers_sectors {float: left; font-size: 13px; font-weight: bold; color: #FFFFFF; line-height: 18px; text-decoration: none;}

a.jobseekers_sectors:hover {float: left; font-size: 13px; font-weight: bold; color: #000000; line-height: 18px; text-decoration: none;}


/* QUICK SEARCH BOX */

#search { float: right; height: 51px; width: 214px; position:relative; top:-56px; margin-bottom:-151px;
	margin-right:0px; padding: 0px; }
	
/* MIDDLE SECTION */

#home_middle { width: 545px; display: block;}

#introtext { margin-left: 0px; padding-top:16px; padding-left: 16px; padding-bottom:8px; font-weight: bold; }

#news { float: right; width: 292px; margin:8px; padding: 0px 0px 10px 0px; background: #CCCCCC; }

#newsitems { float: right; width: 270px; margin-top: 26px; margin-left:10px; margin-right: 12px; padding: 0px; font-size:11px; line-height:11px; font-weight:bold; overflow: hidden; position: static;}

#newsitem1 { margin-top:4px;}

a.latestnews { margin: 0px; padding: 0px; width: 175px; height: 25px; position:absolute;
	background: url("../images/news/latest_news.gif") top left no-repeat; }

a.latestnews:hover { margin: 0px; padding: 0px; width: 175px; height: 25px; position:absolute;
	background: url("../images/news/latest_news_over.gif") top left no-repeat; }

/* EMPLOYMENT PANEL */

#employment { display: block; width: 545px; height: 144px; clear:both; margin-bottom: 8px; background: url("../images/employers/background.gif") top left no-repeat; }

#employment_left { float: left; width: 245px; margin-left: 8px; padding-left: 18px; margin-top: 1px;}

#employment_right {float: right; width: 235px; right: 28px; margin-top: 13px; line-height: 15px; }

#rec_logo { position:absolute; bottom:14px; right:6px; }

a.employers { margin: 0px; padding: 0px; width: 250px; height: 48px; position:absolute; background: url("../images/employers/employers.gif") top left no-repeat; }

a.employers:hover { margin: 0px; padding: 0px; width: 250px; height: 48px; position:absolute;
	background: url("../images/employers/employers_over.gif") top left no-repeat; }
	
.employers_head {font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 18px; width: 250px; margin-top: 50px; margin-bottom: 4px; position: relative;}

.employers_mainpara {font-size: 12px; color: #000000; line-height: 13px;}

a.employers_more { font-size: 12px; font-weight: bold; color: #000000; }

a.employers_more:hover { font-size: 12px; color: #F20101; text-decoration: underline; }








/* Forms */

.input1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 0px; 
	padding: 0px; border: 1px; }

.findbutton { margin: 0px; padding: 0px; width: 45px; height: 22px; border:0px;
	background: url("../images/jobseekers/btn_find.gif") top left no-repeat; }


/* Other Tags */

.cleaner { clear:both; height:0px; overflow:hidden; }

.innercolleft,
.innercolright { width:47%; }
.innercolleft { float:left; }
.innercolright { float:right; }


/* For @Media / DO NOT delete */
}