/* Quattro CSS Document */

/* The Grand Equaliser Rule */
	html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, div, span, img {
		margin: 0;
		padding: 0;
		border: 0;
	}

/* ------- HTML ELEMENTS ------- */
	body {
		background-color: #003f44;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
	}
	
	a, a:visited {
		color: #029de6;
		text-decoration: none;
		outline:none;
	}
	
	a:hover, a:active {
		color: #029de6;
		text-decoration: underline;
	}
	
	p {
		line-height: 16px;
		margin: 0 0 10px 0;
	}
	
	h3 {
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333;
		font-size: 24px;
		margin: 0 0 15px 0;
	}
	
	h4 {
		font-family: Century Gothic, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #333;
		font-size: 24px;
		margin: 0 0 15px 0;
	}
	
/* ------- STRUCTURE -------*/

	/* Div with the dark diagonal stripe background */
	#full-container {
		background: #003f44 url('/img/bg.gif') repeat;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
	}

	/* Div with fade for the dark diagonal stripe background */
	#main-container {
		background: transparent url('/img/bg-fade.jpg') repeat-x top;
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
		border-top: 1px solid #fff;
	}
	
	/* ------- GLOBAL NAVIGATION ------- */
	#global-container {
		font-family: Arial, Helvetica, sans-serif;
		font-size:11px;
		color: #666;
		height: 32px;
		background-color: #fc8631;
	}
	
		/* Global nav - left side of colour gradient */
		#global-left {
			float: left;
			width: 50%;
			height: 32px;
			background: #0ca1e7 url('/img/bg-global-left.jpg') no-repeat right top;
		}
		
			/* Global nav - Home and contact links */
			#global-left-text {
				float: right;
				width: 483px;
				line-height: 32px;
				color: #fff;
				text-align: left;
			}
			
				#global-left-text a{
					color: #fff;
					font-weight: bold;
				}
		
		/* Global nav - right side of colour gradient */
		#global-right {
			float: left;
			width: 49%;
			height: 32px;
			background: #fc8631 url('/img/bg-global-right.jpg') no-repeat left top;
		}
		
			/* Global nav - Search box */
			#global-right-text {
				float: left;
				width: 482px;
				line-height: 32px;
				color: #fff;
				text-align: right;
			}
			
				#global-right-text a{
					color: #fff;
				}
				
				/* ------- SEARCH BOX -------*/
				#search-box{
					float:right;
					clear:both;
					margin: 7px 0px 0 10px;
				}
				
					#search-box form {
						background-color: transparent;
					}
				
				/* Search button */
				.search-but{
					background-image:url('/img/but-search.png');
					background-repeat:no-repeat;
					border:none;
					height:21px;
					width:20px;
					background-color:transparent;
					cursor:pointer;
					float:left;
					margin-left:-7px;
					outline:none;
				
				}
				
				/* Search input box */
				.search-input{
					height:14px;
					padding:2px 7px 2px 2px;
					font-size:1em;
					border:1px solid #b4bec9;
					border-right:none;
					float:left;
					margin-top:0px;
					width:200px;
				
				}
				
					/* Search input - select state (Not IE) */
					.search-input:focus {
						background-color:#dcecf7;
						color:#333333;
						border-color: #b4bec9;
					}
	
	/* ------- HEADER (contains logo and telephone/email info) ------- */		
	#header {
		height: 54px;
		margin: 25px 0 0 0;
	}
	
		/* Quattro Logo */
		#quattro-logo {
			float: left;
			width: 361px;
			height: 54px;
			background: transparent url('/img/quattro-logo.png') no-repeat left top;
		}
			
			#quattro-logo h1 {
				display: none;
			}
			
			#quattro-logo h2 {
				display: none;
			}
			
		/* Telephone/Email details */
		#telephone-email a {
			float: right;
			width: 279px;
			height: 48px;
			margin: 6px 0 0 0;
			background: transparent url('/img/telephone-email.png') no-repeat right top;
		}
			
			#telephone-email span {
				display: none;
			}
	
	
	
	/* -------WHITE CONTENT BOX -------*/
				
	#page-container {
		background-color: #fff;
		margin: 25px 0 30px 0;
	}
	
	
	/* ------- MAIN NAVIGATION -------*/
		
	#navigation {
		height: 39px;
	}
	
	#navigation ul li {
		list-style: none;
		display: inline;
	}
	
	/* What We Can Offer - grey button */
	#navigation ul li.offer a {
		float: left;
		width: 240px;
		height: 39px;
		background: transparent url('/img/button-offer.gif') no-repeat 0 0;
	}
	
		/* What We Can Offer - blue button (hover and selected) */
		#navigation ul li.offer a:hover, #navigation ul li.offer a.selected  {
			float: left;
			list-style: none;
			width: 240px;
			height: 39px;
			background: transparent url('/img/button-offer.gif') no-repeat 0 -39px;
		}
	
	/* What We Can Sell - grey button */
	#navigation ul li.sell a {
		float: left;
		width: 242px;
		height: 39px;
		background: transparent url('/img/button-sell.gif') no-repeat 0 0;
	}
	
		/* What We Can Sell - green button (hover and selected) */
		#navigation ul li.sell a:hover, #navigation ul li.sell a.selected  {
			float: left;
			list-style: none;
			width: 242px;
			height: 39px;
			background: transparent url('/img/button-sell.gif') no-repeat 0 -39px;
		}
	
	/* Latest News - grey button */
	#navigation ul li.news a {
		float: left;
		width: 242px;
		height: 39px;
		background: transparent url('/img/button-news.gif') no-repeat 0 0;
	}
	
		/* Latest News - yellow button (hover and selected) */
		#navigation ul li.news a:hover, #navigation ul li.news a.selected  {
			float: left;
			list-style: none;
			width: 242px;
			height: 39px;
			background: transparent url('/img/button-news.gif') no-repeat 0 -39px;
		}
	
	/* Credentials - grey button */
	#navigation ul li.credentials a {
		float: left;
		width: 241px;
		height: 39px;
		background: transparent url('/img/button-credentials.gif') no-repeat 0 0;
	}
	
		/* Credentials - orange button */
		#navigation ul li.credentials a:hover, #navigation ul li.credentials a.selected {
			float: left;
			list-style: none;
			width: 241px;
			height: 39px;
			background: transparent url('/img/button-credentials.gif') no-repeat 0 -39px;
		}
		
	
	/* ------- HOME PAGE ONLY ------- */
	
	/* Half blue background image */		
	#home-container {
		background: #fff url('/img/bg-home.gif') repeat-y right;
		border-top: 1px solid #c1c1c1;
	}
	
		/* ------- INTERCHANGABLE FEATURE ------- */
		
			#home-cycle{
				width: 965px;
				height: 249px;
			}
	
			
			/* -- What We Can Offer - Blue background and image -- */	
			#feature-whatweoffer {
				background: #0071a7 url('/img/feature-whatweoffer.jpg') no-repeat top;
				width: 965px;
				height: 249px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #b7d1dc;
			}
			
			/* -- What We Can Sell - Green background and image -- */	
			#feature-whatwesell {
				background: #418e28 url('/img/feature-whatwesell.jpg') no-repeat top;
				width: 965px;
				height: 249px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #d4dcdf;
			}
			
			/* -- Latest News - yellow background and image -- */	
			#feature-news {
				background: #ffc40f url('/img/feature-news.jpg') no-repeat top;
				width: 965px;
				height: 249px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #666;
			}
			
			/* -- Credentials - orange background and image -- */	
			#feature-credentials {
				background: #f98530 url('/img/feature-credentials.jpg') no-repeat top;
				width: 965px;
				height: 249px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #666;
			}
			
			
			.feature-text {
					width: 50%;
					padding: 15px 0px 0px 20px;
				}

			.feature-text ul li{
				margin: 0 0 14px 0;
				list-style: none;
			}
			
			.feature-text ul li h5{
				color: #fff;
				font-weight: bold;
				font-size: 14px;
				padding: 0 0 0 20px; 
				background: transparent url('/img/arrow.png') no-repeat left center;
			}
			
				#feature-news .feature-text ul li h5 a, #feature-news .feature-text ul li h5 a:visited{
					color: #333;
				}
					
			.feature-text ul li a, .feature-text ul li a:visited{
				color: #fff;
				font-weight: bold;
			}
			
				#feature-news .feature-text ul li a, #feature-news .feature-text ul li a:visited{
					color: #029de6;
				}
			
			.feature-subtext {
				padding: 0 0 0 20px;
			}
			
	
	/* Welcome text container (with slight faded background) */	
	#welcome {
		float: left;
		background: #fff url('/img/bg-content-fade.gif') repeat-x top;
		width: 444px;
		padding: 10px 20px 10px 20px;
	}
	
	/* Quick links (with engineer image) */	
	#quick-links {
		float: left;
		background: transparent url('/img/bg-engineer.gif') no-repeat right top;
		width: 441px;
		padding: 10px 20px 10px 20px;
	}
	
		#quick-links ol {
			margin: 0 0px 0 20px;;
		}
		
		#quick-links ol li {
			font-weight: bold;
			color: #666;
			margin: 0 0 5px 0;
			padding: 0;
		}
		
		
		#quick-links ol li a {
			font-weight: normal;
		}
	
	/* Bottom curve for home page */	
	#bg-home-bottom {
		background: transparent url('/img/bg-home-bottom.gif') no-repeat bottom;
		width: 965px;
		height: 11px;	
	}
	
	/* ------- SUB-INDEX PAGE ONLY ------- */
	
			/* -- What We Can Offer - Blue background and image -- */	
			#subindex-whatweoffer {
				background: #0071a7 url('/img/subindex-whatweoffer.jpg') no-repeat top;
				width: 965px;
				height: 136px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #b7d1dc;
			}
			
			/* -- What We Can Sell - Green background and image -- */	
			#subindex-whatwesell {
				background: #418e28 url('/img/subindex-whatwesell.jpg') no-repeat top;
				width: 965px;
				height: 136px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #d4dcdf;
			}
			
			/* -- Latest News - yellow background and image -- */	
			#subindex-news {
				background: #ffc40f url('/img/subindex-news.jpg') no-repeat top;
				width: 965px;
				height: 136px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #666;
			}
			
			/* -- Credentials - orange background and image -- */	
			#subindex-credentials {
				background: #f98530 url('/img/subindex-credentials.jpg') no-repeat top;
				width: 965px;
				height: 136px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				color: #666;
			}
			
			#subindex-text {
				width: 685px;
				padding: 15px 0px 15px 20px;
			}
			
			#subindex-text h3 {
				color: #fff;
				margin: 0 0 5px 0;
			}
			
				#subindex-container {
					background: #fff url('/img/bg-content-fade.gif') repeat-x top;
					border-top: 1px solid #e3e3e3;
				}
				
		#testimonials {
			padding: 15px;
		}
		
			#testimonials h4 {
				font-size: 18px;
			}
			
			#testimonials ul {
				margin: 0 0 0 0;
			}
			
				#testimonials ul li{
					list-style: none;
					margin: 0 0 15px 0;
				}
					
					#testimonials ul li a{
						font-size: 11px;
						font-weight: bold;
					}
					
					#testimonials ul li span.date{
					font-size: 10px;
					font-weight: normal;
				}
					
	
	/* ------- CONTENT PAGE ONLY ------- */
	
	/* Content area - grey fade background */		
	#content-container {
		background: #fff url('/img/bg-content-fade.gif') repeat-x top;
		border-top: 1px solid #ffffff;
	}
	
	/* Light Blue background on extreme right (under supporting image)*/
	#bg-more-content {
		background: transparent url('/img/bg-home.gif') repeat-y 240px 0px;
	}
	
	/* Left section taking up 3/4 of the page */
	#left-section {
		float: left;
		width: 724px;
	}
	
		/* Text area with padding */
		#content-text {
			padding: 15px 30px 15px 20px;
		}
		
			#content-text h4 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				color: #333;
				padding: 0 0 1px 0;
				margin: 0px;
			}
			
				#content-text h4 span {
					float: left;
				}
				
				#content-text h4 span.date{
					font-weight: normal;
					font-size: 11px;
					color: #999;
				}
				
			#content-text ul li {
				margin: 0px 0px 10px 20px;
			}
			
			#content-text h5 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				color: #666;
				padding: 0 0 3px 0;
				margin: 0 0 5px 0px;
			}
			
				#content-text h5 span {
					color: #333;
				}
		
			.header-whatweoffer {
				border-bottom: 1px solid #69ccfa;
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
			}
			
			.header-whatwesell {
				border-bottom: 1px solid #418e28;
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
			}
			
			.header-news {
				border-bottom: 1px solid #ffc40f;
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
			}
			
			.header-credentials {
				border-bottom: 1px solid #f98530;
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
			}
			
		
		/* Small link to return to the top of the page */
		.top { 
			float:right;
			font-size: 10px;
			color: #ccc;
			display: inline;
		}
		
		
		/* Sectioned content */
		.content-section {
			margin: 0 0 30px 0px;			
		}
		
		.jc li{
			min-height:420px;
		}
		
		/* Quick Jump links underneath the main title */
		#quick-jump {
			padding: 5px;
			border-top: 1px solid #e3e3e3;
			border-bottom: 1px solid #e3e3e3;
			margin: 0 0 15px 0;
		}
		
			#quick-jump ul li{
				float: left;
				display: inline;
				list-style: none;
				margin:0;
			}
			
				#quick-jump ul li a{
					font-weight: bold;
					margin:0;
				}
	
	/* Right section taking up 1/4 of the page */
	#right-section {
		float: right;
		width: 241px;
	}
	
		#supporting-image {
			margin: 0px;
			padding: 0px;
			border-bottom: 1px solid #e3e3e3;
		}
		
	
		#more-content {
			padding: 15px;
		}
		
			#more-content h4 {
				font-size: 18px;
			}
			
			#more-content ul {
				margin: 0 0 15px 0;
			}
			
				#more-content ul li{
					list-style: none;
					margin: 0;
				}
					
					#more-content ul li a{
						font-size: 14px;
						font-weight: bold;
					}
					
					#more-content ul li ul {
						margin: 0 0 15px 10px;;
					}
				
						#more-content li ul li{
							list-style: none;
							margin: 5px 0 0px 0;
						}
					
							#more-content ul li ul li a{
								font-weight: normal;
								font-size: 11px;
							}
	
	/* Bottom curve for content page */	
	#bg-content-bottom {
		background: transparent url('/img/bg-home-bottom.gif') no-repeat bottom;
		width: 965px;
		height: 11px;	
	}
	
	/* ------- CONTACT PAGE ONLY ------- */
	
	#left-section-contact {
		float: left;
		width: 65%;
	}
	
	#right-section-contact {
		float: right;
		width: 34%;
		padding: 58px  0 0 0;
	}
	
		#right-section-contact h5 {
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 14px;
				color: #666;
				padding: 0 0 3px 0;
				margin: 0 0 5px 0px;
			}
	
	#form-container {
		margin: 0;
		padding: 10px;
		background: #effbff url('/img/bg-form.gif') repeat;
		border: 1px solid #e3e3e3; 
	}


