/*-------------------------Top Bar---------------------*/
#top-bar{
	float: left;
	width: 100%;
	background: url(../images/top-bar-repeat.gif) bottom left repeat-x #0b3755;
	}
	#top-bar-centered{
		margin: 0px auto;
		width: 960px;
		padding: 0;
		}
		#top-bar-centered-bg{
			float: left;
			width: 960px;
			padding: 0;
			background: url(../images/top-bar-centered-bg.gif) bottom left no-repeat;
			}
			#top-bar-left{
				float: left;
				background: none;
				margin: 0 0 0 10px;
				display: inline;
				}
				#skip-content{
					color: #fff;
					padding: 4px 0 5px 0;
					font-size: 80%;
					}
					#skip-content:hover, #skip-content:focus{
						text-decoration: underline;
						}
			#top-bar-right{
				float: right;
				background: none;
				color: #fff;
				font-size: 80%;
				margin: 0 20px 0 0;
				display: inline;
				padding: 4px 0 5px 0;
				}
				#top-bar-right a{
					color: #fff;
					}
					#top-bar-right a:hover, #top-bar-right a:focus{
						text-decoration: underline;
						}

/*--------------Main background-----------------*/
#main-bg{
	float: left;
	width: 100%;
	background: url(../images/main-bg.jpg) top center no-repeat;
	height: 800px;
	}
				

#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}
		
		/*---------------Header-------------*/
		#header{
			float: left;
			width: 960px;
			padding: 0;
			margin: 0;
			}
			#header #logo{
				float: left;
				width: 160px;
				}
				#header #logo img{
					float: left;
					}
			
			#header-right{
				float: left;
				width: 800px;
				}
			#header-right img{
				float: left;
				
				}
		
		/*--------------Main container background---------*/
		#main-container-bg{
			float: left;
			width: 960px;
			background: url(../images/main-container-bg.jpg) left 25px no-repeat;
			margin: 0;
			padding: 0;
			}
		
		/*---------Main nav-------------*/
			
				
			#main-nav{
				float: left;
				width: 960px;
				background: transparent;
				margin: 0;
				padding: 0;
				}
				#main-nav li{
					float: left;
					display: inline;
					}
				#main-nav li a{
					float: left;
					font-size: 85%;
					color: #fff;
					text-decoration: none;
					}
				
				#main-nav li a:hover, #main-nav li a:focus{
					color: #fff;
					text-decoration: underline;
					}
				#main-nav .partners{
					float: left;
					width: 160px;
					}
					#main-nav .partners a{
						padding: 0;
						}
				#main-nav .home a{
					float: left;
					width: 83px;
					padding: 28px 5px 5px 0;
					background: url(../images/home-bg.jpg) left top no-repeat;
					}
				#main-nav .candidates a{
					float: left;
					width: 124px;
					padding: 28px 5px 5px 0;
					background: url(../images/candidates-bg.jpg) left top no-repeat;
					}
				#main-nav .clients a{
					float: left;
					width: 121px;
					padding: 28px 5px 5px 0;
					background: url(../images/clients-bg.jpg) left top no-repeat;
					}
				#main-nav .news a{
					float: left;
					width: 85px;
					padding: 28px 5px 5px 0;
					background: url(../images/news-bg.jpg) left top no-repeat;
					}
				#main-nav .about a{
					float: left;
					width: 95px;
					padding: 28px 5px 5px 0;
					background: url(../images/about-bg.jpg) left top no-repeat;
					}
				#main-nav .advice a{
					float: left;
					width: 126px;
					padding: 28px 5px 5px 0;
					background: url(../images/advice-bg.jpg) left top no-repeat;
					}
				#main-nav .contact a{
					float: left;
					width: 131px;
					padding: 28px 5px 5px 0;
					background: url(../images/contact-bg.jpg) left top no-repeat;
					}
			
			
		/*----------------Main container---------------*/
			#main-container{
				float: left;
				width: 960px;
				background: transparent;
				margin: 5px 0 0 0;
				}
				
				#left-column{
					float: left;
					width: 220px;
					}
				#right-column{
					float: right;
					width: 220px;
					}
					
					/*-------------Side columns white------------*/
					.side-columns{
						float: left;
						width: 220px;
						margin: 0 0 10px 0;
						}
						.side-columns-top{
							float: left;
							width: 220px;
							background: url(../images/side-columns-bg-top.gif) left top no-repeat;
							height: 10px;
							font-size: 0;
							}
						.side-columns-width{
							float: left;
							width: 200px;
							background: url(../images/side-columns-bg-width.jpg) left top no-repeat #fff;
							padding: 0 10px 0 10px;
							}
							.side-columns-width .titles{
								float: left;
								width: 200px;
								font-size: 150%;
								font-family: Arial, Verdana, Helvetica, sans-serif;
								color: #326685;
								background: url(../images/side-columns-titles-line.jpg) left bottom no-repeat;
								padding: 0 0 3px 0;
								margin: 0 0 0 0;
								}
								.side-columns-width .latest-jobs{
									float: left;
									width: 200px;
									margin: 10px 0 10px 0;
									font-size: 85%;
									}
									.side-columns-width .latest-jobs li{
										float: left;
										padding: 1px 0 1px 10px;
										width: 190px;
										background: none;
										}
									.side-columns-width .latest-jobs .titles{
										float: left;
										font-weight: bold;
										padding: 0 0 0 10px;
										width: 190px;
										font-size: 100%;
										background: url(../images/icons/menu-arrows.gif) left 3px no-repeat transparent;
										}
								.side-columns-width p{
									float: left;
									width: 200px;
									margin: 10px 0 0 0;
									font-size: 85%;
									}
									.side-columns-width .align-right{
										float: left;
										width: 200px;
										margin: 10px 0 0 0;
										font-size: 80%;
										text-align: right;
										}
						.side-columns-bottom{
							float: left;
							width: 220px;
							height: 10px;
							background: url(../images/side-columns-bg-bottom.gif) left top no-repeat;
							font-size: 0;
							}
					
					/*-------------Side columns dark------------*/
					.side-columns-dark{
						float: left;
						width: 220px;
						margin: 0 0 10px 0;
						}
						.side-columns-dark-top{
							float: left;
							width: 220px;
							background: url(../images/side-columns-dark-bg-top.gif) left top no-repeat;
							height: 10px;
							font-size: 0;
							}
						.side-columns-dark-width{
							float: left;
							width: 200px;
							background: url(../images/side-columns-dark-bg-width.jpg) left top no-repeat #092232;
							padding: 0 10px 0 10px;
							}
							.side-columns-dark-width .titles{
								float: left;
								width: 200px;
								font-size: 150%;
								font-family: Arial, Verdana, Helvetica, sans-serif;
								color: #fff;
								background: url(../images/side-columns-dark-titles-line.jpg) left bottom no-repeat;
								padding: 0 0 3px 0;
								margin: 0 0 0 0;
								}
								
						.side-columns-dark-bottom{
							float: left;
							width: 220px;
							height: 10px;
							background: url(../images/side-columns-dark-bg-bottom.gif) left top no-repeat;
							font-size: 0;
							}
						
						
						/*------------Contact us panel------------*/
						#contact-us-panel{
							float: left;
							width: 200px;
							color: #fff;
							margin: 10px 0 10px 0;
							font-size: 85%;
							}
							#contact-us-panel li{
								float: left;
								width: 200px;
								padding: 4px 0 3px 0;
								}
							#contact-us-panel a{
								color: #00ceff;
								}
						
						
				/*-----------Search panel---------*/
				#search-panel ul{
					float: left;
					padding: 0;
					margin: 10px 0 0 0;
					list-style: none;
					color: #fff;
					font-size: 80%;
					font-weight: bold;
					}
					#search-panel li{
						float: left;
						width: 200px;
						padding: 2px 0 3px 0;
						margin: 0;
						}
						#search-panel label{
							float: left;
							width: 66px;
							text-align: right;
							padding: 3px 2px 0 0;
							margin: 0;
							}
						#search-panel input{
							float: left;
							width: 128px;
							margin: 0;
							padding: 1px;
							background: #fff;
							border: 1px solid #00ceff;
							}
						#search-panel select{
							float: left;
							width: 132px;
							margin: 0;
							padding: 0;
							border: 1px solid #00ceff;
							font-size: 85%;
							}
						#search-panel #search-button-menu{
							float: right;
							width: 90px;
							height: 22px;
							margin: 0;
							padding: 3px 0 0 0;
							text-decoration: underline;
							color: #fff;
							background: transparent;
							border: none;
							}
							
						#search-panel #search #jobs, #location, #salary, #keyword{
							font-size: 100%;
						}
					
				
				/*--------Login panel small---------*/
					#login-panel-small{
						float: left;
						width: 200px;
						text-align: right;
						font-size: 85%;
						margin: 10px 0 0 0;
						padding: 0;
						}
						#login-panel-small li{
							float: left;
							width: 200px;
							padding: 2px 0 2px 0;
							}
							#login-panel-small label{
								float: left;
								width: 70px;
								text-align: right;
								font-weight: bold;
								padding: 2px 5px 0 0;
								}
							#login-panel-small input{
								float: left;
								width: 121px;
								text-align: left;
								padding: 1px;
								background: #fff;
								border: 1px solid #00ceff;
								}
								#login-panel-small #login-button-small{
									float: right;
									text-align: right;
									border: none;
									padding: 0;
									width: 90px;
									height: 22px;
									}
						#login-panel-small #logged-in-small{
							float: left;
							text-align: left;
							}
							#update-button-small{
								margin: 10px 0 0 0;
								}
								
				/*--------Login panel large---------*/
					#login-panel-large{
						float: left;
						width: 200px;
						text-align: right;
						font-size: 85%;
						margin: 10px 0 0 0;
						padding: 0;
						}
						#login-panel-large li{
							float: left;
							width: 200px;
							padding: 2px 0 2px 0;
							}
							#login-panel-large label{
								float: left;
								width: 70px;
								text-align: right;
								font-weight: bold;
								padding: 2px 5px 0 0;
								}
							#login-panel-large input{
								float: left;
								width: 121px;
								text-align: left;
								padding: 1px;
								background: #fff;
								border: 1px solid #00ceff;
								}
								#login-panel-large #login-button-large{
									float: right;
									text-align: right;
									border: none;
									padding: 0;
									width: 90px;
									height: 22px;
									}
						#login-panel-large #logged-in-large{
							float: left;
							text-align: left;
							}
							#update-button-large{
								margin: 10px 0 0 0;
								}
				
					
	/*----------------------Content--------------------------*/					
				
				#content{
					float: left;
					width: 500px;
					margin: 0 0 0 10px;
					display: inline;
					}
					#content-top{
						float: left;
						width: 500px;
						background: url(../images/content-bg-top.gif) left top no-repeat transparent;
						height: 10px;
						font-size: 0;
						}
					#content-width{
						float: left;
						width: 480px;
						background: #fff;
						padding: 0 10px 0 10px;
						}
						
						#content-width p{
							clear: both;
							width: 480px;
							font-size: 85%;
							line-height: 1.7;
							margin: 10px 0 0 0;
							}
						
						
					#content-bottom{
						float: left;
						width: 500px;
						background: url(../images/content-bg-bottom.gif) left top no-repeat transparent;
						height: 10px;
						font-size: 0;
						}
						
		/*-------------------homepage-------------------*/
		#content-width #homepage-video{
			float: left;
			width: 480px;
			margin: 0 0 10px 0;
			}
		
		#content-width .job-homepage-container{
			float: left;
			width: 480px;
			margin: 10px 0 0 0;
			}
			#content-width .job-homepage-container .zone-image{
				float: left;
				width: 120px;
				height: 120px;
				background: url(../images/homepage-zone-image-bg.gif.gif) left top no-repeat;
				margin: 0 5px 0 0;
				display: inline;
				}
				#content-width .job-homepage-container .zone-image img{
					float: left;
					padding: 10px 0 0 10px;
					}
			
			#content-width .job-homepage-container .zone-description{
				float: left;
				width: 355px;
				}
				#content-width .job-homepage-container .zone-description .titles{
					clear: both;
					width: 355px;
					color: #326685;
					font-size: 100%;
					font-weight: bold;
					padding: 3px 0 0 0;
					margin: 0 0 5px 0;
					clear: both;
					border-bottom: 1px solid #326685;
					}
					#content-width .job-homepage-container .zone-description .titles a{
						display: block;
						padding: 2px 0 2px 0;
						color: #326685;
						text-decoration: none;
						}
					#content-width .job-homepage-container .zone-description .titles a:hover, #content-width .job-homepage-container .zone-description .titles a:focus{
						background-color: #e2ecee;
						display: block;
						}
				#content-width .job-homepage-container .zone-description p{
					clear: both;
					width: 355px;
					line-height: 1.6;
					margin: 0;
					}
				
				
			
			/*----------------Job results---------------*/
			.matching-results{
				float: left;
				width: 250px;
				font-size: 80%;
				margin: 10px 0 0 0;
				}
			.pagging{
				float: right;
				width: 200px;
				font-size: 80%;
				margin: 10px 0 0 0;
				text-align: right;
				font-weight: bold;
				}
				.pagging a{
					font-weight: normal;
					text-decoration: none;
					}
				.pagging a:hover, .pagging a:focus{
					text-decoration: underline;
					}
					
					.job-listing-container{
						float: left;
						width: 476px;
						background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
						padding: 2px;
						margin: 10px 0 0 0;
						display: inline;
						}
					.job-listing-container .titles{
						clear: both;
						display: block;
						background: url(../images/job-listing-titles.gif) left top repeat-x #2e678b;
						color: #fff;
						font-weight: bold;
						padding: 2px 0 2px 5px;
						}
						.job-listing-container .titles a{
							color: #fff;
							text-decoration: none;
							}
							.job-listing-container .titles a:hover, .job-listing-container .titles a:focus{
							text-decoration: underline;
							}
						#content-width .job-listing-container .description {
							float: left;
							width: 466px;
							padding: 5px;
							margin: 1px 0 0 0;
