/*-------------------------Top Bar---------------------*/
#top-bar{
	float: left;
	width: 100%;
	background: url(../images/top-bar-bg-repeat.jpg) bottom left repeat-x #004359;
	}
	#top-bar-centered-wide{
		float: left;
		width: 100%;
		background: url(../images/top-bar-bg-center.jpg) bottom center no-repeat #004359;
		}
	#top-bar-centered{
		margin: 0px auto;
		width: 960px;
		padding: 10px 0 0 0;
		}
		#top-bar-centered-bg{
			float: left;
			width: 960px;
			padding: 0;
			background: url(../images/header-bg.jpg) bottom center no-repeat;
			}
			#top-bar-right{
				float: right;
				width: auto;
				background: none;
				margin: 0 20px 0 0;
				display: inline;
				}
			#top-bar-left{
				float: left;
				background: none;
				margin: 0 0 0 30px;
				display: inline;
				}
				#top-bar-left a{
					float: left;
					margin: 0 2px 0 0;
					}
				#skip-content{
					color: #1db6d6;
					padding: 1px 0 2px 0;
					font-size: 80%;
					text-decoration: none;
					}
					#skip-content:hover, #skip-content:focus{
						text-decoration: underline;
						}
			/*---------------Header-------------*/
			#header{
				float: left;
				width: 960px;
				padding: 0;
				margin: 0;
				}
				#header #logo{
					float: left;
					width: 360px;
					margin: 0 0 0 15px;
					display: inline;
					}
					#header #logo img{
						float: left;
						}
				
				#header-right{
					float: left;
					width: 570px;
					}
				#header-right img{
					float: left;
					
					}
			

/*--------------Main Content area-----------------*/
#center-interface{
	margin: 0px auto;
	width: 960px;
	padding: 0 0 0 0;
	}
	
	#header-bottom{
		float: left;
		width: 960px;
		height: 26px;
		background: url(../images/header-bottom.jpg) top center no-repeat;
		}