.map-holder{
	border:1px solid #ddd;
	font-size:0;
	padding:0;
	margin:10px 0 10px 0;
	line-height:0;
	width:275px;
	height:250px;
}

.map-holder img{
	border:none;	
}

.contact-details-right{
float:right;
width:70%;
}

.contact-details-left{
float:left;
width:30%;
}

form fieldset{
	border: 0px;
	margin: 0px;
	padding: 0px;
}		


	#contact-form div{
		clear:both;
		padding:5px;
	}
		
	#contact-form label {
			font-weight: bold;
			float:left;
			text-align:right;
			margin:0 10px 0 0;
			width:85px;
			position:relative;
			display:block;
			color:#666;
		}
		

#contact-form .labelSelect{
	display: block;
	float: left;
	width: 150px;
	padding: 3px 5px;
	margin: 0 0 5px 0;
	text-align: right;
	font-weight:bold;
}


#contact-form	 textarea {
			
			font-size: 1em;
			padding: 2px 5px 2px 2px;
			width:400px;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 5px;
			border:1px solid #e3e3e3;
			background-color:#fff;
		}

#contact-form .inputText{
	width:400px;
	padding: 2px 5px 2px 2px;
		border:1px solid #e3e3e3;
}

/* Search input - select state (Not IE) */
	#contact-form .inputText:focus, #contact-form textarea:focus {
	background-color:#d2f1ff;
	color:#333333;
	border-color: #b4bec9;
					}



