*{
	font-family: arial;
	font-size: 13px;
}

body{
	background: url('../images/bg.jpg') no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin: 9px 0px 0px 0px;
}

.links{
	color: #fff;
}

a{
	color: #ffffff;
	margin: 0px 10px 0px 10px;
}
a:hover{
	color: #669ac9;
	text-decoration: none;
}

.orangesep{
	background: #e47038;
	height: 4px;
}

.employer{
	background: url('../images/employer.png') no-repeat;
	text-decoration: none;
	display:block;
	width: 234px;
	height: 268px;
	float: left;
	margin: 0px !important;
}
.employer:hover{
	background: url('../images/employer_hover.png') no-repeat;
}

.employee{
	background: url('../images/employee.png') no-repeat;
	text-decoration: none;
	display:block;
	width: 234px;
	height: 268px;
	float: left;
	margin: 0px !important;
}
.employee:hover{
	background: url('../images/employee_hover.png') no-repeat;
}

.supervisor{
	background: url('../images/supervisor.png') no-repeat;
	text-decoration: none;
	display:block;
	width: 234px;
	height: 268px;
	float: left;
	margin: 0px !important;
}
.supervisor:hover{
	background: url('../images/supervisor_hover.png') no-repeat;
}

.timeclock{
	background: url('../images/timeclock.png') no-repeat;
	text-decoration: none;
	display:block;
	width: 234px;
	height: 268px;
	float: left;
	margin: 0px !important;
}
.timeclock:hover{
	background: url('../images/timeclock_hover.png') no-repeat;
}

.aboutus{
	background: url('../images/aboutus.png') no-repeat;
	text-decoration: none;
	display:block;
	width: 234px;
	height: 268px;
	float: left;
	margin: 0px !important;
}
.aboutus:hover{
	background: url('../images/aboutus_hover.png') no-repeat;
}

/*****************
	Media Queries
*****************/

	.links-center{
		margin: 0px auto;
		width: 1170px;
		padding: 10px 0px 10px 0px;border-top: solid 6px #e47038;border-bottom: solid 6px #e47038;
		display: inline-block;
	}
	
	.topspace{
		height: 200px;
	}

	.maintbl{
		width: 1170px;
	}
	
	@media only screen and (max-width: 40em) { 
	
	.links-center{
	margin: 0px auto;
	  width: 234px;
	}
	
	.topspace{
	  height: 60px;
	}

	.maintbl{
		width: 100%;
		text-align: center;
	}
	
	}
	
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	.links-center{
	   	margin: 0px auto;
	  	width: 703px;
	}
	.topspace{
	  	height: 120px;
	}

	.maintbl{
		width: 703px;
	}
	
	.timeclock {
		background: rgba(0, 0, 0, 0) url("../images/timeclock.png") no-repeat scroll 0 0;
		display: block;
		float: left;
		height: 268px;
		margin: 14px 0 0 110px !important;
		text-decoration: none;
		width: 234px;
	}
				.timeclock:hover{
		background: url('../images/timeclock_hover.png') no-repeat;
	}
	
	.aboutus{
		background: url('../images/aboutus.png') no-repeat;
		text-decoration: none;
		display:block;
		width: 234px;
		height: 268px;
		float: left;
		margin: 14px 0 0 0px !important;
	}
	.aboutus:hover{
		background: url('../images/aboutus_hover.png') no-repeat;
	}

}