/* CSS Document */

body 
		{
		margin: 0; 
		padding: 0; 
		background-color: #cccccc;
		font-family: Arial, helvetica, Verdana, sans-serif;
		font-size:100%; 
		line-height:1.6em;
		text-align:center;
		color:#333;
		}
	
#container 
		{
		margin:0 auto;
		width:760px;
		text-align:left;
		position:relative;
		}
		
		
a 			{ text-decoration: none; color:#0000FF; font-weight:normal;} 
a:visited	{ text-decoration: none; color:#990099; font-weight:normal;} 
a:hover		{ text-decoration: underline; color:#CC0000; font-weight:normal;} 
		

/* TOP BANNER +++++++++++++++++++++++ */
#banner_top_left 
		{
		margin: 0;
		padding: 0;
		border: 0;
		width: 510px; 
		height: 100px; 
		float: left;
		}
	  
#banner_top_right 
		{
		margin: 0;
		padding: 0;
		border: 0;
		width: 250px; 
		height: 100px; 
		float: left;
		}

#ca
		{
		margin: 0; 
		padding: 0; 
		width: 760px; 
		position: relative;
		}

/* TESTIMONIALS CA header  +++++++++++++++++++++++ */
#ca_header_test_left 
		{
		margin: 0;
		padding: 0;
		padding-left: 2px;
		width: 494px; 
		height: 155px; 
		float: left;
		}
  
#ca_header_test_right 
		{
		margin: 0;
		padding: 0;
		width: 262px; 
		height: 155px; 
		float: left;
		} 

 /* IT SERVICES CA header  +++++++++++++++++++++++ */
#ca_header_2px 
		{
		margin: 0;
		padding: 0;
		width: 2px; 
		height: 155px; 
		float: left;
		} 

#ca_header_it_left 
		{
		margin: 0;
		padding: 0;
		padding-left: 2px;
		width: 492px; 
		height: 155px; 
		float: left;
		}

#ca_header_it_right 
		{
		margin: 0;
		padding: 0;
		width: 264px; 
		height: 155px; 
		float: left;
		} 
  
/* HR SERVICES CA header  +++++++++++++++++++++++ */
#ca_header_hr_left 
		{
		margin: 0;
		padding: 0;
		width: 494px; 
		height: 155px; 
		float: left;
		}
  
#ca_header_hr_right 
		{
		margin: 0;
		padding: 0;
		width: 264px; 
		height: 155px; 
		float: left;
		}		
  
/* SERVICES OVERVIEW CA header  +++++++++++++++++++++++ */
#ca_header_overview_left 
		{
		margin: 0;
		padding: 0;
		padding-left: 2px;
		width: 391px; 
		height: 254px; 
		float: left;
		}
  
#ca_header_overview_right 
		{
		margin: 0;
		padding: 0;
		width: 365px; 
		height: 254px; 
		float: left;
		}		

 /* ABOUT US CA header  +++++++++++++++++++++++ */
#ca_header_about_left 
		{
		margin: 0;
		padding: 0;
		width: 495px; 
		height: 133px; 
		float: left;
		}
  
#ca_header_about_right 
		{
		margin: 0;
		padding: 0;
		width: 264px; 
		height: 133px; 
		float: left;
		}

#ca_header_black_bg 
		{
		margin: 0; 
		padding: 0; 
		width: 760px; 
		height: 45px;
		background: url(../images/h_ca_black_bg.gif) no-repeat; 
		position: relative;
		}

#bg_1_column
		{
		float: left;
		width: 760px; 
		margin: 0;
		padding: 0; 
		height: auto;
		background: url(../images/bg_1_column.gif) repeat-y; 
		}
		

#bg_1_column_420
		{
		float: left;
		width: 420px; 
		margin: 0;
		padding: 0; 
		height: auto;
		background: url(../images/bg_1_column_420.gif) repeat-y; 
		}		
		
#bg_2_columns 	
		{
		float: left;
		margin: 0;
		padding: 0;  
		width: 760px; 
		background:url(../images/bg_2_columns.gif) repeat-y;
		position:relative;
		}	
				
#bg_2_columns_left 	
		{
		float: left;
		margin: 0;
		padding: 0;  
		width: 494px; 
		}
			
#bg_2_columns_right
		{
		float: right;
		margin: 0;
		padding: 0;  
		width: 264px;
		}		

#bg_3_columns_nwn
		{
		float: left;
		margin: 0;
		padding: 0;  
		width: 760px; 
		background:url(../images/bg_3_columns_nwn.gif) repeat-y;
		position:relative;
		}
					
#bg_3_columns_nwn_left 	
		{
		float: left;
		margin: 1;
		padding: 0;
		width: 143px;
		text-align: left;
		}
				
#bg_3_columns_nwn_middle
		{
		float: left;
		margin: 1;
		padding: 0;  
		width: 465px; 
		}			
#bg_3_columns_nwn_right
		{
		float: left;
		margin: 1;
		padding: 0;  
		width: 142px;
		}		
			
#bg_3_columns_even 	
		{
		margin: 0;
		padding: 0;  
		width: 760px; 
		height: auto;
		background:url(../images/bg_3_columns.gif) repeat-y; 
		float: left;
		position:relative;
		}

.ca_col_1a 
		{
		float: left;
		margin: 0;
		margin-top: 1px;
		margin-left: 1px;
		margin-right:2px;
		padding: 0;
		width: 251px;
		height:202px;
		background-color:#A8C7F6;
		/*background-color:#82B2F2;
		background-color:#C0D7F6;*/
		}
					
.ca_col_1 
		{
		float: left;
		margin: 0;
		padding: 0;
		width: 255px;
		height:auto;
		}

.ca_col_2
		{
		float: left;
		margin: 0; 
		padding: 0;
		width: 250px; 
		height:auto;
		}
		
.ca_col_3
		{
		float: left;
		margin: 0; 
		padding: 0;
		width: 252px;
		height:auto;
		}
												
.ca_job_search
		{
		margin: 1em 1.5em 0 15px; 
		padding: 0;
		font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
		text-align: left; 
		font-size: 100%;
		line-height: 1.4em;
		}
			
.ca_job_search table
		{
		margin: 0; 
		padding: 0; 
		font-size: 100%;
		border: none;
		width:95%;
		}							
																
.ca_text 
		{
		margin: 0;
		padding: 15px 1.5em 10px 15px; 
		font-family: Geneva, Arial, Helvetica, Verdana, sans-serif;
		text-align: left; 
		font-size: 100%;
		line-height: 1.4em;
		}
									
.ca_text h1 
		{
		margin: 0;
		padding: 0; 
		font-size: 100%; 
		font-weight: bold; 
		color:#982222;
		}		

.ca_text h2 
		{
		margin: 0;
		padding: 0; 
		font-size: 150%; 
		font-weight: bold; 
		color:#982222;
		}
.ca_text table
		{
		margin: 0; 
		padding: 0; 
		font-size: 100%;
		border: none;
		width:95%;
		}					
						
#ca_2_text_1eft 
		{
		position: relative;
		top: 0; left: 0px;
		margin: 0;
		padding: 10px 20px 10 20; 
		width: 460;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		text-align: left; 
		font-size: 100%;
		line-height: 1.4em;
		}	
			
#ca_2_text_right
		{
		position: absolute;
		top: 0; left: 495px;
		margin: 0;
		padding: 10px 10px 10 10; 
		width: 263;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		text-align: left; 
		font-size: 100%;
		line-height: 1.4em;
		text-align: center;
		}	
	
/*	HOME PAGE black headers  +++++++++++++++++++++++ */
#h_client_login 	
		{
		margin: 0; 
		padding: 0;
		width: 255px; 
		height: 45px; 
		background: url(../images/h_client_login.gif) no-repeat;
		}		

#h_recent_news 
		{
		margin: 0 0 0 256px; 
		padding: 0;
		width: 250px; 
		height: 45px; 
		background: url(../images/h_recent_news.gif) no-repeat;
		}

#h_search_jobs 	
		{	
		margin: 0 0 0 252px; 
		width: 255px; 
		height: 45px; 
		background: url(../images/h_search_jobs.gif) no-repeat;
		}	

/* JOB SEARCH black headers  +++++++++++++++++++++++ */
		
#h_top5_jobs 	
		{
		margin: 0; 
		padding: 0;
		width: 255px; 
		height: 45px; 
		background: url(../images/h_top5_jobs.gif) no-repeat;
		}

#h_perm_jobs 
		{
		margin: 0 0 0 256px; 
		padding: 0;
		width: 250px; 
		height: 45px;
		background: url(../images/h_perm_jobs.gif) no-repeat;
		}
	
#h_contract_jobs 	
		{	
		margin: 0 0 0 252px; 
		width: 255px; 
		height: 45px; 
		background: url(../images/h_contract_jobs.gif) no-repeat;
		}			
		
/* SERVICES  +++++++++++++++++++++++ */

#serv_column 	
		{
		float: left;
		margin: 0;
		padding: 0;  
		width: 760px; 
		height: auto;
		position: relative;
		}		
		  
.u_list_services 
		{
		margin: 1em 0 1em 0;
		width: auto;
		float: left;
		padding: 0 0 0 1.2em;
		list-style-type: none;
		}

 .u_list_services li 
		{
		background-image: url(../images/bullet1.gif);
		background-repeat: no-repeat;
		background-position: 0 .6em;
		padding-left: 2em;
		padding-bottom: inherit;
		line-height: 2.8em;
		}
	    
  .u_list_services li.header
		{
		background-image: url(../images/info.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;
		padding-left: 2em;
		padding-bottom: 1em;
		line-height: 1.5em;		
		}
		
.u_services_details 
		{
		margin: 0;
		width: auto;
		float: left;
		padding: 0 0 0 1.2em;
		list-style-type: none;
		}	
  .u_services_details li.header
		{
		background-image: url(../images/info.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;
		padding-left: 2em;
		}			

.serv_overview a {text-decoration:none; color:#993300}
.serv_overview a:hover {text-decoration:underline; color:#993300}
.serv_overview p {color:#F7F7F7;}


/* footer
----------------------------------------------- */
#footer 
		{
		clear:both;
		width: 760px; 
		height: 31px; 
		padding: 0 0 50px 0; 
		margin: 0;
		background: url(../images/footer.gif) no-repeat; 
		}
		
#footer_420 
		{
		clear:both;
		width: 420px; 
		height: 31px; 
		padding: 0 0 50px 0; 
		margin: 0;
		background: url(../images/footer_420.gif) no-repeat; 
		}		

.float_left { float:left;}		
.float_right { float:left;}		
.bold{ font-weight: bold;}
.hidden{ visibility: hidden;}


/* LISTS  +++++++++++++++++++++++ */
/* List design - see css.maxdesign.com.au */
 .u_list 
		{
		width:100%;
		margin: 0 0 0 0;
		padding: 1em 1em 1em 1em;
		list-style-type: none;
		text-align: left;
		}

 .u_list li
		{
		background-image: url(../images/bullet1.gif);
		background-repeat: no-repeat;
		background-position: 0 .2em;
		padding-top: 0em;
		padding-left: 2.5em;
		padding-right: 2em;
		padding-bottom: 1em;
		line-height: 1.8em;
		}
		
  /* items not used  +++++++++++++++++++++++ */
  #u_list li.pdf
		{
		background-image: url(bullet_pdf.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 3px 0 3px 20px;
		margin: .4em 0;
		}

  #u_list li.doc
		{
		background-image: url(bullet_doc.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 3px 0 3px 20px;
		margin: .4em 0;
		}

  #u_list li.text
		{
		background-image: url(bullet_text.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 3px 0 3px 20px;
		margin: .4em 0;
		}

  #u_list li.htm
		{
		background-image: url(bullet_htm.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 3px 0 3px 20px;
		margin: .4em 0;
		}
		
  /* menu +++++++++++++++++++++++ */
				
#menu_sand_box { 
			position: relative; 
			float:left;
			margin: 0;
			/*margin-bottom: 0.5em;*/
			padding: 0; 
			height: 40px; 
			width: 760px; 
			background:url(../images/bg_menu.gif) no-repeat;
			z-index: 99;
			}
			
ul { 
			margin: 0;
			padding: 0px 0px 0px 0px; 
			list-style: none; 
			 }

#menubox { 
			margin: 0; 
			padding: 0px 0px 0px 0px; 
			height: 39px; 
			position: relative;}

#menubox a { 
			font-weight: bold; 
			text-decoration: none; 
			color: #333; }

#menubox li ul.level_2 li a { 
			display: block; 
			font-size: 10px; 
			font-weight: normal; 
			color: #232323; 
			padding: 3px; 
			padding-left: 8px; 
			text-align: left; }

#menubox li ul.level_2 li a:hover { 
			background: #fff; 
			border-top: 1px solid #dedede; 
			padding-top: 2px; 
			color: #f30; 
			text-align: left; }

#menubox li.level_1 { 
			margin: 0;
			height: 38px; 
			text-align: center; 
			cursor: default; 
			float: left; 
			}

#menubox li.level_1 a.menubox_link { 
			height: 38px; 
			display: block; }


/* menu buttons with their horizontal position +++++++++++++++++++++++ */
li#menubox_home { position: absolute; left: 1px; }
li#menubox_aboutus { position: absolute; left:96px;}
li#menubox_services { position: absolute; left: 191px; }
li#menubox_events { position: absolute; left: 286px; }
li#menubox_testimonials { position: absolute; left: 381px; }
li#menubox_jobs { position: absolute; left: 476px;}
li#menubox_contactus { position: absolute; left:571px;}

/* menu buttons +++++++++++++++++++++++ */
#menubox_home a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_home.gif) no-repeat;} 
#menubox_home a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_home.gif) no-repeat;} 

#menubox_aboutus a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_aboutus.gif) no-repeat;} 
#menubox_aboutus a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_aboutus.gif) no-repeat;}

#menubox_services a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_services.gif) no-repeat;} 
#menubox_services a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_services.gif) no-repeat;} 
/*
#menubox_demo a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_demo.gif) no-repeat;} 
#menubox_demo a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_demo.gif) no-repeat;} 
*/
#menubox_events a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_events.gif) no-repeat;} 
#menubox_events a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_events.gif) no-repeat;} 

#menubox_testimonials a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_testimonials.gif) no-repeat;} 
#menubox_testimonials a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_testimonials.gif) no-repeat;} 

#menubox_jobs a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_jobs.gif) no-repeat;} 
#menubox_jobs a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_jobs.gif) no-repeat;} 

#menubox_contactus a.menubox_link { width: 95px; height: 38px; background: url(../images/btn_off_contactus.gif) no-repeat;} 
#menubox_contactus a.menubox_link:hover { width: 95px; height: 38px; background: url(../images/btn_on_contactus.gif) no-repeat;} 

/* menu items - Level 2  +++++++++++++++++++++++ */
.level_1 ul li { 
	margin: 0 2px 0 2px;
	padding: 0;
	position: relative; 
	width: 130px; 
	text-align: center; 
	cursor: default; 
	 }

li ul.level_2 { 
	margin: 0; 
	padding: 3px 0 20px 0; 
	position: absolute; 
	top: 38px; 
	left: 0; 
	width: 135px;
	display: none; 
	font-weight: normal; 
	background: url(../images/bg_menu_down.gif) bottom left no-repeat; 
	z-index: 99;
	}

ul.level_2 li { 
	border: 0;
	display: block; 
	float: none; 
	background-color: transparent; 
	}

li:hover ul, li.over ul { display: block; }