/*-------------------------Top Bar---------------------*/
#top-bar{
	float: left;
	width: 100%;
	/*background: url(../images/main-bg.jpg) top center repeat-y;*/

	}
	#top-bar-centered{
		margin: 0px auto;
		width: 940px;
		padding: 0;
		}
		#top-bar-centered-bg{
			float: left;
			width: 940px;
			padding: 0;
			}
			#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%;
	}
				

#center-interface{
	margin: 0px auto;
	width: 940px;
	padding: 0 0 0 0;
	}
		
		/*---------------Header-------------*/
		#header{
			float: left;
			width: 940px;
			padding: 0 0 0 0px;
			margin: 0;
			background: url(../images/header.jpg) top left no-repeat;
			}
			#header #logo{
				float: left;
				width: 358px;
				}
				#header #logo img{
					float: left;
					}
			
			/*#header-right{
				float: left;
				width: 800px;
				}
			#header-right img{
				float: left;
				
				}*/
		
		/*--------------Main container background---------*/
		
			#main-container-bg{
				margin:auto 0px;
				float: left;
				width: 940px;
				background: url(../images/main-container-bg.jpg) top left repeat-y;
				}
		
		/*---------Main nav-------------*/
		
		/*---------Search-------------*/
			
			
		
		
			/*------------Top nav------------------*/
	#top-nav{
		position:relative;
		/*height:30px;*/
		float: left;
		width: 940px;
		background: url(../images/nav-bg.jpg) top left no-repeat;
		margin: 0 0 0px 0;
		padding: 0 0 10px 0;
		/*border:1px solid red;*/
		}
		
	*html #top-nav{
		position:relative;
		/*height:30px;*/
		/*float: left;*/
		width: 940px;
		background: url(../images/nav-bg.jpg) top left no-repeat;
		margin: 0 0 0px 0;
		padding: 0px 0 29px 0px;
		/*border:1px solid red;*/
		}
	
	#search{
		padding:5px 0 0 0px;
		margin:0;
		width:300px;
		float:left;
		/*border:1px solid red;*/
		}
	#search #search-ul{
		float:left;
		width:300px;
		padding:0;
		margin:0;
		}
	#search .search-li{
		float:left;
		}
	#search label{
		color:#fff;
		font-size:85%;
		padding:3px 0 0 10px
		}
		
	#search #search-box{
		border:1px solid #015FA7;
		width:160px;
		background-color:#fff;
		font-size:85%;
		height:15px;
		margin:0 0px 0 0;
		padding:3px 0 0px 0;
		}
		
	#search #search-button{
		/*float:left;*/
		height:18px;
		width:40px;
		padding:0 0 0 5px;
		}
		
	input#SearchForm_SearchForm_Search {
		border:1px solid #015FA7;
		width:144px;
		background-color:#fff;
		font-size:85%;
		height:15px;
		margin:0 0px 0 0;
		padding:3px 0 0px 0;
		float:left;
	}
	
	#SearchForm_SearchForm_action_SearchResults {
		height:18px;
		width:40px;
		padding:0 0 0 5px;
		margin:2px 0 0 5px;
		background: url(../images/search.jpg) top left no-repeat;
		float:left;
		min-height:inherit;
		cursor:pointer;
	}
	
	ul.search-item {
		padding:0;
		}
		
	ul.search-item li {
		border-bottom:dashed #7EA1C7 thin;
		margin:0 0 12px;
		padding:0 0 12px;
		}
		
	ul.search-item li a:link{
		display:block;
		}
	
	
	/*------------FIRST LEVEL---------------------*/	
	#top-nav {
		margin:0;
		padding:0 0 4px;
		}
	#top-nav ul {
		position:relative;
		float: right;
		width: 500px;
		/*background: url(../images/top-nav-top.gif) left top no-repeat;*/
		padding: 0;
		margin: 0;
		}
		#top-nav ul li{
			float: right;
			color: #fff;
			position: relative;
			}
			#top-nav ul li a/*, #top-nav ul li a:visited*/{
				display: block;
				padding: 8px 20px 0px 20px;
				font-size: 85%;
				font-weight: normal;
				text-decoration: none; 
				color: #fff;
				background: transparent;
				}
			#top-nav ul li a:hover, #top-nav ul li a:focus{
				color:#fff;
				position: relative;
				text-decoration:underline;
				}
			
		
	/*---------------SECOND LEVEL-------------------*/
	#top-nav ul ul {
		visibility:hidden;
		position:absolute;
		margin: 0;
		padding: 7px 0 0 0;
		/*padding: 0;*/
		width: 140px;
		background-color: #015FA7;
		z-index: 100;
		}
	
	/* hack for IE5.5 + */
	* html #top-nav ul ul {
		margin: 26px 0 0 -10px;
		}
		
		#top-nav ul li ul li{
			float: left;
			color: #fff;
			font-weight: normal;
			background: none;
			position: relative;
			background: none;
			width: 140px;
			padding: 0;
			margin: 0;
			font-size: 85%;
			}
		* html #top-nav ul li ul li{
			float: left;
			color: #fff;
			font-weight: normal;
			background: none;
			position: relative;
			background: none;
			width: 140px;
			padding: 0;
			margin: 0;
			font-size: 100%;
			}
	
		/*#top-nav .drop-down-splits{
			float: left;
			margin: 1px 10px 1px 10px;
			height: 1px;
			font-size: 0;
			background: url(../images/drop-down-underline.gif) left bottom repeat-x transparent;
			width: 230px;
			display: inline;
			}*/
		
		
			#top-nav ul li ul li a{
				color:#fff;  
				width: 131px;
				padding: 5px 0px 5px 9px;
				float: left;
				color: #fff;
				font-weight: normal;
				background: none;
				position: relative;
				}
			#top-nav ul li ul li a:hover, #top-nav ul li ul li a:focus{
				color: #fff;
				background-color: #107BCB;
				}
				
			#top-nav ul li ul .drop{
				color:#fff;  
				width: 131px;
				padding: 5px 0px 5px 9px;
				float: left;
				color: #fff;
				font-weight: normal;
				/*background: url(../images/icons/drop-down-arrows.gif) right 7px no-repeat;*/
				position: relative;
				}
				
	
	
	
		
	
	/* style the third level background */
	/*#top-nav ul ul ul a, #top-nav ul ul ul a:visited {background:#e2dfa8;}*/
	/* style the third level hover */
	/*#top-nav ul ul ul a:hover {background:#b2ab9b;}*/
	
	
	
	
	/*------------STYLE THIRD LEVEL---------------------*/
	
	
	/* position the third level flyout menu */
	#top-nav ul ul ul{
		float: left;
		left:140px; 
		top: 0px;
		width: 140px;
		padding: 0;
		margin: 0;
		background-color: #015FA7;
		z-index: 2000;
		}
	
	/*---------For IE AGAIN---------*/
	* html #top-nav ul ul ul{
		top: -1px;
		left: 140px;
		padding: 0px 0 0 0;
		background-color: #015FA7;
		width: 140px;
		}
		
	#top-nav ul ul ul li{
		float: left;
		width: 140px;
		font-size: 100%;
		padding: 2px 0 2px 0;
		margin: 0;
		/*border:1px solid red;*/
		}
		* html #top-nav ul ul ul li{
			width: 140px;
			}
	#top-nav ul ul ul li a{
		float: left;
		width: 120px;
		padding: 4px 10px 4px 10px;
		margin: 0;
		font-weight: normal;
		font-size: 80%;
		}
	
			
			
	/*-------FOR IE---------------*/
	* html #top-nav ul ul ul li a{
		font-size: 100%;
		}
	#top-nav ul ul ul li a:hover, #top-nav ul ul ul li a:focus{
		float: left;
		width: 120px;
		color: #fff;
		/*padding:5px 0 5px 0;*/
		background-color: #107BCB;
		}
	/*#top-nav ul ul ul .drop-down-splits{
		float: left;
		width: 199px;
		padding: 0;
		margin: 1px 0 1px 10px;
		display: inline;
		}*/
	
	/* position the third level flyout menu for a left flyout */
	#top-nav ul ul ul .left {
		left:-140px;
		}
	
	
	/* style the table so that it takes no ppart in the layout - needed for IE to work */
	#top-nav table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
		}
	
	
	
		
	
	
	/*-----------VISIBILITY / INVISIBILITY-----------------------*/
	
	/* make the second level visible*/
	#top-nav ul li:hover ul, #top-nav ul a:hover ul, #top-nav ul li:focus ul, #top-nav ul a:focus ul{
		visibility: visible;
		}
	/*#top-nav ul ul{
		visibility: visible;
		}*/
	
	/* keep the third level hidden when hovered */
	#top-nav ul :hover ul ul{
		visibility: hidden;
		/*visibility: visible;*/
		}
	
	/* make the third level visible when hover second level*/
	#top-nav ul :hover ul :hover ul{
		visibility: visible;
		}
	
	
	
	/*---------------JUST ADDED--------------*/
	#top-nav ul ul ul .drop2{
		color:#fff;  
		width: 180px;
		padding: 5px 29px 5px 9px;
		float: left;
		color: #fff;
		font-weight: normal;
		background: url(../images/icons/drop-down-arrows.gif) right 7px no-repeat;
		position: relative;
		}
		#top-nav ul ul ul .drop2:hover {
			width: 182px;
			}
	
	
		#top-nav ul ul ul ul{
			float: left;
			left:220px; 
			top: 0px;
			width: 220px;
			padding: 0;
			margin: 0;
			background: url(../images/fly-out-top.gif) left top no-repeat #898989;
			border-bottom: 1px solid #5d5d5d;
			z-index: 2000;
			}
			
		* html #top-nav ul ul ul ul{
			top: -1px;
			border-bottom: 1px solid #5d5d5d;
			left: 220px;
			padding: 1px 0 0 0;
			background: url(../images/fly-out-top.gif) left top no-repeat #898989;
			width: 220px;
			}
		* html #top-nav ul ul ul ul li{
			width: 220px;
			}
		* html #top-nav ul ul ul ul li a{
			font-size: 100%;
			}

		/* keep the third level hidden when hovered */
			#top-nav ul :hover ul :hover ul ul{
				visibility: hidden;
				/*visibility: visible;*/
				}
			/* make the fourth level visible when hover third level*/
			#top-nav ul :hover ul :hover ul :hover ul{
				visibility: visible;
				}
	/*-------------END JUST ADDED------------------*/
				
	
	/*----------Bottom nav------------------*/
	/*#top-nav-bottom{
		float: left;
		width: 960px;
		background:  url(../images/top-nav-bottom.gif) left top no-repeat;
		height: 4px;
		font-size: 0;
		}*/

			
		/*----------------Main container---------------*/
			#main-container{
				float: left;
				width: 940px;
				background: transparent;
				margin: 5px 0 0 0;
				}
				
				#left-column{
					padding:5px 0 0 0;
					float: left;
					width: 240px;
					}
				#right-column{
					padding:10px 0 0 0;
					float: right;
					width: 180px;
					}
					
					/*-------------Side columns white------------*/
					.side-columns{
						float: left;
						width: 180px;
						margin: 0 0 10px 0;
						}
						.testimonial{
							float:left;
							width:180px
							}
						.testimonial .side-columns-top{
							float: left;
							width: 180px;
							background: url(../images/test-top.jpg) left top no-repeat;
							height: 12px;
							font-size: 0;
							}
							.testimonial .side-columns-width {
								float: left;
								width: 162px;
								color: #ffffff;
								background-color:#8BA0CD;
								padding: 0 0 3px 0;
								margin: 0 0 0 0;
								}
								.testimonial .side-columns-width p{
									float: left;
									width: 150px;
									margin: 10px 0 0 0;
									font-size: 75%;
									padding:0 3px 0 6px;
									line-height:16px;
									}
									.testimonial .side-columns-width .align-right{
										float: left;
										width: 180px;
										margin: 10px 0 0 0;
										font-size: 80%;
										text-align: right;
										}
						.testimonial .side-columns-bottom{
							float: left;
							width: 180px;
							height: 27px;
							background: url(../images/test-bottom.jpg) left top no-repeat;
							font-size: 0;
							}
					
						
						
						
							
					
	/*----------------------Content--------------------------*/					
				
				#content{
					float: left;
					width: 730px;
					/*margin: 0 0 0 10px;*/
					padding:0 0 0 10px;
					display: inline;
					}
					
					#content-width{
						float: left;
						width: 730px;
						background: #fff;
						padding: 0 10px 0 0px;
						}
						
						#content-width p{
							clear: both;
							width: 650px;
							font-size: 85%;
							line-height: 1.7;
							padding:0 0 12px 0;
							margin: 10px 0 0 0;
							}
						
						
						/*-----------------Contact us----------------------*/
						#contact-us{
							float: left;
							width: 440px;
							color: #fff;
							font-size: 90%;
							padding:17px 0 0 20px;
							}
						
						#contact-top{
							float: left;
							width:460px;
							height:7px;
							font-size:0;
							padding: 0px 0 0 0px;
							background: url(../images/contact-top.jpg) left top  no-repeat #8BA0CD;
							}
						#contact-bottom{
							float: left;
							width:460px;
							height:25px;
							font-size:0;
							padding: 0px 0 0 0px;
							margin:0 0 20px 0;
							background: url(../images/contact-bottom.jpg) left top  no-repeat #8BA0CD;
							}
						#contact-details{
							float: left;
							width:460px;
							padding: 0px 0 0 0px;
							margin: 0px 0 0px 0;
							background: #8ba0cd;
							}
							#contact-details p{
								clear: both;
								width: 440px;
								padding: 0 0 20px 10px;
								margin: 0;
								}
							#contact-details ul{
								font-size:90%;
								float: left;
								width: 440px;
								margin: 10px 0 0 0px;
								padding: 0px 0 10px 20px;
								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(/ablresources/images/address.jpg) 20px -5px no-repeat transparent;
									}
								#contact-details #phone-number{
									background: url(/ablresources/images/telephone.jpg) 20px 0px no-repeat transparent;
									}
								#contact-details #email-address{
									background: url(/ablresources/images/email.jpg) 20px 0px no-repeat transparent;
									}
									
								#ContactUs_Form_ContactUsForm_action_submit.action {
									padding:0 0 0 0;
									margin:0 0 0 0;
									width:128px;
									height:25px;
									background: url(/ablresources/images/send-message.jpg) 0 0 no-repeat transparent;
									float:right;
									border:none;
									cursor:pointer;
									}
									
								.Actions {
									padding:8px 32px 0 0;
									margin:0 8px 0 0;
									}
									
								.required {
									clear:both;
									margin:4px 2px 2px 84px;
									padding:0 0 4px 20px;
									color:#EFEFEF;
									background-image: url(/ablresources/images/alert.png);
									background-repeat: no-repeat;
									border-bottom:thin #F4D84C solid;
									width:283px;
								}
									
							
						/*--------contact form-----------*/
						#contact-form{
							float: left;
							width:440px;
							padding: 10px;
							margin: 0px 0 0 0;
							background: #8ba0cd;
							}
							#contact-form p{
								clear: both;
								width: 456px;
								padding: 0 0 20px 0;
								margin: 0;
								}
								#contact-form ul{
									float: left;
									width: 420px;
									padding: 10px 0 10px 10px;
									}
									
									#contact-form ul li{
										float: left;
										width: 428px;
										padding: 5px 0 5px 0;
										}
										
										#contact-form label{	
											float: left;
											width: 80px;
											color: #fff;
											font-weight: normal;
											font-size: 100%;
											text-align: right;
											padding: 2px 3px 0 0;
											}
											#contact-form input{	
												float: left;
												width: 300px;
												background-color: #fff;
												border: 1px solid #737373;
												font-weight: normal;
												font-size: 90%;
												padding: 2px;
												margin:0 0 4px;
												}
											#contact-form textarea{	
												float: left;
												width: 300px;
												background-color: #fff;
												border: 1px solid #737373;
												font-weight: normal;
												font-size: 91%;
												font-family: Verdana, Arial, Helvetica, sans-serif;
												padding: 2px;
												height: 150px;
												}
											
											#contact-form #send-message-button{	
												float: right;
												width: 128px;
												height: 25px;
												border: none;
												padding: 0;
												background: transparent;
												margin: 0 39px 0 0px;
												display: inline;
												}
									
							
							/*----------Company number-------------*/
							#company-number{
								float: left;
								width:460px;
								padding: 10px;
								margin: 0px 0 0 0;
								background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
								font-size: 80%;
								}
								
			
