#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}
	
	#menu-left{
		float: left;
		width: 255px;
		background: url(menu-left-bg.jpg) left top no-repeat #fff;
		padding: 0 0 220px 0;
		height: 600px
		}
		#menu-left #logo{
			float: left;
			padding: 46px 0 8px 60px;
			width: 160px;
			}
			#menu-left #logo a{
				float: left;
				padding: 0;
				width: 160px;
				}
		
		#menu-left div{
			float: left;
			width: 220px;
			margin: 0 0 5px 0;
			background: none;
			}
		
			#menu-left div a{
				float: left;
				width: 211px;
				/*color: #939ca3;*/
				color: #5c5c66;
				font-size: 85%;
				text-decoration: none;
				background-color: #dfe2e0;
				padding: 3px;
				text-align: right;
				}
			#menu-left div a:hover, #menu-left div a:focus{
				color: #8cabff;
				}
	
	
	#right-container{
		float: right;
		width: 705px;
		}
		#right-container #top-nav{
			float: left;
			width: 705px;
			margin: 58px 0 0 0;
			padding: 0;
			background: url(top-nav-bg.gif) left top repeat-x #32426e;
			}
			#right-container #top-nav li{
				float: left;
				padding: 0 10px 0 10px;
				font-size: 80%;
				color: #cbcbcb;
				height: 3em;
				}
			#right-container #top-nav #home-link{
				padding: 0 10px 0 1px;
				}
			#right-container #top-nav #home-link a{
				padding: 30px 5px 4px 10px;
				}
			
			#right-container #top-nav li a{
				float: left;
				padding: 30px 5px 4px 5px;
				color: #dedede;
				text-decoration: none;
				border-bottom: 13px solid #32426e;
				}
			
			#right-container #top-nav li #home-tab{
				background: url(../images/home-tab-bg.gif) left top no-repeat;
				}
			#right-container #top-nav li #candidate-challenge-tab{
				background: url(../images/candidate-challenge-tab-bg.gif) left top no-repeat;
				padding: 30px 45px 4px 5px;
				}
			#right-container #top-nav li #client-challenge-tab{
				background: url(../images/client-challenge-tab-bg.gif) left top no-repeat;
				}
			#right-container #top-nav li #contact-us-tab{
				background: url(../images/contact-us-tab-bg.gif) left top no-repeat;
				}
				
			#right-container #top-nav li a:hover, #right-container #top-nav li a:focus{
				border-bottom: 13px solid #8cabff;
				}
				
		
		#content-container{
			float: left;
			margin: 33px 0 0 0;
			width: 705px;
			}
			#content-container p img{
				float: left;
				}
			
			#content-container .titles{
				clear: both;
				padding: 0 0 6px 0;
				margin: 0;
				}
			
			#content-left{
				float: left;
				width: 340px;
				}
			
			#content-right{
				float: right;
				width: 320px;
				padding: 0 10px 10px 10px;
				background: #eaeceb;
				}
				#content-right p{
					float: left;
					font-size: 80%;
					line-height: 130%;
					padding: 0 0 10px 0;
					}
				
				#content-right .list-vacancies{
					float: left;
					margin: 0 0 20px 0;
					width: 320px;
					}
					#content-right .list-vacancies .vacancy-link-title{
						float: left;
						color: #0064af;
						font-size: 85%;
						font-weight: bold;
						padding: 0 0 3px 0;
						width: 320px;
						clear: both;
						}
					#content-right .list-vacancies a{
						color: #345ad0;
						font-size: 85%;
						}
	
		/*-----------Vacancies Listing---------------------*/
		#vacancies-listing-container{
			float: left;
			width: 705px;
			background-color: #e8ebea;
			}
			#job-listing-container{
				float: left;
				margin: 0 0 0 10px;
				width: 450px;
				display: inline;
				}
				.job-list-item{
					float: left;
					width: 448px;
					padding: 1px;
					background-color: #fff;
					margin: 0 0 10px 0;
					}
					#job-listing-container .job-list-item .titles{
						float: left;
						width: 428px;
						padding: 7px 10px 9px 10px;
						background-color: #32426e;
						font-weight: bold;
						color: #fff;
						font-size: 85%;
						}
						.job-list-item .titles a{
							float: left;
							width: 428px;
							display: block;
							color: #fff;
							}
						.job-list-item .titles a:hover, .job-list-item .titles a:focus{
							color: #8cabff;
							}
					.job-list-item p{
						float: left;
						width: 428px;
						padding: 7px 10px 10px 10px;
						line-height: 140%;
						}
						.job-list-item p a{
							color: #5459c1;
							}
							.job-list-item p a:hover, .job-list-item p a:focus{
								color: #32426e;
								}
			
			/*--------------Vacancy details page-----------------*/
			#apply-for-job-title{
				float: left;
				margin: 20px 0 0 0;
				width: 428px;
				padding: 7px 10px 9px 10px;
				background-color: #32426e;
				font-weight: bold;
				color: #fff;
				font-size: 85%;
				}
				#candidate-create{
					float: left;
					width: 428px;
					margin: 10px 0 0 10px;
					display: inline;
					}
					#candidate-create form{
						float: left;
						width: 100%;
						margin: 0;
						padding: 0;
						}
						#candidate-create ul{
							float: left;
							margin: 0;
							padding: 15px 0 15px 0;
							list-style: none;
							font-size: 90%;
							width: 100%;
							/*background-color: #e9eaee;*/
							}
						#candidate-create ul li{
							margin: 0;
							padding: 2px 0 2px 10px;
							clear: both;
							}
						
						#candidate-create label{
							float: left;
							width: 130px;
							text-align: right;
							padding: 3px 5px 0 0;
							margin: 0;
							}
						
						#candidate-create input{
							float: left;
							width: 260px;
							margin: 0;
							border: 1px solid #7f9db9;
							background-color: #fff;
							padding: 2px;
							}
						#candidate-create fieldset{
							border: 1px solid #c4c8d1;
							margin: 0 0 10px 0;
							background-color: #e9eaee;
							/*background-color: #fff;*/
							}
						
						#candidate-create fieldset legend{
							background-color: #fff;
							font-weight: bold;
							padding: 2px;
							border: 1px solid #c4c8d1;
							background-color: #fff;
							margin: 0 0 0 10px;
							display: inline;
							}
						
						#candidate-create #submit-your-enquiry{
							float: right;
							width: 162px;
							height: 25px;
							margin: 0 0 10px 0;
							border: none;
							padding: 0;
							}
			
			
			
			/*-------------Candidate Login------------------*/
			#login-container{
				float: left;
				width: 330px;
				margin: 0 0 0 10px;
				display: inline;
				}
				#login-container #sign_in{
					float: left;
					margin: 0 0 0 40px;
					display: inline;
					}
			
			#register-with-us-container{
				float: right;
				width: 335px;
				margin: 0 10px 0 0;
				display: inline;
				}
			
			
			/*------------Right boxes---------*/
			#refine-search-container{
				float: right;
				width: 225px;
				margin: 0 10px 0 0;
				display: inline;
				}
				.refine-search-item{
					float: left;
					width: 223px;
					padding: 1px;
					background: #fff;
					margin: 0 0 10px 0;
					}
					#refine-search-container .refine-search-item .titles{
						float: left;
						width: 203px;
						padding: 7px 10px 9px 10px;
						background-color: #32426e;
						font-weight: bold;
						color: #fff;
						font-size: 85%;
						}
						
					/*--------------Search Box----------------*/
					#refine-search-container #search{
						float: left;
						width: 203px;
						padding: 10px;
						}
					#search ul{
						float: left;
						padding: 0;
						margin: 0;
						list-style: none;
						font-size: 85%;
						}
						#search li{
							float: left;
							width: 203px;
							padding: 2px 0 2px 0;
							margin: 0;
							
							}
							#search label{
								float: left;
								width: 66px;
								text-align: right;
								padding: 3px 2px 0 0;
								margin: 0;
								}
							#search input{
								float: left;
								width: 129px;
								margin: 0;
								padding: 2px;
								font-size: 85%;
								border: 1px solid #7f9db9;
								}
							#search select{
								float: left;
								width: 135px;
								margin: 0;
								padding: 0;
								font-size: 85%;
								}
							#search #search-button-menu{
								float: right;
								width: 75px;
								height: 25px;
								margin: 0;
								padding: 3px 0 0 0;
								text-decoration: underline;
								color: #fff;
								border: none;
								}
					
					/*------------Register Box------------*/
					#register-box{
						float: left;
						width: 203px;
						padding: 10px;
						}
						#register-now-button{
							float: right;
							}
					
					
					/*----------Login / Edit details-------*/
					#sign_in{
						float: left;
						width: 203px;
						padding: 10px 10px 0 10px;
						display: inline;
						}
						#sign_in ul{
							float: left;
							width: 203px;
							}
							#sign_in ul li{
								float: left;
								width: 203px;
								font-size: 100%;
								padding: 3px 0 3px 0;
								}
							#sign_in ul li label{
								float: left;
								width: 60px;
								font-size: 85%;
								padding: 3px 3px 0 0;
								text-align: right;
								}
							#sign_in ul li input{
								float: left;
								width: 138px;
								font-size: 100%;
								background: #fff;
								padding: 0;
								border: 1px solid #7f9db9;
								}
							
							#sign_in ul li #login-button{
								float: right;
								border:  none;
								width: 73px;
								height: 25px;
								padding: 0 0 3px 0;
								}
								#sign_in ul li #forgotten-password{
									float: right;
									text-align: right;
									font-size: 80%;
									font-style: italic;
									padding: 0;
									color: #3a6d8e;
									}
	/*-----------------Register page long-------------------*/
	#register-container-long{
		float: left;
		width: 685px;
		padding: 0 10px 0 10px;
		}
		#register-container-long #candidate-create{
				float: left;
				width: 645px;
				margin: 10px 20px 0 20px;
				display: inline;
				}
				#register-container-long #candidate-create form{
					float: left;
					width: 100%;
					margin: 0;
					padding: 0;
					}
					#register-container-long #candidate-create ul{
						float: left;
						margin: 0 0 0 30px;
						display: inline;
						padding: 15px 0 15px 0;
						list-style: none;
						font-size: 90%;
						width: 585px;
						}
					#register-container-long #candidate-create ul li{
						margin: 0;
						padding: 2px 0 2px 10px;
						clear: both;
						}
					
					#register-container-long #candidate-create label{
						float: left;
						width: 160px;
						text-align: right;
						padding: 3px 5px 0 0;
						margin: 0;
						}
					#register-container-long #candidate-create .labels{
						float: left;
						width: 160px;
						text-align: right;
						padding: 0 10px 0 0;
						margin: 0;
						font-weight: bold;
						}
					
					#register-container-long #candidate-create input{
						float: left;
						width: 280px;
						margin: 0;
						border: 1px solid #7f9db9;
						background-color: #fff;
						padding: 2px;
						}
					#register-container-long #candidate-create .inputs{
						float: left;
						width: 280px;
						margin: 0;
						}
					#register-container-long #candidate-create #caption{
						float: left;
						font-size: 80%;
						margin: 0;
						padding: 5px 10px 10px 175px;
						font-style: italic;
						}
					#register-container-long #candidate-create #candidate_newsletter_li{
						float: left;
						font-size: 80%;
						text-align: left;
						margin: 0;
						padding: 2px 0 2px 175px;
						}
					#register-container-long #candidate-create #candidate_newsletter_li input{
						float: left;
						width: auto;
						background: transparent;
						padding: 0;
						margin: 0;
						border: none;
						}
					
					#register-container-long #candidate-create #candidate_newsletter_label{
						float: left;
						text-align: left;
						width: 300px;
						padding: 3px 0 0 5px;
						}
					#register-container-long #candidate-create fieldset{
						border: 1px solid #c4c8d1;
						margin: 0 0 20px 0;
						background-color: #e9eaee;
						/*background-color: #fff;*/
						}
					
					#register-container-long #candidate-create fieldset legend{
						background-color: #fff;
						font-weight: bold;
						padding: 2px;
						border: 1px solid #c4c8d1;
						background-color: #fff;
						margin: 0 0 0 10px;
						display: inline;
						}
					
					#register-container-long #candidate-create #register-now-button{
						float: left;
						width: 123px;
						height: 25px;
						margin: 0 0 10px 205px;
						display: inline;
						border: none;
						padding: 0;
						}		
			
			
			/*-------------Contact us page-------------------*/
			#contact-details{
				width:230px;
				padding: 20px 0 20px 20px;
				margin: 0 0 20px 0;
				font-size: 85%;
				}
				#contact-details ul{
					margin: 0;
					padding: 2px 0 20px 25px;
					position: relative;
					height: 1%;
					}
					#contact-details li{
						background: transparent;
						}
					#contact-details #postal-address{
						background: url(/templates/images/icons/address-b.gif) top left no-repeat transparent;
						}
					#contact-details #phone-number{
						background: url(/templates/images/icons/phone-b.gif) top left no-repeat transparent;
						}
					#contact-details #mobile-phone-number{
						background: url(/templates/images/icons/mobile-phone.gif) top left no-repeat transparent;
						}
					#contact-details #email-address{
						background: url(/templates/images/icons/email-b.gif) top left no-repeat transparent;
						}
		/*-----------contact form-------------*/
		/*--------------------------------------Contact Form--------------------------------*/
				#contact-form{
					width:308px;
					padding: 0 0 0 10px;
					margin: 0 0 20px 0;
					background-color: #f2f3f3;
					border: 1px solid #c5d1f1;
					}
				
				#contact-form ul{
					float: left;
					padding: 0 0 10px 0;
					margin: 5px 0 0 0;
					width: 308px;
					}
				#contact-form li{
					float: left;
					width: 300px;
					padding: 0 0 5px 0;
					margin: 5px 0 0 0;
					border-bottom: 1px dotted #c0c2d2;
					background: transparent;
					}
				
				#contact-form label{
					float: left;
					width: 60px;
					padding: 0 5px 0 0;
					margin: 3px 0 0 0;
					display: block;
					text-align: right;
					}
				
				#contact-form input{
					float: left;
					width: 233px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #7f9db9;
					background: #fff;
					}
				
				#contact-form select{
					float: left;
					width: 233px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #7f9db9;
					}
					
				#contact-form #contact-form-message{
					float: left;
					width: 298px;
					height: 100px;
					padding: 0 0 5px 0;
					margin: 0 0 0 0;
					border: 1px solid #7f9db9;
					}
				
				#contact-form #send-message-button{
					width: 151px;
					height: 25px;
					border: none;
					float: right;
					}
				
				#contact-form .warnings{
					padding: 5px 0px 3px 0px;
					font-size: 85%;
					color: #0066FF;
					margin: 0;
					}
				
				
				/*----------------VAT container-----------------*/
				#vat-container{
					clear: both;
					width:278px;
					padding: 20px;
					margin: 0 0 0 0;
					background-color: #f2f3f3;
					border: 1px solid #c5d1f1;
					font-size: 80%;
					}
				
				
				
				
				/*------------------Forgotten Password---------------*/
				#forgotten-password-container{
					float: left;
					width: 685px;
					padding: 10px;
					}
					#forgotten-password-container #forgotten_password{
						float: left;
						width: 535px;
						margin: 0 0 0 150px;
						display: inline;
						}
					#forgotten-password-container #forgotten_password li{
						float: left;
						clear: both;
						padding: 0 0 5px 0;
						}
					#forgotten-password-container #forgotten_password label{
						float: left;
						text-align: right;
						width: 80px;
						padding: 4px 5px 0 0;
						font-size: 85%;
						}
					#forgotten-password-container #forgotten_password input{
						float: left;
						width: 200px;
						padding: 2px;
						background: #fff;
						border: 1px solid #7f9db9;
						}
					#forgotten-password-container #forgotten_password #send-me-my-password-button{
						float: left;
						width: 182px;
						height: 25px;
						padding: 0;
						background: transparent;
						border: none;
						margin: 0 0 0 85px;
						display: inline;
						}
			
			/*----------edit your account----------*/
			#candidate-create #edit-account-form #apply-changes-button{
				float: left;
				border: none;
				padding: 0;
				width: 129px;
				height: 25px;
				margin: 0 0 0 205px;
				display: inline;
				}
			
	
			
	

/*--------------------FOOTER--------------------------------*/
		#footer{
			float: left;
			width: 705px;
			font-size: 80%;
			color: #cbcbcb;
			margin: 10px 0 0 0;
			padding: 2px 0 0 0;
			border-top: 1px solid #cbcbcb;
			}
		#footer li{
			float: left;
			}
		#footer li a{
			text-decoration: none;
			color: #cbcbcb;
			}
		
		#footer li a:hover, #footer li a:focus{
			text-decoration: none;
			color: #cbcbcb;
			}
				
				
				
