/* zinc styles */

/* fonts */



@font-face { font-family: Delicious; src: url('delicious/Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('delicious/Delicious-Bold.otf'); }
h1 { font-family: 'Aurulent Sans', sans-serif; }
html, body {
	margin: 0;
	padding: 0;
	scrollbar-track-color: #b70f02;
	scrollbar-face-color: #fff;
	scrollbar-arrow-color: #b70f02;
	scrollbar-3dlight-color: #b70f02;
	scrollbar-highlight-color: #b70f02;
	scrollbar-shadow-color: #b70f02;
	scrollbar-darkshadow-color: #b70f02;
  }
body {
	background: #000 url(../images/bg_05.jpg) repeat-x;
	color: #545659;
	font: 12px/1.5em arial, verdana, sans-serif;
	text-align: center;
}

 
#wrapper{
	margin: 0 auto;
 	background: #fff url(../images/wrapper_bg.gif) no-repeat bottom;
	width:768px;	
	min-height:400px;
	}
#logo{
	background: #e1e3e6 url(../images/skyline.jpg) no-repeat;
	height:190px;
	border-bottom:4px solid #b70f02;
	text-align:left;
	}
#logo img{
	margin:30px 20px 0 20px;
	}
#heading{
	height:155px;
	border-bottom:4px solid #b70f02;
	text-align:left;
	}
#heading img{
	margin:20px 20px 0 20px;
	padding:0;
	}


											/*heading backgrounds*/ 
											
.jobs{
	background: #e1e3e6 url(../images/bg_jobs.jpg) no-repeat;
	}
.candidates{
	background: #e1e3e6 url(../images/bg_candidates.jpg) no-repeat;
	}
.client{
	background: #e1e3e6 url(../images/bg_clients.jpg) no-repeat;
	}
.contact{
	background: #e1e3e6 url(../images/bg_contact.jpg) no-repeat;
	}
.uk{
	background: #e1e3e6 url(../images/bg_uk.jpg) no-repeat;
	}




											/*top menu*/
#nav{
	background: #fff url(../images/nav_bg.gif) no-repeat;
	height:42px;
	}

#menu{
	margin:0 0 0 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
 }
 #menu ul{
	list-style: none;
	padding:5px 0 0 0;
	margin:0;
}

#menu li{
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu li a{
	float: left;
	display: block;
	text-decoration: none;
	text-align: right;
	color: #Fff;
	padding-left: 12px;
	padding-right: 12px;
	border-left:1px solid #fff;
	voice-family: inherit;	
}
#menu li a:hover{	
	float: left;
	display: block;
	text-decoration: none;
	text-align: right;
	color: #ffcc00;
	voice-family: inherit
}
li#menu-UK a {
	background: url(../images/uk_flag.jpg) no-repeat 2px;
	padding:0 0 0 35px;
}


/* Commented backslash hack hides rule from IE5-Mac \*/
#menu li a
{
float: none
}
/* End IE5-Mac hack */ 
/*end navigation components */ 

/*--------------------------------------------------------------------------submenu*/

ul.submenu{
  padding: 0;
  margin:0 0 20px 30px;
}

ul.submenu li{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: url(../foo.gif); /* because IE is balls */
}

ul.submenu li a {
	display: block;
	height: auto !important;
	/* Start hide from IE Mac \*/
  height: 1%;
	/* End hide from IE Mac */
	width:120px;
  padding: 1px 5px 1px 22px;
	text-transform: lowercase;
}

ul.submenu li a {
  background: url(../images/submenu.png) no-repeat 5px 50%;
  color:#b70f02;
}

ul.submenu a:hover {
  color: #fff;
  background: #b70f02 url(../images/submenu.png) no-repeat 5px 50%;
}
/*--------------------------------------------------------------------------presenATION*/
#content{
	background: transparent;
	width: 768px;
	margin:0;
	padding:0;
	text-align: left;
	}
h1{
	color:#b70f02;
	margin:0.7em 0 10px 20px;
	padding:10px 0;
	font-family:Delicious, sans-serif;
	font-size:30px;	
	}
h2{
	margin:10px 5% 5px 5%;
	padding:0;
	font-family:Delicious, sans-serif;
	font-size:20px;
	}
h3{
	margin:10px 5% 5px 5%;
	font-family:Delicious, sans-serif;
	padding:0;
	font-size:18px;
	}
td{
	vertical-align: top;
	color:#545659;
	margin:0;
	padding:0;
	text-align: left;
	}
ul, ol{
	padding: 5px 5% 10px 70px;
	margin: 0;
	}
p {
	color:#545659;
	line-height: 1.3;
	margin: 0.7em 5%;
}
p.intro{font-size: 13px; margin-top:20px; font-family:Delicious, sans-serif; font-weight:bold;}
a{
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
	}
a:hover{
	color:#b70f02;
	text-decoration:none;
	}

.red{
	color:#b70f02;
}
/* keep superscript text from breaking the line-spacing */
.sup {
	font-size: smaller;
	vertical-align: baseline;
	position: relative;
	bottom: 0.33em;
}

								/*front page boxes*/
#news, #hot-jobs{
	margin:0;
	padding:0;
	text-align: left;
	height:170px;
	width:340px;
	}


								/*offer box*/
#offer{
	margin:0 0 0 20px; padding:0;
	}
#offer h2{
	text-indent:-10000px;
	}