.button-send{
	padding: 5px 0 5px 0;
	margin:0 0px 0 0;
	border:none;
	font-weight:bold;
	font-size: 14px;
	width: 100px;
	color:#fff;
	float:right;
	text-align: center;
	background-color: #018ed0;
}

.errors{
	text-align:left;
}

.errors h4 {
	font-size:14px;
	font-weight:bold;
}

.errors li{
	margin:0 0 0 30px;
	font-size:12px;

}

.close-block{
	float:right;
}

	
/* ------- FOOTER ------- */
	
	/* Grey footer bar */	
	#footer-bar {
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		height: 29px;
		line-height: 29px;
		color: #333;
		background: #949494 url('/img/bg-footer-bar.gif') repeat-x top;
	}
	
	
	/* Dark green footer background */	
	#footer {
		min-height: 300px;
		background: #003e44 url('/img/bg-footer.gif') repeat-x top;
	}
	
		#footer h4 {
			font-family: Century Gothic, Arial, Helvetica, sans-serif;
			font-weight: normal;
			color: #fff;
			font-size: 18px;
			margin: 0 0 15px 0;
		}
	
		/* Footer - Contact Information */
		#footer-contact {
			float: left;
			width: 49%;
			margin: 15px 0 25px 0;
			color: #fff;
		}
		
			#footer-contact ul li{
				margin: 0 0 5px 0;
			}
		
			/* Footer - Address icon */
			#footer-contact ul li.address {
				list-style: none;
				background: transparent url('/img/icon-address.png') no-repeat left center;
				padding: 0 0 0 30px;
				line-height: 20px;
			}
			
			/* Footer - Email icon */
			#footer-contact ul li.email {
				list-style: none;
				background: transparent url('/img/icon-email.png') no-repeat left center;
				padding: 0 0 0 30px;
				line-height: 20px;
			}
			
			/* Footer - Telephone icon */
			#footer-contact ul li.telephone {
				list-style: none;
				background: transparent url('/img/icon-telephone.png') no-repeat left center;
				padding: 0 0 0 30px;
				line-height: 20px;
			}
			
			/* Footer - Fax icon */
			#footer-contact ul li.fax {
				list-style: none;
				background: transparent url('/img/icon-fax.png') no-repeat left center;
				padding: 0 0 0 30px;
				line-height: 20px;
			}
		
			#footer-contact ul li a, #footer-contact ul li a:visited {
				color: #fff;
				font-weight: normal;
			}
		
		/* Footer - Partner Logos */
		#footer-partners {
			float: right;
			width: 49%;
			margin: 15px 0 25px 0;
		}
		
			#footer-partners img {
				margin: 0 20px 0 0;
			}
		
		/* Footer - Quick Navigation */
		#footer-links {
			border-top: 1px solid #33595b;
			padding: 15px 0 25px 0;
		}
			
			.quick-nav {
				float: left;
				margin: 0 50px 0 0;
			}
			
			.quick-nav ul li{
				list-style: none;
				margin: 0;
			}
				
				.quick-nav ul li a, .quick-nav ul li a:visited{
					color: #fff;
					font-weight: bold;
				}
			
				.quick-nav ul li ul li{
					list-style: none;
					margin: 10px 0 0px 0;
				}
			
					.quick-nav ul li ul li a, .quick-nav ul li ul li a:visited{
						color: #fff;
						font-weight: normal;
					}


