/* CSS Document */

*
{margin:0;
padding:0;
}

body{
	font:1.0em Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/base-bg.gif) repeat-x #fff bottom;
}

#top-outer{
	width:100%;
	background:url(../images/top-bg.gif) repeat-x #fff;
	text-align:center;
}

	#top{
		width:928px;
		margin:auto;
		position:relative;
	}
	
		#logo{
			float:left;
			padding:0 0 2px 0;

		}
		
		#tel{
			float:right;
			padding:55px 0 2px 0;

		}
	
		#date{
			position:absolute;
			top:0;
			right:-22px;
			background:url(../images/date-bg.gif) no-repeat top left;
			padding:0 0 0 40px;
		}
		
			#date p{
				margin:0;
				padding:8px 10px;
				font:0.7em Arial, Helvetica, sans-serif;
				float:left;
			}
			
			#date img{
				float:left;
			}
			
#nav-outer{
	width:100%;
	background:url(../images/nav-bg.gif) repeat-x #3ca096 bottom;
	text-align:center;
}

	#nav{
		width:925px;
		margin:auto;
		background:url(../images/but-side.gif) no-repeat bottom right;
		list-style:none;
	}
	
		#nav li{
			float:left;
			width:154px;
			background:url(../images/but-side.gif) left bottom no-repeat;
		}
		
			#nav .selected{
				background:url(../images/selected.gif) center bottom no-repeat;
			}
		
			#nav li a{
				width:154px;
				padding:10px 0;
				margin:0 0 4px 0;
				display:block;
				color:#fff;
				font:0.8em Tahoma, Arial, Helvetica, sans-serif;
				text-decoration:none;				
				background: url(../images/but-rollover.gif) repeat-x top none;
			}
			
			#nav .selected a{
				width:154px;
				padding:10px 0;
				margin:0 0 4px 0;
				display:block;
				color:#fff;
				font:0.8em Tahoma, Arial, Helvetica, sans-serif;
				text-decoration:none;
			}
			
				#nav li a:hover{
					background: url(../images/but-rollover.gif) repeat-x bottom #fff;
					color:#333;
				}
	
#mid-outer{
	width:100%;
	text-align:center;
	margin:11px 0;
}

	#mid{
		width:918px;
		margin:auto;
		padding:4px;
		border:1px solid #adc8c5;
	}
	
		#mid img{			
			float:left;
		}
		
		#slogan{
			float:left;
			height:207px;
			width:284px;
			background:url(../images/mid-text-bg.jpg) #eee top left no-repeat;
			border-left:1px solid #656565;
			
		}
		
		#slogan h2{
			font:1.6em Tahoma, Arial, Helvetica, sans-serif;
			padding:35px 20px 20px 22px;
			color:#999;
			font-weight:normal;
		}
		
		#slogan p{
			color:#666;
			margin:1.5em 0;
			padding:0 2em;
			font:0.8em Arial, Helvetica, sans-serif;
			text-align:center;
			font-weight:bold;
			float:left;
		}
		
		#slogan .home{
			padding:0;
			margin:15px 0 0 79px;
			width:125px;
			display:inline;
			float:left;
		}		
		
			#slogan .home img{
				border:1px solid #aaa;
				display:block;
			}
		
		#slogan a{
			width:198px;
			border:1px solid #a1a1a1;
			background:url(../images/white-but-bg.gif) repeat-x bottom #fff;
			display:block;
			padding:10px 0;
			color:#01453f;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
			text-align:center;
			margin:auto;
		}
		
		#rec{
			padding:10px;
			margin:0 0 20px 0;
			border:1px solid #ccc;
		}
		
			#rec .home{
				float:left;
			}
			
			#rec img{
				padding:10px;
			}
		