/*							background: url(../images/job-listing-titles-underline.jpg) left top no-repeat;
*/							}
							#content-width .job-listing-container .description p{
								float: left;
								width: 466px;
								padding: 0 0 8px 0;
								margin: 0;
								line-height: 1.5;
								}
							#content-width .description ul{
								float: left;
								width: 446px;
								margin: 10px 0 0 20px;
								display: inline;
								}
								#content-width .description ul li{
									float: left;
									width: 436px;
									padding: 2px 0 2px 10px;
									background: url(../images/icons/list.gif) left center no-repeat;
									}
				
				.apply-for-job-container{
						float: left;
						width: 460px;
						background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
						padding: 10px;
						margin: 10px 0 0 0;
						display: inline;
						}
						.apply-for-job-container h3{
							float: left;
							width: 460px;
							margin: 30px 0 3px 0;
							display: inline;
							font-size: 80%;
							}
						#content .apply-for-job-container p{
							float: left;
							width: 460px;
							padding: 0;
							margin: 0;
							}
						
						.apply-for-job-container ul{
							float: left;
							width: 418px;
							background-color: #d5e6ea;
							border: 1px solid #c4dbe0;
							padding: 30px 30px 30px 10px;
							}
							.apply-for-job-container ul li{
								float: left;
								width: 418px;
								padding: 3px 0 3px 0;
								}
								
								.apply-for-job-container label{	
									float: left;
									width: 107px;
									color: #326685;
									font-weight: bold;
									font-size: 80%;
									text-align: right;
									padding: 2px 3px 0 0;
									}
									.apply-for-job-container input{	
										float: left;
										width: 298px;
										background-color: #fff;
										border: 1px solid #c4dbe0;
										font-weight: normal;
										font-size: 90%;
										padding: 2px;
										}
									.apply-for-job-container #upload_file{	
										float: left;
										width: 300px;
										background-color: #fff;
										border: 1px solid #c4dbe0;
										font-weight: normal;
										font-size: 90%;
										padding: 2px;
										}
									
									.apply-for-job-container #apply-for-this-job-button{	
										float: left;
										width: 169px;
										height: 22px;
										border: none;
										padding: 0;
										margin: 10px 0 0 0;
										}
									#apply-for-this-job-button-logged-in{	
										float: left;
										width: 169px;
										height: 22px;
										border: none;
										padding: 0;
										margin: 10px 0 0 0;
										}
									
									.apply-for-job-container #candidate_newsletter{
										float: left;
										border: none;
										background: transparent;
										width: auto;
										margin: 0 0 0 110px;
										display: inline;
										}
									.apply-for-job-container #candidate_newsletter_label{
										float: left;
										width: 200px;
										text-align: left;
										margin: 0 0 0 3px;
										display: inline;
										}
									
						
						
						/*---------------Candidate registration--------------*/
						#register-now{	
							float: left;
							width: 139px;
							height: 22px;
							border: none;
							padding: 0;
							margin: 10px 0 0 0;
							}
							
						#updated-now{	
							float: left;
							width: 165px;
							height: 22px;
							border: none;
							padding: 0;
							margin: 10px 0 0 0;
							}
							
						/*---------------Forgotten Password--------------*/
						#forgotten-password-form{
							float: left;
							padding: 25px 0 25px 0;
							}
						#send-me-my-password{	
							float: left;
							width: 193px;
							height: 22px;
							border: none;
							padding: 0;
							margin: 5px 0 0 111px;
							display: inline;
							}
						
						
						
						/*-----------------Contact us----------------------*/
						#contact-details{
							float: left;
							width:460px;
							padding: 10px;
							margin: 10px 0 20px 0;
							background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
							}
							#contact-details p{
								clear: both;
								width: 456px;
								padding: 0 0 20px 0;
								margin: 0;
								}
							#contact-details ul{
								float: left;
								width: 356px;
								margin: 10px 0 0 80px;
								padding: 1px 0 20px 0;
								display: inline;
								}
								#contact-details ul li{
									padding: 0 0 0 25px;
									}
								*html #contact-details ul li{
									padding: 0 0 0 10px;
									}
								#contact-details #postal-address{
									background: url(/templates/images/icons/address.gif) top left no-repeat transparent;
									}
								#contact-details #phone-number{
									background: url(/templates/images/icons/phone.gif) top left no-repeat transparent;
									}
								#contact-details #fax-number{
									background: url(/templates/images/icons/fax.gif) top left no-repeat transparent;
									}
								#contact-details #email-address{
									background: url(/templates/images/icons/email.gif) top left no-repeat transparent;
									}
									
							
						/*--------contact form-----------*/
						#contact-form{
							float: left;
							width:460px;
							padding: 10px;
							margin: 10px 0 0 0;
							background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
							}
							#contact-form p{
								clear: both;
								width: 456px;
								padding: 0 0 20px 0;
								margin: 0;
								}
								#contact-form ul{
									float: left;
									width: 420px;
									padding: 30px 0 30px 10px;
									}
									
									#contact-form ul li{
										float: left;
										width: 428px;
										padding: 5px 0 5px 0;
										}
										
										#contact-form label{	
											float: left;
											width: 80px;
											color: #326685;
											font-weight: bold;
											font-size: 80%;
											text-align: right;
											padding: 2px 3px 0 0;
											}
											#contact-form input{	
												float: left;
												width: 300px;
												background-color: #fff;
												border: 1px solid #c4dbe0;
												font-weight: normal;
												font-size: 90%;
												padding: 2px;
												}
											#contact-form textarea{	
												float: left;
												width: 300px;
												background-color: #fff;
												border: 1px solid #c4dbe0;
												font-weight: normal;
												font-size: 90%;
												padding: 2px;
												height: 150px;
												}
											
											#contact-form #submit-your-enquiry-button{	
												float: left;
												width: 182px;
												height: 22px;
												border: none;
												padding: 0;
												background: transparent;
												margin: 0 0 0 83px;
												display: inline;
												}
												
							/*-------------Where to find us----------------*/
							#where-to-find-us{
								float: left;
								width:460px;
								padding: 10px;
								margin: 10px 0 0 0;
								background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
								}
								#where-to-find-us img{
									float: left;
									}
									
							
							/*----------Company number-------------*/
							#company-number{
								float: left;
								width:460px;
								padding: 10px;
								margin: 10px 0 0 0;
								background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
								font-size: 80%;
								}
								
								
							
							
		/*---------------------Login-------------------------*/
			#content-width .login-containers{
				float: left;
				width:460px;
				padding: 10px;
				margin: 10px 0 0 0;
				background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
				}
				#content-width .login-containers p{
					clear: both;
					width: 460px;
					padding: 0 0 20px 0;
					margin: 0;
					}
					#content-width .login-containers ul{
						float: left;
						width: 420px;
						padding: 10px 0 20px 10px;
						}
						
						#content-width .login-containers ul li{
							float: left;
							width: 428px;
							padding: 2px 0 2px 0;
							}
							
							#content-width .login-containers label{	
								float: left;
								width: 80px;
								color: #326685;
								font-weight: bold;
								font-size: 80%;
								text-align: right;
								padding: 2px 3px 0 0;
								}
								#content-width .login-containers input{	
									float: left;
									width: 300px;
									background-color: #fff;
									border: 1px solid #c4dbe0;
									font-weight: normal;
									font-size: 90%;
									padding: 2px;
									}
								
								#content-width .login-containers #login-button{	
									float: left;
									width: 90px;
									height: 22px;
									border: none;
									padding: 0;
									background: transparent;
									margin: 0 0 0 83px;
									display: inline;
									}
								
								
			
			/*------------------CMS page--------------------*/
			#cms-page{
				float: left;
				width: 480px;
				}
				#cms-page p{
					clear: both;
					width: 480px;
					padding: 0 0 10px 0;
					margin: 0;
					}
					#cms-page ul, #cms-page ol{
						float: left;
						width: 460px;
						margin: 15px 0 20px 20px;
						display: inline;
						font-size: 85%;
						}
						#cms-page li{
							float: left;
							width: 450px;
							padding: 3px 0 3px 10px;
							background: url(../images/icons/list.gif) left center no-repeat;
							}
				#cms-page h3{
					clear: both;
					width: 480px;
					margin: 0 0 0 0;
					padding: 20px 0 0 0;
					font-size: 90%;
					}
				#cms-page h4{
					clear: both;
					display: block;
					background: url(/templates/images/job-listing-titles.gif) left top repeat-x #2e678b;
					color: #fff;
					font-weight: bold;
					padding: 2px 0 2px 5px;
					font-size: 80%;
				}
/*-----------------FOOTERS-----------------------------------*/
	#footer{
		float: left;
		width: 960px;
		margin: 100px 0 0 0;
		padding: 0 0 130px 0;
		color: #fff;		
		font-size: 70%;
		background: url(../images/footer-bg.jpg) left top no-repeat;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 245px;
			margin: 0 0 0 230px;
			display: inline;
			padding: 10px 0 5px 5px;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				color: #fff;
				}
			#footer-left a:hover, #footer-left a:focus{
				text-decoration: underline;
				}
		
		#footer-right{
			float: right;
			width: 245px;
			text-align: right;
			padding: 10px 0 0 0;
			margin: 0 230px 0 0;
			display: inline;
			}
			#footer-right a{
				color: #fff;
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}