/*---------Main nav-------------*/
			
		#main-nav{
			float: left;
			width: 940px;
			background: url(../images/main-nav-bg.jpg) top center no-repeat;
			margin: 0 0 0 10px;
			padding: 0;
			display: inline;
			}
			#main-nav li{
				float: left;
				display: inline;
				/*padding: 16px 0 17px 25px;*/
				padding: 0;
				}
			#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 container background---------*/
		#main-container-bg{
			float: left;
			width: 940px;
			background: #fff;
			margin: 0 0 0 10px;
			padding: 0;
			display: inline;
			}
		
		
		/*--------------------Big Part------------------*/
		#big-part{
			float: left;
			width: 940px;
			background: url(../images/big-part-repeat.jpg) left top repeat-y;
			}
			#big-part-top{
				float: left;
				width: 940px;
				background: url(../images/big-part-top.jpg) left top no-repeat;
				}
			
				#big-part-left{
					float: left;
					width: 260px;
					color: #fff;
					padding: 30px 0 15px 30px;
					}
					#big-part-left p{
						/*font-size: 85%;*/
						padding: 0 0 15px 0;
						}
					#big-part-left .big-part-titles{
						clear: both;
						font-size: 160%;
						font-family: Arial, Helvetica, sans-serif;
						padding: 0 0 15px 0;
						text-transform: uppercase;
						}
					#big-part-right{
						float: right;
						}
					#big-part-top #homepage-video{
						float: right;
						width: 480px;
						padding: 10px;
						}
			
			#big-part-top-facts{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-facts.jpg) left top no-repeat;
				}
			#big-part-top-health-and-safety{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-health-and-safety.jpg) left top no-repeat;
				}
			#big-part-top-case-studies{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-case-studies.jpg) left top no-repeat;
				}	
			#big-part-top-faqs{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-faqs.jpg) left top no-repeat;
				}
			#big-part-top-contact-us{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-contact-us.jpg) left top no-repeat;
				}
			#big-part-top-sound-tests{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-sound-tests.jpg) left top no-repeat;
				}	
			#big-part-top-news{
				float: left;
				width: 940px;
				background: url(../images/big-part-top-news.jpg) left top no-repeat;
				}	
				#big-part-left-wide{
					float: left;
					width: 500px;
					color: #fff;
					padding: 30px 0 15px 30px;
					}
					#big-part-left-wide p{
						/*font-size: 85%;*/
						padding: 0 0 15px 0;
						}
					#big-part-left-wide .big-part-titles{
						clear: both;
						font-size: 160%;
						font-family: Arial, Helvetica, sans-serif;
						padding: 0 0 15px 0;
						text-transform: uppercase;
						/*font-weight: bold;*/
						letter-spacing: 0.1em;
						}
					#big-part-left-wide ul{
						float: left;
						width: 500px;
						}
						#big-part-left-wide ul li{
							float: left;
							width: 478px;
							padding: 0 0 15px 22px;
							background: url(../images/icons/list-item-dark.gif) left 2px no-repeat;
							}
						#big-part-left-wide ul li a{
							color: #fff;
							text-decoration: underline;
							}
						#big-part-left-wide ul li a:hover, #big-part-left-wide ul li a:focus{
							color: #279cc1;
							}
				
		#big-part-bottom{
			float: left;
			width: 940px;
			height: 5px;
			background: url(../images/big-part-bottom.jpg) left top no-repeat;
			}
					
	/*----------------------Content--------------------------*/					
	#content{
		float: left;
		width: 510px;
		padding: 20px;
		color: #636363;
		}
		#content p{
			clear: both;
			width: 510px;
			line-height: 1.2;
			margin: 0 0 20px 0;
			}
		
		#content ul{
			float: left;
			width: 450px;
			padding: 30px;
			}
		#content #homepage-bg ul{
			float: left;
			width: 450px;
			padding: 30px;
			background: url(../images/homepage-list-bg.jpg) left top no-repeat; 
			}
		#content ul li{
			float: left;
			width: 430px;
			padding: 4px 0 4px 20px;
			font-size: 85%;
			font-weight: bold;
			background: url(../images/icons/list-item.gif) left center no-repeat;
			}
		
		#content .news-date{
			font-size: 80%;
			font-weight: bold;
			}
			
		
		
	/*----------------------reCaptcha--------------------------*/					

		 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
				background-color:#E7F4F6 !important; //reCaptcha widget background color
				}
 
		 #recaptcha_table {
   				border-color: #C4DBE0 !important; //reCaptcha widget border color
 				}
 
		 #recaptcha_response_field {
				border-color: #C4DBE0 !important; //Text input field border color
				background-color:#FFFFFF !important; //Text input field background color
				}

		 #content #recaptcha{
				float: left;
				margin: 0;
				padding: 0 0 20px 78px;
				display: block;
				width: 300px;
				}

	
	/*----------------------Content--------------------------*/					
	#contents{
		float: left;
		width: 510px;
		padding: 20px;
		color: #636363;
		}
		#contents p{
			clear: both;
			width: 510px;
			line-height: 1.2;
			margin: 0 0 20px 0;
			}
		
		#contents ul{
			float: left;
			width: 450px;
			padding: 30px;
			}
		#contents ul li{
			float: left;
			width: 430px;
			padding: 4px 0 4px 20px;
			font-size: 85%;
			font-weight: bold;
			/*background: url(../images/icons/list-item.gif) left center no-repeat;*/
			}
		
		#contents .news-date{
			font-size: 80%;
			font-weight: bold;
			}


	/*----------------------Right column-----------------*/
	#right-column{
		float: right;
		width: 390px;
		background: url(../images/right-column-bg.jpg) left top no-repeat;
		padding: 0 0 20px 0;
		}
		#right-column #inside-container{
			float: left;
			width: 360px;
			margin: 20px 0 0 10px;
			display: inline;
			background: url(../images/inside-container-bg-repeat.gif) top left repeat-y;
			}
			#right-column #inside-container #inside-container-left{
				float: left;
				width: 140px;
				padding: 0 0 0 20px;
				}
				#right-column #inside-container #inside-container-left li{
					float: left;
					width: 140px;
					padding: 0 0 20px 0;
					}
					#right-column #inside-container #inside-container-left li img{
						float: left;
						width: 138px;
						background-color: #8db8c4;
						padding: 1px;
						}
				
			#right-column #inside-container #inside-container-right{
				float: right;
				width: 140px;
				padding: 0 20px 20px 0;
				}
				#right-column #inside-container #inside-container-right ul{
					font-size: 85%;
					padding: 0 0 20px 0;
					}
				
	/*----------Sound tests page-------------------*/
	#sound-tests{
		float: left;
		width: 510px;
		margin: 0 0 5px 0;
		}
	
	#normalSteel{
		float: left;
		width: 240px;
		font-size: 140%;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 30px 5px;
		}
	
	#acousteel{
		float: left;
		font-size: 140%;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 0 30px;
		display: inline;
		padding: 0 0 30px 0;
		}
	
	/*-----------------------ISO 9001------------------------*/
	#iso-9001{
		float: left;
		width: 920px;
		background: url(../images/iso-9001-bg.gif) left top no-repeat;
		margin: 0 0 0 5px;
		display: inline;
		padding: 150px 0 2px 10px;
		font-size: 90%;
		}
						
		
		
						/*-----------------Contact us----------------------*/
						#contact-details{
							float: left;
							width:475px;
							padding: 10px;
							margin: 10px 0 20px 0;
							}
							#contact-details ul{
								float: left;
								width: 435px;
								margin: 0 0 0 40px;
								padding: 0 0 15px 0;
								display: inline;
								}
								#contact-details ul li{
									float: left;
									width: 410px;
									padding: 0 0 0 25px;
									background-image: none;
									font-weight: normal;
									font-size: 100%;
									color: #326685;
									}
								#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-details #email-address li{
									padding: 0 0 2px 25px;
									}
									
								.map_size{
									float: left;
									/*margin: 10px 0 50px 0;*/
									width: 508px;
									height: 322px;
									border: 1px solid black;
									}
									
								.hide{
									display:none
								}
							
						/*--------contact form-----------*/
						#contact-form{
							float: left;
							width:490px;
							padding: 10px;
							margin: 10px 0 20px 0;
							background: url(../images/job-listing-container-bg.gif) left top  repeat-x #e7f4f6;
							}
								#contact-form ul{
									float: left;
									width: 460px;
									padding: 30px 0 30px 30px;
									}
									
									#contact-form ul li{
										float: left;
										width: 460px;
										padding: 5px 0 5px 0;
										background-image: none;
										}
										
										#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: 100%;
												padding: 2px;
												height: 150px;
												font-family: Verdana, Arial, Helvetica, sans-serif;
												}
											
											#contact-form #submit_button{	
												float: left;
												width: 149px;
												height: 35px;
												border: none;
												padding: 0;
												background: transparent;
												margin: 0 0 0 83px;
												display: inline;
												}
										
											#contact-form #recaptchatext{	
											float: left;
											width: 300px;
											/*width: 80px;*/
											color: #326685;
											/*font-weight: bold;*/
											font-size: 80%;
											text-align: left;
											margin-left:80px;
											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%;
								}
								
								
							
							
		
			
			/*------------------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: 940px;
		margin: 0 0 0 10px;
		padding: 5px 0 130px 0;
		display: inline;
		color: #18839e;		
		font-size: 70%;
		background: url(../images/footer-top-bg.gif) left top no-repeat;
		}
		
		#footer-left{
			list-style: none;
			float: left;
			width: 450px;
			margin: 0 0 0 10px;
			display: inline;
			padding: 10px 0 5px 5px;
			}
		#footer-left li{
			display: inline;
			}
			#footer-left a{
				text-decoration: none;
				color: #18839e;
				}
			#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: #18839e;
				text-decoration: none;
				padding: 0;
				margin: 0;
				}
			#footer-right a:hover, #footer-right a:focus{
				text-decoration: underline;
				}