/* ------- SEARCH PAGE ONLY ------- */	

.content-control-left {
	float: left;
}

.content-control-right {
	float: right;
}

.search-section ul li {
	margin: 0 0 15px 15px;
}

.search-title {
	font-size: 12px;
}
	
/* GENERAL */

/* Centres content divs */	
.centre {
	margin: 0 auto 0 auto;
	width: 965px;
}
	
/* Clears anything floated*/	
.clear {
	clear: both;
}


/* Auto complete styles */
.ac_results {
			 padding: 0px;
			 border: 1px solid black;
			 background-color: white;
			 overflow: hidden;
			 z-index: 99999;
		}
		
		.ac_results ul {
			 width: 100%;
			 list-style-position: outside;
			 list-style: none;
			 padding: 0;
			 margin: 0;
		}
		
		.ac_results li {
			 margin: 0px;
			 padding: 2px 5px;
			 cursor: default;
			 display: block;
			 /* 
			 if width will be 100% horizontal scrollbar will apear 
			 when scroll mode will be used
			 */
			 /*width: 100%;*/
			 font: menu;
			 font-size: 12px;
			 /* 
			 it is very important, if line-height not setted or setted 
			 in relative units scroll will be broken in firefox
			 */
			 line-height: 16px;
			 overflow: hidden;
		}
		
		.ac_loading {
			 background: white url('/img/indicator.gif') right center no-repeat;
		}
		
		.ac_odd {
			 background-color: #eff3f5;
		}
		
		.ac_over {
			 background-color: #0d7dc0;
			 color: white;
		}

/*- JS EDIT -*/
#image-thumbs{
	list-style:none;
}

#image-thumbs li{
	float:left;
}

#image-thumbs li a{
	border:1px solid #ddd;
	display:block;
}

#image-thumbs li a:hover{
	border:1px solid #eee;
	display:block;
}

.news-thumb{
float:left;margin-right:10px;
}

.externalControl .selected{
	color:#000;
}


.jc{
	margin:0px;
	padding:0px;
}

div.jc ul{
	margin:0;
	padding:0;
}

div.jc ul li{
	margin:0px;
	padding:0;
	text-indent:0;	
}


.quicklink-container{
	padding:0 10px;
}

.quicklink-container ol{
	margin-left:30px;
}