#main-outer{
	width:100%;
	background:url(../images/main-bg2.gif) repeat-x #fff top;
	text-align:center;
}

	#main{
		width:928px;
		margin:auto;
		text-align:left;
	}
	
		#content{
			width:637px;
			float:left;
			margin:0 9px 0 0;
		}
		
		#contentwide{			
			float:left;
		}
		
			.jobseekers{
				width:458px;
				float:left;
				margin:0 8px 20px 0;
				border:1px solid #ccc;
			}
			
			.employers{
				width:458px;
				float:left;
				margin:0 0 20px 0;
				border:1px solid #ccc;
			}
			
			.jobseekers img, .employers img{
				padding:4px;
			}
		
			h1{
				color:#00554c;
				margin:1em 0;
				padding:0;
				font:2.0em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#home-intro h1{
				color:#00554c;
				margin:0.7em;
				padding:0;
				font:2.0em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#home-intro h2{
				color:#555;
				margin:1.2em;
				padding:0;
				font:1.2em Arial, Helvetica, sans-serif;
				text-align:left;
				font-weight:normal;
			}
			
			h2{
				color:#555;
				margin:1.2em 0;
				padding:0;
				font:1.2em Arial, Helvetica, sans-serif;
				text-align:left;
				font-weight:normal;
			}
			
			h3{
				color:#00554c;
				margin:0 0 1.2em 0;
				padding:0;
				font:1.2em Arial, Helvetica, sans-serif;
				text-align:left;
				font-weight:normal;
			}
						
			h4{
				color:#aaa;
				margin:1em 1em 0.5em 1em;
				padding:0;
				font:2.2em Arial, Helvetica, sans-serif;
				text-align:center;
			}
			
			h5{
				color:#555;
				margin:1em 1em 0.5em 1em;
				padding:0;
				font:1.4em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#content p, #contact p, .contacttext{
				color:#333;
				margin:1.5em 0;
				padding:0;
				font:0.9em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#content ul, #contact ul{
				color:#333;
				margin:0 2.5em 1.5em 2.5em;
				padding:0;
				font:0.9em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
				#content li, #contact li{
					margin:0 0 1em 0;
				}
				
				
			#content a, #contact a, .panel p a{
				color:#00554c;
			}
			
				#content a:hover, #contact a:hover, .panel p a:hover{
				color:#222;
			}
			
			#contact h2{			
				color:#00554c;
				margin:2em 0 1em 0;
				padding:0 0 0 0;
				font:0.9em Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-align:left;
			}
			
			#contact h3{			
				color:#00554c;
				margin:2em 0 1em 0;
				padding:2em 0 0 0;
				font:0.9em Arial, Helvetica, sans-serif;
				font-weight:bold;
				text-align:left;
				background:url(../images/dark-hr.gif) top repeat-x;
			}
		
		#panels{
			width:282px;
			float:left;
			margin:20px 0;
		}
		
			.panel{
				width:272px;
				padding:4px;
				margin:0 0 10px 0;
				border:1px solid #ccc;
				float:left;
				background-color:#fff;
			}
			
			#panels h3{
				color:#00554c;
				margin:1em 0;
				padding:0 0 0 15px;
				font:1.4em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#panels p{
				color:#666;
				margin:1.5em 0;
				padding:0 15px;
				font:0.8em Arial, Helvetica, sans-serif;
				text-align:left;
			}
			
			#home-panel{
				width:920px;
				padding:4px;
				margin:14px 0 10px 0;
				border:1px solid #ccc;
				float:left;
				background-color:#fff;
			}
			
			#home-intro{
				background:url(../images/panel-bg.gif) repeat-x top;
				padding:4px 4px 15px 4px;
				text-align:center;
			}
			
			.clients{
				background:url(../images/panel-bg.gif) repeat-x top;
				padding:4px 4px 15px 4px;
				text-align:center;
			}
			
				.clients hr{
					float:left;
					width:237px;
					margin:10px 13px;
					height:1px;
					background-color:#ddd;
					color:#ddd;
					border:0;
				}
				
				.clients img{
					margin:0;
					padding:0;
					width:237px;
					float:right;
				}
				
				.clients a{
				}
				
				.clients ul{
					text-align:left;
					font:0.7em Arial, Helvetica, sans-serif;
					list-style:none;
					float:left;
					width:109px;
					margin:0 0 0 0;
					padding:0 0 10px 0;
					display:inline;
				}
				
					.clients li{
						margin:0;
						padding:0;
						width:237px;
					}
				
					.clients ul a{
						color:#999;
					}

#job-form{
	font:0.8em Arial, Helvetica, sans-serif;
}

	#job-form td{
		padding:2px;
	}

	#job-form label{
		float:right;
		width:90px;
		text-align:right;
	}
	
	#job-form input, #job-form select{
		float:left;
	}

#base-images{
	margin:0 0 15px 0;
}
			
#base-outer{
	width:100%;
	text-align:center;
	height:60px;
}

	#base{
		width:928px;
		margin:15px auto 0 auto;
		border-top:5px solid #008b7d;
		font:0.7em Tahoma, Arial, Helvetica, sans-serif;
		position:relative;
	}
	
	#base ul{
		width:587px;
		position:absolute;
		top:0;
		left:0;
		background:url(../images/base-div.gif) no-repeat bottom right;
		padding:20px 0;
		list-style:none;
	}
	
		#base li{
			float:left;
			margin:0 10px 0 0;
		}
		
			#base li a{
				color:#333;
			}
			
				#base li a:hover{
					color:#999;
				}
	
	#base img{
		float:right;
		margin:10px 50px 0 0;
	}
	
	#copyright{
		position:absolute;
		top:0;
		right:0px;
		background:url(../images/base-div.gif) no-repeat bottom right;
		padding:20px 0;
		width:180px;
	}
	
	#design{
		position:absolute;
		top:0;
		right:0;
		padding:20px 0;
		width:160px;
	}
	
	
	#aboutlist ul{
		 float:left; 
		 width:230px; 
		 display:inline;
	}
	
	#content #aboutlist li, #contact #aboutlist li{
		margin:0 0 0.2em 0;
		font-weight:bold;
	}
	
	/************************* MAP PAGE ********************/
	
	#map{
		width:572px;
		height:495px;
		padding:2px;
		border:1px solid #ccc;
		float:left;
		margin:30px 0 0 10px;
	}	
	
	#contact{
		width:340px;
		float:left;
	}
	
	
	
	
	
	
	
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */