/* 
---------------------------------------
Global Stylesheet for Formflo
www.earl-thompson.co.uk
Revision date: 2008-09-19 11:25:16
Author: Pete Eveleigh
---------------------------------------
Earl & Thompson Marketing
1 Hucclecote Road, Gloucester GL3 3TH
+44 (0)1452 627100
http://www.earl-thompson.co.uk
---------------------------------------
*/


/* COLOURS */



/* CSS default property reset */
@import url("reset.css") all;




	html {
		height:100%;
	}

	body {
		height:100%;
		font-family:"Helvetica Neue", arial, sans-serif;
		font-size:12px;
		background:url(/images/bg.png) top left repeat-x #B5B5B5;
	}
	
	a img {
		border:none;
	}
	
	a:link, a:visited {
		color:#000;
	}
	
	a:hover, a:active {
		color:#202568;
	}

	h2 {
		font-size:150%;
		font-weight:normal;
	}

	h2, h3, h4 {
		margin:0 0 0.5em 0;
	}
	


	#addresses {
	
	}
	


	address {
		font-style:normal;
		margin:1em 0;
		line-height:1.25;
	}

	#access { 
		position : absolute; 
		top : -9999px; 
		margin : 0; 
	}
	

	#wrapper {
		width:843px;
		margin:0 auto;
		padding-top:50px;
	}
	
	#header {
		height:75px;
		margin-bottom:15px;
	}
	
		#header h1 {
			float:left;
			margin-left:34px;
		}
		
		#header h2 {
			float:right;
			padding-top:28px;
		}
		
		#header h2 span {
			position:absolute;
			left:-9999px;
		}
	
	
		#languages {
			
		}
		
		#languages img {
			padding-bottom:2px;
			border-bottom:1px solid #202568;
		}
		
		#languages a img {
			padding-bottom:3px;
			border:none;
		}
	
	#innerwrapper {
		float:left;
		width:843px;
		margin-bottom:16px;
		/*padding-bottom:20px;*/
		background:url(/images/backgrounds/contentbgbottom.png) bottom left no-repeat transparent;
	}
	
	#main {
		position:relative;
		width:700px;
		/*padding:4px;*/
		float:left;
		/*border-radius:8px;*/
		background-color:transparent;
	}
	
	
	

		#main .inner {
			/*border:1px solid #fff;*/
			border-radius:0 0 8px 8px;
			width:700px;
		}

	#awardlogos {
		position:absolute;
		top:25px;
		right:15px;
	}
	
		#awardlogos img {
			margin-bottom:15px;
		}
	
		
	#nav {
		list-style:none;
		padding-left:30px;
		padding-top:18px;
		padding-bottom:50px;
		background:url(/images/backgrounds/contenttopbg.png) top left no-repeat #fff;
		float:left;
		width:670px;
		margin-bottom:-50px;
	}

		#nav li {
			float:left;
		}

		#nav li a img {
			border:none;
		}
	
	
			body#home #main {
				padding-bottom:220px;
				background:url(/images/backgrounds/home.jpg) bottom left no-repeat #e2e2e2;
			}

				body#home #nav {
					background-image:url(/images/backgrounds/homecontenttopbg.png);
					background-color:#E3E3E3;
				}
		/*	
			body#process #main {
				background:url(../images/backgrounds/products.jpg) top left repeat-x #fff;
			}

			body#products #main {
				background:url(../images/backgrounds/products.jpg) top left repeat-x #fff;
			}

			body#applications #main {
				background:url(../images/backgrounds/products.jpg) top left repeat-x #fff;
			}

			body#contact #main {
				background:url(../images/backgrounds/products.jpg) top left repeat-x #fff;
			}
		*/

		
		#copy {
			clear:left;
			width:398px;
			margin-left:34px;
			/*padding-bottom:220px;*/
			color:#434343;
		}
		
			#copy p {
				margin:0.75em 0;
				line-height:1.25;
			}
			
			#copy p.intro {
				font-size:125%;
			}
		
			#copy h1 span, #copy h2 span, #copy h3 span, #copy h4 span {
				position:absolute;
				left:-9999px;
			}
			
			div.product {
				clear:both;
				float:left;
				margin:2em 0;
			}
			
			
				img.product {
					margin-left:2em;
					float:right;
				}
					

			#emailform {
				padding-bottom:20px;
				margin-bottom:20px;
				border-bottom:1px solid #efefef;
				float:left;
				width:650px;
			}
					
			#contactForm {

			}
			
				#contactForm label {
					display:block;
					font-weight:bold;
				}
				
				#contactForm label span {
					font-weight:normal;
					font-size:90%;
					display:inline;
				}
				
				#contactForm fieldset {
					float:left;
					border:none;
				}
				
				#contactForm #detailsarea {
					width:225px;
				}
				
				#contactForm #messagearea {
					width:400px;
				}
			
				#contactForm input, #contactForm textarea {
					font-family:"Helvetica Neue", arial, sans-serif;
					font-size:12px;
					color:#444;
					padding:2px;
				}
			
				#contactForm input {
					width:195px
				}
				
				#contactForm #submit {
					width:auto;
					float:right;
					padding:0;
				}
				
				#contactForm textarea {
					height:112px;
					width:400px;
				}
				
				.error {
					color:red;
				}
					
						
			#map {
				float:right;
				margin-top:30px;
				width:400px;
				height:400px;
				border:4px double #fff;
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
				border-radius:8px;
			}
			
			.directions {
				width:200px;
			}
			
			.location {
				margin:1em 0 2em 0;
				padding-bottom:1em;
				border-bottom:1px solid #efefef;
			}
			
			#ukform input, #deform input {
				margin:0.25em 0;
			}
			
			#directions {
				clear:both;
			}
		
	#extras {
		float:right;
		width:127px;
		font-size:90%;
	}
	
		#extras .extra {
			margin-bottom:10px;
		}
		
		#extras .long {
			position:relative;
			margin-bottom:0;
			width:127px;
		/*	background:url(../images/extras/extras3bottom.png) bottom center no-repeat transparent; */
			background:url(/images/extras/extras3bg.jpg) bottom center no-repeat #B5B5B5;
			border:1px solid #fff;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
		}
		
		#extras .long p {
			position:absolute;
			bottom:10px;
			width:127px;
			text-align:center;
		}
		
		#extras .long a {
			text-decoration:none;
			font-weight:bold;
			color:#219ECF;
		}
		
		#extras .long img {
			display:none; /* hide the content image if CSS background has loaded in */
		}
	
	#footer {
		clear:both;
		width:843px;
		border:1px solid #fff;
		background-color:#d4d4d4;
		float:left;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}
	
		#footer .inner {
			background-color:#fff;
			opacity:0.35;
			padding:8px;
			width:827px;
			float:left;
		}
		
		#footer span {
			margin-right:0.5em;
			position:relative;
			left:0;
		}
		
		
 		#footer address {
			font-style:normal;
			font-size:87%;
			line-height:1.35;
			float:left;
		}
		
		#footer address.eng {
			width:460px;
			padding-right:10px;
			float:left;
			border-right:1px solid #333;
		}
		
			body.de #footer address.eng {
				float:right;
				padding-right:0;
				padding-left:10px;
				border-right:none;
			}
		
		#footer address.de {
			width:345px;
			padding-left:10px;
			float:right;
		}
		
			body.de #footer address.de {
				float:left;
				padding-left:0;
				padding-right:10px;
				border-right:1px solid #333;
			}
		
		#credits {
			width:843px;
			float:left;
			margin:10px auto;
			font-size:90%;
		}