* { margin: 0; padding: 0; }

body {
	font-family: tahoma;
	background-color: #edf6fb;
	color: #000;
	font-size: 11px;
	}
	
img { border: 0; }

#wrapper {
	width: 780px;
	margin: 0 auto;
	background-color: #fff;
	}
	
	#top {
		width: 780px;
		height: 218px; 
		background: url(../images/main/top.jpg) no-repeat; 
		}

	#mainnav {
		width: 525px; height: 47px;
		list-style: none;
		background-color: #fff;
		padding: 0 0 0 255px;
		}	
		
		#mainnav li { float: left;}
				
		#mainnav li a span { display: none; }
				
		#mainnav li a {
			height: 47px;
			display: block;
			float: left;
			padding: 0;
			}
				
			#mainnav li a.aboutus {
				width: 114px;
				background: url(../images/main/buttons/aboutus.gif) no-repeat top;
				}
				
			#mainnav li a.employer {
				width: 119px;
				background: url(../images/main/buttons/employer.gif) no-repeat top;
				}
								
			#mainnav li a.employee {
				width: 118px;
				background: url(../images/main/buttons/employee.gif) no-repeat top;
				}
					
			#mainnav li a.searchjobs {
				width: 80px;
				background: url(../images/main/buttons/searchjobs.gif) no-repeat top;
				}			
				
			#mainnav li a.contactus {
				width: 94px;
				background: url(../images/main/buttons/contactus.gif) no-repeat top;
				}
				
			#mainnav li a:hover { background-position: bottom; }
	
	#content {
		width: 780px;
		}
		
		#success {
			width: 334px;
			height: 278px;
			background: url(../images/main/success.gif) no-repeat top; 
			float: left;
			}
			
			#success p { width: 314px; padding: 90px 0 0 10px; }
			#success strong { color: #5367aa; font-weight: bold; }
		
		#employee_info {
			width: 212px;
			height: 278px;
			background: url(../images/main/employee_info.gif) no-repeat; 
			float: left;
			}
			
			#employee_info p { padding: 90px 0 0 65px; width: 145px; }
		
		#employer_info {
			width: 234px;
			height: 278px;
			background: url(../images/main/employers_info.gif) no-repeat;
			float: left;
			}
			
			#employer_info p { padding: 90px 0 0 80px; width: 150px; }
	
	#bar {
		clear: left;
		width: 780px;
		height: 50px;
		background: url(../images/main/bar.gif) no-repeat; 
		}
	
	#footer {
		width: 780px;
		padding-top: 7px; 
		}
		
		#footer .links {
			float: left;
			padding-left: 5px;
			font-size: 11px;
			color: #1f3891;
			}
		
			#footer .links a { color: #1f3891; font-size: 11px; text-decoration: none; }
			#footer .links a:hover { text-decoration: underline; }
	
		#footer .copyright {
			float: right; 
			padding-right: 5px;
			font-size: 9px;
			color: #00224c; 
			}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}