/*-----------------FOOTERS-----------------------------------*/
	#footer{
		/*float: left;*/
		width: 940px;
		margin: 0px auto;
		padding: 0 0 0px 0;
		color: #fff;		
		font-size: 70%;
		}
		#footer-bg{
			margin:0;
			padding:0;
			width:940px;
			float:right;
			background: url(../images/footer-bg.jpg) right top no-repeat;
			background-color:#015FA7;
			}
		#footer-left{
			list-style: none;
			float: left;
			width: 245px;
			margin: 0 0 0 0px;
			display: inline;
			padding: 10px 0 10px 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 10px 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;
				}
				
/*-------------------------------testimonial page-----------------------------------*/
  
    #content-testimonials{
     float: left;
     width: 920px;
     /*margin: 0 0 0 10px;*/
     padding:0 0 0 10px;
     display: inline;
     
     }
     
     #content-width-testimonials{
      float: left;
      width: 910px;
      background: #fff;
      padding: 0 10px 0 0px;
      }
      
      #content-width-testimonials p{
       clear: both;
       width: 920px;
       font-size: 85%;
       line-height: 1.7;
       padding:0 0 20px 0;
       margin: 10px 0 0 0;
       }
      
      #testimonials-large{
       float: left;
       width: 650px;
       color: #fff;
       font-size: 90%;
       padding:6px 0 0 15px;
       
       }
      
      .testimonial-large-top{
       float: left;
       width:640px;
       height:7px;
       font-size:0;
       padding: 0px 0 0 0px;
       background: url(../images/testimonial-large-top.jpg) left top  no-repeat #8BA0CD;
       }
       
      .testimonial-large-bottom{
       float: left;
       width:640px;
       height:20px;
       font-size:0;
       padding: 0px 0 0 0px;
       margin:0 0 20px 0;
       background: url(../images/testimonial-large-bottom.jpg) left top  no-repeat #8BA0CD;
       }
      .testimonial-large-details{
       float: left;
       width:640px;
       padding: 0px 0 0 0px;
       margin: 0px 0 0px 0;
       background: #8ba0cd;
       }
       #testimonials-large .testimonial-large-details p{
        clear: both;
        width: 620px;
        padding: 0 0 10px 10px;
        margin: 0;
        }

		/*--------------Login box (admin)--------------*/
		
		#MemberLoginForm_LoginForm {
			border-right: 1px solid #014085;
			border-bottom: 1px solid #014085;
			padding:12px;
			}
			
		#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Email, #MemberLoginForm_LoginForm_Password {
			background: #f8f8f8;
			border: 1px solid #014085;
			width: 97px;
			}
			
		#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_dologin ,#MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_action_forgotPassword{
			font-size:100%;
			background-color:#8FAECD;
			color:#31302E;
			border: 1px solid #014085;
			margin: 0 0 0 5px;
			padding: 4px;
			cursor:pointer;
			}
			
			
			
		#MemberLoginForm_LoginForm #Email {
			padding:0 0 4px;
			}
			
		#MemberLoginForm_LoginForm #Remember {
			padding:12px 0 12px 0;
			width:194px;
			}
			
		#MemberLoginForm_LoginForm #Remember #MemberLoginForm_LoginForm_Remember{
			float:right;
			}
			
			
			
		#MemberLoginForm_LoginForm #Remember .right{
			float:none;
			}
			
			
		#MemberLoginForm_LoginForm #Email label.left {
			padding:0 12px;
			margin:0;
			width:70px;
			text-align:right;
			}
		#MemberLoginForm_LoginForm #Password label.left {
			padding:0 12px;
			margin:0;
			width:70px;
			text-align:right;
			}