@import url("lengku.css");
@media all {
	
	#breadcrumb ul { margin-left: 0; }

	div#focus {
	float: left;
	width: 580px;
	padding: 0 23px 0 12px;
}

	div#features { width: 166px; float: left; padding: 17px 0 0 0; }
	
	div.feature { height: 259px; padding: 7px 6px; margin-bottom: 9px; position: relative; }
	.feature h3 { position: absolute; top: 24px; left: 18px; }
	.feature h3,
	.feature h3 span { background-color: transparent; background-repeat: no-repeat; width: 132px; height: 41px; }
	.feature p { font-size: 11px; margin: 64px 10px 0 11px; line-height: 14px; }
	.feature a { top: 8px; }
	.feature a,
	.feature a span { background-color: transparent; background-repeat: no-repeat; width: 55px; height: 24px; }
	
	div#employers { background: #cb1e21 url(../images/bg-feature-employers.jpg) no-repeat; }
	#employers h3,
	#employers h3 span { background-image: url(../images/h3-features-employers.gif); }
	#employers p { color: #eeaaab; }
	#employers a { left: 10px; }
	#employers a,
	#employers a span { background-image: url(../images/a-feature-employers.gif); }
			
	div#jobseekers { background: #3a9a3d url(../images/bg-feature-jobseekers.jpg) no-repeat; }	
	#jobseekers h3,
	#jobseekers h3 span { background-image: url(../images/h3-features-jobseekers.gif); }
	#jobseekers p { color: #b4dbb5; text-align: right; }
	#jobseekers a { left: 90px; }
	#jobseekers a,
	#jobseekers a span { background-image: url(../images/a-feature-jobseekers.gif); }
	
	#flash { margin: 30px 0 18px 0; }
	strong.system, 
	strong.place,
	strong.experience { font-size: 1.4em; }
	strong.system { color: #cb1e21; }
	strong.place { color: #214fa2; }
	strong.experience { color: #3a9a3d; }
}