#offer h2 a{
	margin:0; padding:0;
	display:block;
	width:252px;
	height:240px;
	background:url(../images/earn-$200-refer-job-candidate.png) no-repeat;
	}
#offer h2 a:hover{	
	background-position:0 -240px;
	}
.register a{
	display:block;
	background:url(../images/click_button.gif) no-repeat;
	width:130px;
	height:40px;
	margin:80px 0 0 200px;
	text-indent:-5000px;
	}
.register a:hover{
	display:block;
	background:url(../images/click_button_over.gif) no-repeat;
	}
	
	
								/*news box*/
#news{
	background: url(../images/news_box2.jpg) no-repeat;
	}
#news-box{
	overflow:auto;
	height:120px;
	margin:5px 5px 0 0;
	padding: 0;
	}
#news h2{
	font: bolder 18px Arial, Helvetica, sans-serif;
	color: #000;
	margin:0;
	padding:8px 0 0 105px;
	}
#news-box h3{
	font:14px normal  ;
	color: #ffcc00;
	margin:0;
	padding:0 0 5px 105px;
	line-height: 1.2em;
	}
#news-box p{
	font:12px Arial, Helvetica, sans-serif;
	color: #f0f0f0;
	margin:0;
	padding:0 5px 0 105px;
	line-height: 1.2em;
	}
#news-box .more a{
	background:url(../images/arrow_red.gif) no-repeat right 8px;
	font-weight:bold;
	padding:8px 20px 5px 0;
	margin:0 0 0 170px;
	color:#FFCC00;
	text-decoration:none;
	}
#news-box .more a:hover{
	color:#fff;
	}

														/*hot jobs box*/
#hot-jobs{
	background:url(../images/hot_jobs_box2.jpg) no-repeat;
	}
#hot-jobs h2{
	font:bolder 18px Arial, Helvetica, sans-serif;
	color: #b70f02;
	margin:0;
	padding:8px 0 0 110px;
	}
#hot-jobs p{
	font:12px Arial, Helvetica, sans-serif;
	color: #f0f0f0;
	margin:0;
	padding:2px 5px 0 110px;
	}
#hot-jobs  a{
	background:url(../images/arrow_black.gif) no-repeat right center;
	padding:0 20px 0 0;
	font-weight:bold;
	color:#FFCC00;
	text-decoration:none;
	margin:0 0 0 130px;
	}
#hot-jobs a:hover{
	color:#fff;
	}
												/*jobs vcacancies box*/	
.job-box{
	width:650px;
	margin:10px 5% 5px 30px;
	padding:0;
	}
.job-box table{
	margin:10px 0 5px 0;
	padding:0;
	background:#a3a5a8 url(../images/bg_job_box.jpg) repeat-x;
	border: 1px solid #000;
	}
.job-box h2{
	margin:10px 5% 5px 0;
	padding:0;
	text-transform:capitalise;
	font-size:18px;
	}
.job-box h3{
	margin:0;
	padding:5px 10px;
	font-size:14px;
	color: #b70f02;
	border-bottom: 1px dashed #666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.job-box th{
	text-align:left;
	margin:0;
	padding:5px 5px;
	font-size:13px;
	color: #b70f02;
	border-bottom: 1px dashed #666;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.job-box td{
	margin:0;
	padding:0;
	}
.job-box p{
	margin:0;
	padding:2px 5px;
	}
.job-box a{
	text-align:right;
	margin:0 5px 0 550px;
	padding:0;
	}
.filled{
	background:url(../images/filled.png) center no-repeat;
	}
.onHold{
	background:url(../images/on-hold-job-vacancy.png)  center no-repeat;
	}
														/*registration column*/		
	
.reg-column {
	float: left;
 	margin: 0 0 0 10px;
	padding:10px 3px 10px 0px;
 	position: relative;
 	text-align: left;
 	vertical-align: baseline;
 	width: 350px;
}
.reg-column h3 {
	color:#b70f02;
	margin:0;
	padding: 0 0 5px 20px;
	}

/*-----------------------------------------offer column*/	
.offer{
	background:#b70f02 url(../images/refer_box_bottom.gif) no-repeat bottom;
	float: left;
 	margin:0 0 0 10px;
	padding:0;
 	position: relative;
 	text-align: left;
 	vertical-align: baseline;
 	width: 320px;
}
.offer p, .offer li{
	color:#fff;
	}
.offer{
	color:#FFCC00;
	}
.offer a:hover{
	color:#FFFF99;
	}
/*-----------------------------------------right column*/	
.right-column {
	float: left;
 	margin:0 0 0 40px;
	padding:10px 10px 10px 0px;
 	position: relative;
 	text-align: left;
 	vertical-align: baseline;
 	width: 250px;
}
.right-column p{
	line-height: 1.3;
	margin: 0.7em 15px;
}
.right-column h3 {
	color:#b70f02;
	margin:0;
	padding: 0 0 5px 15px;
	font:bold 16px Arial, Helvetica, sans-serif;
	}

															/*float clearer*/
 .clearer{
 height:1px;
 overflow:hidden;
 margin-top:-1px;
 clear:both;
}
																	/*footer*/
#footer{
	text-align:center;
	margin:0;
	padding:20px 0 5px 0;
	height: 40px;
	font-size:11px;
	}
hr {
	margin:0 0 0 10px;
	border-top: 1px dotted #b70f02;/*the border*/
	width: 98%;
	height: 1px;
	border-right: 0 none;
	border-bottom: 0 none;
	border-left: 0 none;
}