#top-back{
	height: 231px;
	background: url(/templates/images/back-top.gif) center top no-repeat;
	}
#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}
	#navigation #logo{
		float: left;
		padding: 16px 0 17px 20px;
		width: 160px;
		}
		#navigation #logo a{
			float: left;
			padding: 0;
			width: 160px;
			}
		
		#navigation div{
			float: left;
			width: 220px;
			margin: 0 0 0 0;
			background: none;
			}
		
			#navigation div a{
				float: left;
				width: 211px;
				color: #5c5c66;
				font-size: 85%;
				text-decoration: none;
				padding: 3px;
				text-align: right;
				}
			#navigation div a:hover, #menu-left #navigation div a:focus{
				color: #8cabff;
				}
	

	
	
	/*--------Latest jobs homepage----*/
	
	#left-column{
		float: left;
		width: 250px;
		clear: left;
		}
	#content-width{
		float: left;
		width: 698px;
		background: url(/templates/images/job-listing-container-bg.gif) repeat-y #ededed;
		padding: 0;
		margin: 0 0 0 15px;
		}	
		#content-width h2{
				padding: 10px 0 0 20px;
				}
	/*-------------Side columns white------------*/
					.side-columns{
						float: left;
						width: 252px;
						margin: 0 0 10px 0;
						}
						.side-columns-top{
							float: left;
							width: 212px;
							background: url(../images/side-columns-bg-top.gif) left top no-repeat;
							height: 19px;
							padding: 6px 20px 6px 20px;
							}
						.side-columns-width{
							float: left;
							width: 212px;
							background: url(/templates/images/side-columns-bg-width.jpg) left top repeat-y #ededed;
							padding: 0 20px 0 20px;
							}
								.side-columns-width .latest-jobs{
									float: left;
									width: 200px;
									margin: 10px 0 10px 0;
									font-size: 100%;
									padding: 0;
									}
									.side-columns-width .latest-jobs li{
										float: left;
										padding: 0 0 5px 0;
										width: 200px;
										background: none;
										}
								.side-columns-width p{
									float: left;
									width: 230px;
									margin: 10px 0 0 0;
									font-size: 85%;
									}
									.side-columns-width .align-right{
										float: left;
										width: 230px;
										margin: 10px 0 0 0;
										font-size: 80%;
										text-align: right;
										}
						.side-columns-bottom{
							float: left;
							width: 250px;
							height: 14px;
							background: url(../images/side-columns-bg-bottom.gif) left top no-repeat;
							font-size: 0;
							}
							
							/*-----------Search panel---------*/
				#search-panel ul{
					float: left;
					padding: 0;
					margin: 10px 0 0 0;
					list-style: none;
					color: #5e5e5e;
					font-size: 100%;
					}
					#search-panel li{
						float: left;
						width: 230px;
						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: 136px;
							margin: 0;
							padding: 1px;
							background: #fff;
							border: 1px solid #d6d6d6;
							}
						#search-panel select{
							float: left;
							width: 140px;
							margin: 0;
							padding: 0;
							border: 1px solid #d6d6d6;
							font-size: 100%;
							}
						#search-panel #search-button-menu{
							float: right;
							width: 82px;
							height: 32px;
							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: 100%;
						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;
								padding: 2px 5px 0 0;
								}
							#login-panel-small input{
								float: left;
								width: 121px;
								text-align: left;
								padding: 1px;
								background: #fff;
								border: 1px solid #d9d9d9;
								}
								#login-panel-small #login-button-small{
									float: right;
									text-align: right;
									border: none;
									padding: 0;
									width: 72px;
									height: 32px;
									}
						#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;
								}
					
	/*--------End latest jobs homepage----*/
	

		#top-nav{
			float: left;
			width: 964px;
			margin: 0 0 0 0;
			padding: 0;
			background: url(/templates/images/top-nav-bg.gif) left top repeat-x;
			}
			#top-nav li{
				float: left;
				font-size: 80%;
				color: #cbcbcb;
				height: 46px;
				}
			 #top-nav #home-link{
				padding: 0 0 0 10px;
				}
			#top-nav li a{
				float: left;
				color: #dedede;
				text-decoration: none;
				margin: 0 0 0 0;
				padding: 0;
				}
				
		
		#content-container{
			float: left;
			margin: 9px 0 0 0;
			width: 964px;
			}
			#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---------------------*/
		
			#recent-projects{
				float: left;
				margin: 0 10px 9px 0;
				}
				#recent-projects #recent-top{
					background: url(/templates/images/recent-projects-top.gif);
					height: 31px;
					width: 602px;
					padding: 5px 20px 5px 20px;
					}
			#software{
				float: right;
				margin: 13px 42px 0 0;
				}
			#software1{
				padding: 10px 0 0 70px;
				float: left;
				}
			#main-content{
				float: left;
				clear: both;
				}
				#main-content #main-home-top{
					background: url(/templates/images/main-home-top.gif);
					height: 31px;
					width: 924px;
					padding: 5px 20px 5px 20px;
					float: left;
					}
				#main-content #main-top{
					background: url(/templates/images/main-top.gif);
					height: 31px;
					width: 924px;
					padding: 5px 20px 5px 20px;
					float: left;
					}
				#main-content #inner-content{
					padding: 0;
					background: url(/templates/images/content-back.gif) repeat-x #ededed;
					width: 960px;
					margin: 0 2px 0 2px;
					float: left;
					}
				#main-content #shadow{
					float: left;
					background: url(/templates/images/shadow.gif) top center repeat-y;
					width: 964px;
					}
				#main-content #main-bottom{
					background: url(/templates/images/main-bottom.gif) top center no-repeat #ededed;
					height: 15px;
					width: 964px;
					padding: 0;
					margin: 0 0 10px 0;
					float: left;
					}
				#main-content #job-management{
					float: left;
					width: 280px;
					background: url(/templates/images/line.gif) top right repeat-y #ededed;
					padding: 20px 20px 0 20px;
					}
				#main-content #testimonial{
					width: 280px;
					margin-left: 320px;
					background: url(/templates/images/line.gif) top right repeat-y #ededed;
					padding: 20px 20px 0 20px;
					}
				#free-trial{
					float: right;
					width: 280px;
					padding: 20px 20px 0 20px;
					}
					#footer-links{
						background: url(/templates/images/footler-links-bg.gif);
						width: 924px;
						height: 21px;
						float: left;
						padding: 6px 20px 6px 20px;
						}
						#footer-links a{
							color: #9E9F9F
							}
							#footer-links a:hover, #footer a:focus{
								color: #7b98aa;
								}
						.footer-links li{
							float: left;
							padding: 0 5px 5px 0;
							}
				
				#main-content #left-content{
					float: left;
					width: 600px;
					padding: 20px 20px 0 20px;
					background: url(/templates/images/line.gif) top right repeat-y #ededed;
					}
				#main-content #contact-form-container{
					float: right;
					width: 380px;
					padding: 20px 20px 0 20px;
					}
					#main-content li{
						padding: 0 0 0 20px;
						}
				#main-content .features-list {
					background: url(/templates/images/icons/tick.gif) left 3px no-repeat;
					padding: 0 0 10px 20px;
					}
				#main-content #candidate-features{
					background: url(/templates/images/features1.jpg) no-repeat;
					padding: 10px 200px 10px 10px;
					margin: 0 0 10px 0;
					height: 140px;
					}
				#main-content #features-for-consultants{
					background: url(/templates/images/features2.jpg) no-repeat;
					padding: 10px 200px 10px 10px;
					margin: 0 0 10px 0;
					height: 160px;
					}
				#main-content #new-in-version{
					background: url(/templates/images/features3.jpg) no-repeat;
					padding: 10px 200px 10px 10px;
					margin: 0 0 10px 0;
					height: 180px;
					}
				#main-content #further-website-features{
					background: url(/templates/images/features4.jpg) no-repeat;
					padding: 10px 200px 10px 10px;
					margin: 0 0 10px 0;
					height: 160px;
					}
				#main-content #server-requirements{
					background: url(/templates/images/features5.jpg) no-repeat;
					padding: 10px 200px 10px 10px;
					margin: 0 0 10px 0;
					height: 100px;
					}

				#main-content #contact-content{
					float: left;
					width: 500px;
					padding: 20px 20px 0 20px;
					background: url(/templates/images/line.gif) top right repeat-y #ededed;
					font-size: 110%;
					}
					#main-content #address {
						background: url(/templates/images/icons/address.gif) left 3px no-repeat;
						padding: 0 0 0 20px;
						width: 200px;
						float: left;
						}
					#main-content #tel-email-reg {
						float: right;
						}
						#main-content #email {
							padding: 0 0 0 20px;
							background: url(/templates/images/icons/email.gif) left 3px no-repeat;
							}
						#main-content #tel {
							padding: 0 0 0 20px;
							background: url(/templates/images/icons/tel.gif) left 3px no-repeat;
							}
						#main-content #reg {
							padding: 0 0 0 20px;
							}
				#main-content #custom {
					background: url(/templates/images/icons/design.gif) left 3px no-repeat;
					padding: 0 0 0 20px;
					}
				#main-content #domain {
					background: url(/templates/images/icons/web.gif) left 3px no-repeat;
					padding: 0 0 0 20px;
					}
				#main-content #seo {
					background: url(/templates/images/icons/search.gif) left 3px no-repeat;
					padding: 0 0 0 20px;
					}
				#main-content #slideshow{
					overflow: hidden;
					float: left;
					width: 600px;
					height: 120px;
					}
				#demo-banner {
					background: url(../images/demo-bg.gif) no-repeat;
					height: 155px;
					width: 960px;
					margin: 0 2px 15px 2px;
					padding: 0;
					}
					#demo-banner #left-content{
						float: left;
						width: 450px;
						padding: 20px 20px 0 20px;
						}
						#demo-banner #left-content img{
							padding: 0 0 20px 0;
							}
				
	
		/*-----------Vacancies Listing---------------------*/
		#vacancies-listing-container{
			float: left;
			width: 705px;
			background-color: #e8ebea;
			}
		#job-list-top{
			float: left;
			background: url(/templates/images/job-list-top.gif);
			height: 31px;
			width: 658px;
			padding: 5px 20px 5px 20px;
			}
		#job-list-bottom{
			float: left;
			background: url(/templates/images/job-list-bottom.gif);
			height: 14px;
			width: 698px;
			}
			#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;
								}
								#sorry{
									padding: 20px;
									float: left;
									}
			
			/*----------------Job results---------------*/
			.matching-results{
				float: left;
				width: 250px;
				font-size: 80%;
				margin: 10px 20px 0 20px;
				}
			.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: 653px;
						padding: 0 20px 0 20px;
						margin: 10px 0 0 2px;
						display: inline;
						background: url(/templates/images/hor-line.gif) repeat-x bottom left;
						}
						
					.job-listing-container .titles{
						clear: both;
						display: block;
						color: #7c98ab;
						font-weight: bold;
						padding: 2px 0 2px 5px;
						font-size: 110%;
						}
						.job-listing-container .titles a{
							color: #7c98ab;
							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: 648px;
							padding: 5px 0 5px 0;
							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: 648px;
								padding: 0 0 8px 0;
								margin: 0;
								line-height: 1.5;
								}
							#content-width .description ul{
								float: left;
								width: 648px;
								margin: 10px 0 0 20px;
								display: inline;
								}
								#content-width .description ul li{
									float: left;
									width: 580px;
									padding: 2px 0 2px 10px;
									background: url(../images/icons/list.gif) left center no-repeat;
									}
				
				.apply-for-job-container{
						float: left;
						width: 653px;
						padding: 5px 0 5px 0;
						margin: 0 0 0 20px;
						display: inline;
						}
						.apply-for-job-container h3{
							float: left;
							width: 460px;
							margin: 10px 0 3px 0;
							display: inline;
							font-size: 80%;
							}
						#content .apply-for-job-container p{
							float: left;
							width: 460px;
							padding: 0;
							margin: 0;
							}
						#form-top{
							background: url(../images/apply-for-job-top.gif) no-repeat;
							float: left;
							width: 462px;
							height: 10px;
							}
						#form-bottom{
							background: url(../images/apply-for-job-bottom.gif) no-repeat;
							float: left;
							width: 462px;
							height: 10px;
							}
						.apply-for-job-container ul{
							float: left;
							width: 440px;
							background-color: #fff;
							border-left: 1px solid #d8d8d8;
							border-right: 1px solid #d8d8d8;
							padding: 15px 10px 15px 10px;
							}
							.apply-for-job-container ul li{
								float: left;
								width: 440px;
								padding: 3px 0 3px 0;
								}
								
								.apply-for-job-container label{	
									float: left;
									width: 120px;
									color: #5e5e5e;
									font-size: 100%;
									text-align: right;
									padding: 2px 3px 0 0;
									}
									.apply-for-job-container input{	
										float: left;
										width: 298px;
										background-color: #fff;
										border: 1px solid #e2e2e2;
										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: 136px;
										height: 32px;
										border: none;
										padding: 0;
										margin: 10px 0 0 0;
										clear: left;
										}
										.apply-for-job-container #register-now{	
											clear: left;
											}
									#apply-for-this-job-button-logged-in{	
										float: left;
										width: 136px;
										height: 32px;
										border: none;
										padding: 0 0 0 20px;
										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;
										}
									#content-width #cms-page{
										padding: 20px 20px 0 20px;
										margin: 0;
										float: left;
										}
						
						
						/*---------------Candidate registration--------------*/
						#register-now{	
							float: left;
							width: 135px;
							height: 32px;
							border: none;
							padding: 0;
							margin: 10px 0 0 0;
							}
							
						#updated-now{	
							float: left;
							width: 193px;
							height: 32px;
							border: none;
							padding: 0;
							margin: 10px 0 0 0;
							clear: left;
							}
							
						/*---------------Forgotten Password--------------*/
						#forgotten-password-form{
							float: left;
							padding: 25px 0 25px 0;
							}
						#send-me-my-password{	
							float: left;
							width: 183px;
							height: 32px;
							border: none;
							padding: 0;
							margin: 5px 0 0 111px;
							display: inline;
							}
			
			
		/*--------------------------------------Contact Form--------------------------------*/
				#contact-form{
					width:380px;
					padding: 0;
					margin: 0;
					background-color: #f2f3f3;
					}
				
				#contact-form ul{
					float: left;
					padding: 0 0 10px 0;
					margin: 0;
					width: 380px;
					}
				#contact-form li{
					float: left;
					padding: 0;
					margin: 5px 0 5px 0;
					background: transparent;
					}
				
				#contact-form label{
					float: left;
					padding: 0;
					margin: 3px 0 0 0;
					display: block;
					text-align: left;
					width: 65px;
					}
				
				#contact-form input{
					float: left;
					width: 295px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					background: #fff;
					font-size: 100%;
					}
				
				#contact-form select{
					float: left;
					width: 295px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					}
					
				#contact-form #enquiry_content{
					float: left;
					width: 295px;
					height: 100px;
					padding: 0 0 5px 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					}
				
				#contact-form #submit-your-enquiry-button{
					width: 82px;
					height: 32px;
					border: none;
					float: right;
					margin: 0 10px 0 0;
					}
				
				#contact-form .warnings{
					padding: 5px 0px 3px 0px;
					color: #0066FF;
					margin: 0;
					}
					.form_sent{
						font-weight:bold;
						color:#33CC00;
						}
					.form_warnings{
						font-weight: bold;
						color: #FF0000;
						margin: 0;
						padding: 0;
						}
					#thank-you{
						font-weight: bold;
						color: #33CC00;
						}
				/*---------------Free Trial------------------*/
				
				#free-trial #contact-form{
					width:288px;
					padding: 0;
					margin: 0;
					background-color: #f2f3f3;
					}
				#demo-banner #free-trial{
					padding: 15px 15px 0 0;
					}
				
				#free-trial #contact-form ul{
					float: left;
					padding: 0 0 10px 0;
					margin: 0;
					width: 288px;
					}
				#free-trial #contact-form li{
					float: left;
					padding: 0;
					margin: 5px 0 5px 0;
					background: transparent;
					}
				
				#free-trial #contact-form label{
					float: left;
					padding: 0;
					margin: 3px 0 0 0;
					display: block;
					text-align: left;
					width: 55px;
					}
				
				#free-trial #contact-form input{
					float: left;
					width: 213px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					background: #fff;
					font-size: 100%;
					}
				
				#free-trial #contact-form select{
					float: left;
					width: 213px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					}
					
				#free-trial #contact-form #enquiry_content{
					float: left;
					width: 213px;
					height: 100px;
					padding: 0 0 5px 0;
					margin: 0 0 0 0;
					border: 1px solid #d8d8d8;
					}
				
				#free-trial #contact-form #submit-your-enquiry-button{
					width: 82px;
					height: 32px;
					border: none;
					float: right;
					margin: 0 10px 0 0;
					}
				
				#free-trial #contact-form .warnings{
					padding: 5px 0px 3px 0px;
					color: #0066FF;
					margin: 0;
					}
					#free-trial .form_sent{
						font-weight:bold;
						color:#33CC00;
						width: 180px;
						float: right;
						}
					#free-trial .form_warnings{
						font-weight: bold;
						color: #FF0000;
						margin: 0;
						padding: 0;
						}
					#free-trial #thank-you{
						font-weight: bold;
						color: #33CC00;
						}
				#free-trial #register_website{
					display: none;
					}
				
				/*----------------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: 924px;
	color: #9e9f9f;
	margin: 10px auto 0 auto;
	padding: 0 20px 0 20px;
	}
	#footer a{
		color: #fff;
		font-weight: bold;
		}
		#footer a:hover, #footer a:focus{
		color: #7b98aa;
		}
	#footer p{
		padding: 0 0 10px 0;
		}