* { margin: 0; padding: 0; }
img { border: 0; }

body {
	background: #b7b3aa url(../images/bodybg.gif) repeat-x; 
	font-family: verdana;
	font-size: 10px;
	color: #fff;
	}

#wrapper {
	width: 821px;
	margin: 0 auto;
	}
	
	#top {
		width: 821px;
		height: 50px;
		padding: 30px 0 0 0;
		background: url(../images/top.gif) no-repeat bottom;
		}
		
		#left {
			width: 573px;
			float: left;
			}
			
			#left .textpad { padding: 20px 10px; }
			#left .container { width: 553px; }
			#left .left { clear: both; float: left; width: 150px; }
			#left .right { float: right; width: 403px; padding-bottom: 15px;}
			
			#nav {
				width: 573px;
				height: 20px;
				list-style-type: none; 
				}
				
				#nav li { float: left;}
					
				#nav li a span { display: none; }
						
				#nav li a {
					height: 20px;
					display: block;
					}
					
					#nav li a.clients {
						width: 90px;
						background: url(../images/button/clients.jpg) no-repeat;				
						}
					
					#nav li a.candidates {
						width: 122px;
						background: url(../images/button/candidates.jpg) no-repeat;				
						}
					
					#nav li a.searchjobs {
						width: 130px;
						background: url(../images/button/searchjobs.jpg) no-repeat;				
						}
					
					#nav li a.aboutus {
						width: 109px;
						background: url(../images/button/aboutus.jpg) no-repeat;				
						}
					
					#nav li a.contactus {
						width: 122px;
						background: url(../images/button/contactus.jpg) no-repeat;				
						}
			
			#header { 
				width: 573px;
				height: 153px;
				background: url(../images/header-main.jpg) no-repeat; 
				display: block;
				}
			
			#container {
				width: 573px;
				}
			
				#welcome {
					float: left; 
					width: 345px;
					height: 203px;
					background: url(../images/maintextbg.gif) no-repeat;
					}
					
					#welcome .textpad { padding: 40px 5px 0 18px; }
				
				#clients {
					float: left;
					width: 108px;
					height: 203px;
					}
					
					#clients img { width: 108px; height: 203px; }
				
				#candidates {
					float: left;
					width: 104px;
					height: 203px;
					}
					
					#candidates img  { width: 104px; height: 203px; }
				
				#searchjobs {
					float: left;
					width: 16px;
					height: 203px;
					background: url(../images/main-searchjobs.gif) no-repeat;
					}
			
		#right { 
			width: 248px;
			float: right; 
			color: #fff;
			}
			
			h1 a { 
				width: 248px;
				height: 173px;
				background: url(../images/logo.gif) no-repeat; 
				text-indent: -10000px;
				display: block;
				}
				
			#search {
				width: 248px;
				height: 203px;
				background: url(../images/main-right.gif) no-repeat;
				display: block;
				color: #000;
				}
				
				#search p { float: right; padding: 5px 20px 0 0}
				#search a { color: #004bff; }
				
				#search .searchjobs {
					list-style-type: none; 
					padding: 35px 0 0 70px;
					}
					
					#search .searchjobs li { background: url(../images/main-disc.gif) no-repeat; padding-left: 10px; }
				
				#search .apply {
					list-style-type: none;
					padding: 57px 0 0 70px;
					}
					
					#search .apply li { background: url(../images/main-disc.gif) no-repeat; padding-left: 10px; }
		
	#footer {
		clear: both;
		width: 821px;
		height: 50px;
		background: #b7b3aa url(../images/bottom.gif) no-repeat top;
		padding: 12px 0 0 0;
		overflow: hidden; 
		}
		
		#footer .one { padding-left: 67px; color: #808080; }
		#footer .two { padding-left: 67px; font-family: arial; font-size: 10px; color: #808080; }
		#footer .links { clear: both; color: #5b5955; text-align: center; padding-top: 16px; }
		#footer .links a { color: #5b5955; font-size: 10px; text-decoration: none; }
		#footer .links a:hover { text-decoration: underline; }
		#footer .links span { padding: 0 4px; }

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