* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

body {
	background-color: #a0b09a;
	font-family: "Lucida Grande", LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #555;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover {
	text-decoration: underline;
}

.green {
	color: #339900;
}

#center { position: absolute; top: 50%; width: 100%; height: 1px; overflow: visible }

#wrapper {
	position: absolute;
	display: block;
	width: 862px;
	height: 622px;
	margin-left: -431px;
	left: 50%;
	top: -263px;
}

#menu {
	display: block;
	float: left;
	height: 48px;
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
}

	#menu ul {
		display: block;
		float: left;
		list-style: none;
		height: 25px;
		padding-top: 23px;
		padding-left: 20px;
	}
	
		#menu ul li {
			display: block;
			float: left;
			padding-right: 2px;
		}
		
			#menu li a {
				display: block;
				position: relative;
				top: 4px;
				float: left;
				height: 24px;
				padding-top: 3px;
				padding-left: 12px;
				padding-right: 12px;
				color: #444;
			}
			
			#menu li a:hover {
				background: #9bba78 url("../images/menuitembg.gif") top left repeat-x;
				text-decoration: none;
				color: #fff;
			}
			
			body#home #menu li a#home, body#prod #menu li a#prod, body#tech #menu li a#tech,
			 body#achieve #menu li a#achieve, body#comp #menu li a#comp,  body#freq #menu li a#freq,  body#contc #menu li a#contc {
				background: #9bba78 url("../images/menuitembg.gif") top left repeat-x;
				text-decoration: none;
				color: #fff;
			}
		
		
		#menu a#logo {
			display: block;
			float: right;
			background: transparent url("../images/h2oil_logo.gif") top left no-repeat;
			width: 176px;
			height: 48px;
			text-indent: -9999px;
		}

#content {
	display: block;
	float: left;
	background: transparent url("../images/boxbg.gif") top left no-repeat;
	width: 862px;
	height: 542px;
	padding: 6px 6px 6px 6px;
}

	#one {
		display: block;
		float: left;
		width: 510px;
		height: 530px;
		font-size: 11px;
	}
	
		#one img#abstract {
			display: block;
			float: left;
			height: 325px;
			padding-bottom: 10px;
		}
		
		#one img#cpd {
			display: block;
			float: left;
			width: ;
		}
	
		#one p {
			display: block;
			float: left;
			width: 458px;
			padding-left: 26px;
			padding-right: 26px;
			line-height: 21px;
			color: #333;
			text-align: justified;
		}
		
		#one p.space {
			padding-top: 21px;
		}
		
		#one p.welcome {
			display: block;
			width: 458px;
			float: left;
			padding-right: 0px;
			line-height: 27px;
			font-size: 11px;
		}
	
	#two {
		display: block;
		float: left;
		width: 340px;
		height: 530px;
	}
		
		img#sidebanner {
			display: block;
			float: left;
			width: 340px;
			height: 325px;
		}
		
		#two p#rotate {
			display: block;
			float: left;
			background: #9baf94 url("../images/block_animation.gif") top left no-repeat;
			width: 108px;
			height: 95px;
			font-size: 11px;
			padding-left: 22px;
			padding-top: 110px;
			line-height: 19px;
			font-weight: bold;
			color: #fff;
		}
		
		#two p#rotate .green {
			color: #336600;
		}
		
		img#f221block {
			display: block;
			float: left;
			width: 210px;
			height: 205px;
		}
		
#footer {
	display: block;
	float: right;
	padding-right: 26px;
	color: #d6e9cf;
	font-size: 9px;
	line-height: 17px;
	text-align: right;
}

/* product page */

#product {
	display: block;
	float: left;
	width: 850px;
	height: 530px;
}

	#product #one {
		display: block;
		float: left;
		background: transparent url("../images/product_fuelbg.gif") top left no-repeat;
		width: 510px;
		height: 228px;
		padding-top: 97px;
		overflow: hidden;
	}
	
	#product ul#layout {
		display: block;
		float: left;
		width: 510px;
		list-style: none;
	}

		#product ul#layout li {
			display: block;
			float: left;
		}

		#product ul#layout li#main {
			width: 484px;
			height: 228px;
		}

		#product ul#layout li#arrow {
			display: block;
			float: left;
			width: 26px;
			height: 22px;
			text-align: right;
			padding-top: 0px;
		}
		
		#product #one ul#layout ul {
			display: block;
			clear: both;
			list-style: none;
			width: 410px;
			float: right;
		}
		
		#product #one ul#layout ul li {
			clear: both;
			display: block;
			text-align: right;
			width: 410px;
			font-size: 13px;
			padding-bottom: 26px;
			color: #455243;
			font-weight: 0;
			text-transform: uppercase;
		}
		
		#product #one ul#layout ul li a {
			color: #455243;
		}
		
		#product #one ul#layout ul li a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		#product #one ul#layout h1 {
			clear: both;
			display: block;
			float: right;
			width: 282px;
			height: 32px;
			padding-bottom: 23px;
			background: transparent url("../images/title-eefuel.gif") top left no-repeat;
			text-indent: -9999px;
			color: #fff;
		}

	#product #two {
		display: block;
		float: left;
		width: 288px;
		height: 289px;
		padding-left: 26px;
		padding-right: 26px;
		padding-top: 26px;
		font-size: 11px;
		line-height: 19px;
	}
	
	#product #two p {
		display: block;
		position: relative;
		float: left;
		padding-top: 19px;
		width: 288px;
		text-align: left;
	}
	
	#product #two p.one {
		display: block;
		position: relative;
		float: left;
		padding-top: 15px;
		width: 288px;
		text-align: left;
	}
	
	
	
	#product #three {
		clear: both;
		display: block;
		float: left;
		background: transparent url("../images/product_oilbg.gif") top left no-repeat;
		width: 510px;
		height: 205px;
		padding-top: 23px;
	}
	
		#product #three h1 {
			display: block;
			float: right;
			width: 282px;
			height: 32px;
			background: transparent url("../images/title-eelube.gif") top left no-repeat;
			text-indent: -9999px;
			color: #fff;
		}
	
		#product #three p {
			display: block;
			float: right;
			padding-right: 29px;
		}
		
		#product #three ul#layout {
			display: block;
			float: left;
			width: 510px;
			list-style: none;
		}

			#product #three ul#layout li {
				display: block;
				float: left;
			}

			#product #three ul#layout li#main {
				width: 484px;
				height: 228px;
			}

			#product #three ul#layout li#arrow {
				width: 26px;
				height: 22px;
				text-align: right;
				padding-top: 0px;
			}
		
	#product #four {
		display: block;
		float: left;
		width: 340px;
		height: 205px;
		font-size: 11px;
		line-height: 19px;
	}
	
	#product #four p {
		display: block;
		float: left;
		width: 288px;
		padding-top: 19px;
		padding-left: 26px;
		padding-right: 26px;
	}
	
	#product #four ul {
		display: block;
		float: left;
		width: 300px;
		padding-left: 40px;
	}
	
/* technology page */
	
#technology {
	display: block;
	float: left;
	width: 850px;
	height: 530px;
}

	#technology #left {
		display: block;
		float: left;
		width: 340px;
		height: 530px;
	}

	#technology #one {
		display: block;
		float: left;
		background: transparent url("../images/technology-fuelbgtxt.gif") top left no-repeat;
		width: 340px;
		height: 223px;
		padding-top: 102px;
		overflow: hidden;
	}
	
	#technology #one ul#layout {
		display: block;
		float: left;
		width: 340px;
		list-style: none;
	}

		#technology #one ul#layout li {
			display: block;
			float: left;
		}

		#technology #one ul#layout li#main {
			width: 314px;
			height: 228px;
		}

		#technology #one ul#layout li#arrow {
			display: block;
			float: left;
			width: 26px;
			height: 22px;
			text-align: right;
			padding-top: 0px;
		}
		
		#technology #one ul#layout li#main h1 {
			display: block;
			float: right;
			width: 288px;
			height: 32px;
			background: transparent url("../images/title-eefuel.gif") top right no-repeat;
			text-indent: -9999px;
		}
		
		#technology #one ul#layout li#main ul {
			display: block;
			list-style: none;
			float: right;
			padding-top: 20px;
		}
		
		#technology #one ul#layout li#main ul li {
			clear: both;
			display: block;
			text-align: right;
			width: 314px;
			font-size: 13px;
			padding-bottom: 23px;
			color: #455243;
			font-weight: 0;
			text-transform: uppercase;
		}
		
		#technology #one ul#layout li#main ul li a {
			color: #455243;
		}
		
		#technology #one ul#layout li#main ul li a:hover {
			color: #fff;
			text-decoration: none;
		}
	
	#technology #two {
		clear: both;
		display: block;
		float: left;
		background: transparent url("../images/tech_oilbg.gif") top left no-repeat;
		width: 340px;
		height: 205px;
		padding-top: 26px;
	}
	
		#technology #two h1 {
			display: block;
			float: right;
			width: 288px;
			height: 32px;
			background: transparent url("../images/title-eelube.gif") top right no-repeat;
			text-indent: -9999px;
			padding-bottom: 120px;
		}
		
		#technology #two ul#layout {
			display: block;
			float: left;
			width: 340px;
			list-style: none;
		}

			#technology #two ul#layout li {
				display: block;
				float: left;
			}

			#technology #two ul#layout li#main {
				width: 314px;
				height: 228px;
			}

			#technology #two ul#layout li#arrow {
				width: 26px;
				height: 22px;
				text-align: right;
				padding-top: 0px;
			}
			
			
	#technology #right {
		display: block;
		float: left;
		width: 467px;
		height: 530px;
		padding-right: 43px;
		font-size: 11px;
		line-height: 19px;
	}
		
		#technology #right .fuel {
			display: block;
			float: left;
			width: 424px;
			padding-left: 43px;
		}
		
		#technology #right .fuel p {
			padding-top: 15px;
		}
		
		#technology #right p.top {
			padding-top: 35px;
		}
		
		#technology #right img.top {
			padding-top: 26px;
		}
		
		#technology #right .fuelex {
			display: block;
			float: left;
			width: 424px;
			padding-left: 43px;
		}
		
		#technology #right .fuelex p {
			padding-top: 15px;
		}
		
		#technology #right .fuelex h1 {
			display: block;
			clear: both;
			font-size: 13px;
			color: #000;
			font-weight: 100;
			text-transform: uppercase;
			padding-top: 15px;
		}
		
		#technology #right .fuelex img {
			display: block;
			margin: 0 auto;
			padding-top: 26px;
		}
		
		#technology #right .fuelex a {
			padding-left: 20px;
			color: #000;
		}
		
		#technology #right .fuelex ul {
			padding-top: 15px;
		}
		
		#technology #right span.center {
			display: block;
			width: 300;
			text-align: center;
		}
		
		#technology #right ol {
			padding-top: 16px;
			padding-left: 45px;
			padding-right: 25px;
		}
		
		#technology #right .oil {
			display: block;
			float: left;
			width: 424px;
			padding-left: 43px;
			overflow: hidden;
		}
		
		#technology #right .oil p {
			padding-top: 15px;
		}
		
		#technology #right .oil .intro {
			padding-top: 35px;
		}
		
		#technology #right .oil a {
			color: #000;
		}
		
/* achievements page */

#achievements {
	display: block;
	float: left;
	width: 850px;
	height: 530px;
}

	#achievements #one {
		display: block;
		float: left;
		width: 510px;
		height: 530px;
		background: #bac5b4 url("../images/achievements-leftbg.gif") top left no-repeat;
		overflow: hidden;
	}
	
	#achievements #one h1 {
		display: block;
		float: right;
		font-size: 17px;
		font-weight: 100;
		color: #fff;
		text-transform: uppercase;
	}
	
	#achievements #one h1 a {
		color: #fff;
	}
	
	#achievements ul#layout {
		display: block;
		float: left;
		width: 510px;
		padding-top: 33px;
		list-style: none;
	}
	
		#achievements ul#layout li {
			display: block;
			float: left;
		}
		
		#achievements ul#layout li#main {
			width: 484px;
			height: 530px;
		}
		
		#achievements ul#layout li#arrow {
			display: block;
			float: left;
			width: 26px;
			height: 22px;
			text-align: right;
			padding-top: 0px;
		}
	
	
				#achievements ul#items {
					display: block;
					float: right;
					width: 484px;
				}
				
					#achievements ul#items li {
						display: block;
						clear: both;
						float: right;
						padding-top: 17px;
						text-transform: uppercase;
						font-size: 12px;
					}
					
					#achievements ul a {
						color: #455243;
					}
					
					#achievements ul a:hover {
						text-decoration: none;
						color: #fff;
					}
					
	#achievements #two {
		display: block;
		float: left;
		width: 288px;
		height: 530px;
		padding-left: 26px;
		padding-right: 26px;
		line-height: 21px;
		overflow: auto;
	}
	
		#achievements #two a {
			color: #000;
		}
		
		#achievements #two p {
			display: block;
			float: left;
			clear: both;
			width: 288px;
			padding-top: 26px;
		}
		
		#achievements #two.reduced p {
		    padding-top: 12px;
		    line-height: 17px;
		}
		
		#achievements #two p.one {
			display: block;
			float: left;
			width: 288px;
			padding-top: 78px;
		}
		
		#achievements #two h2 {
			display: block;
			clear: both;
			font-size: 15px;
			font-weight: 100;
			text-align: left;
			color: #000;
			padding-top: 32px;
		}
		
		#achievements #two h3 {
			font-size: 13px;
			font-weight: 100;
			text-align: left;
			color: #aaa;
		}
		
			#achievements #two h3.more {
				display: block;
				clear: both;
				padding-top: 26px;
			}

/* faq page */

#faq {
	display: block;
	float: left;
	width: 850px;
	height: 530px;
}

	#faq #left {
		display: block;
		float: left;
		width: 340px;
		height: 530px;
	}

	#faq #one {
		display: block;
		float: left;
		background: transparent url("../images/tech_fuelbg.gif") top left no-repeat;
		width: 340px;
		height: 205px;
		overflow: hidden;
		padding-top: 120px;
	}
		
		#faq #one h1 {
			display: block;
			float: right;
			width: 288px;
			height: 32px;
			background: transparent url("../images/title-eefuel.gif") top right no-repeat;
			text-indent: -9999px;
		}
		
		
		
		#faq ul#layout {
			display: block;
			float: left;
			width: 340px;
			list-style: none;
		}

			#faq ul#layout li {
				display: block;
				float: left;
			}

			#faq ul#layout li#main {
				width: 314px;
			}

			#faq ul#layout li#arrow {
				width: 12px;
				padding-left: 14px;
				display: block;
				padding-top: 27px;
			}


					#faq ul#items {
						display: block;
						float: right;
						width: 315px;
						padding-top: 15px;
					}

						#faq ul#items li {
							display: block;
							clear: both;
							float: right;
							padding-top: 29px;
							text-transform: uppercase;
							font-size: 14px;
						}

						#faq ul a {
							color: #455243;
						}

						#faq ul a:hover {
							text-decoration: none;
							color: #fff;
						}
	
	#faq #two {
		clear: both;
		display: block;
		float: left;
		background: transparent url("../images/tech_oilbg.gif") top left no-repeat;
		width: 314px;
		height: 174px;
		padding-top: 31px;
		padding-right: 26px;
	}
	
		#faq #two h1 {
			display: block;
			float: right;
			width: 288px;
			height: 32px;
			background: transparent url("../images/title-eelube.gif") top right no-repeat;
			text-indent: -9999px;
		}
	
	#faq #right {
		display: block;
		float: left;
		width: 459px;
		height: 530px;
		padding-right: 51px;
		font-size: 11px;
		line-height: 21px;
		color: #777;
	}
	
	#faq #right .main {
		display: block;
		float: left;
		width: 408px;
		padding-left: 51px;
		padding-top: 51px;
	}
	
	#faq #right a:hover {
		color: #000;
	}
	
/* contact page */

#contact {
	display: block;
	float: left;
	width: 850px;
	height: 530px;
}

	#contact #one {
		display: block;
		float: left;
		width: 340px;
		height: 530px;
		background: #bac5b4 url("../images/contact-bg.gif") top left no-repeat;
		font-size: 11px;
		overflow: hidden;
	}
	
	#contact #one h1 {
		display: block;
		float: right;
		font-size: 17px;
		font-weight: 100;
		color: #fff;
		text-transform: uppercase;
		padding-top: 33px;
		padding-bottom: 26px;
	}
	
	#contact #one h1 a {
		color: #fff;
	}
	
	#contact ul#layout {
		display: block;
		float: left;
		width: 340px;
		list-style: none;
	}
	
		#contact ul#layout li {
			display: block;
			float: left;
		}
		
		#contact #one ul#layout li#main {
			display: block;
			float: left;
			width: 314px;
			height: 485px;
			padding-top: 45px;
			text-align: right;
		}
		
		#contact #one p {
			display: block;
			float: right;
			clear: both;
			width: 180px;
			text-align: right;
			padding: 0px 0px;
			padding-bottom: 26px;
		}
			#contact ul#items {
				display: block;
				float: right;
				width: 314px;
			}

				#contact ul#items li {
					display: block;
					clear: both;
					float: right;
					padding-top: 17px;
					text-transform: uppercase;
					font-size: 12px;
				}

				#contact ul a {
					color: #798075;
				}

				#contact ul a:hover {
					text-decoration: none;
					color: #fff;
				}
		
		#contact ul#layout li#arrow {
			display: block;
			width: 26px;
			height: 22px;
			float: left;
			padding-top: 75px;
			text-align: right;
		}

		#contact #two {
			display: block;
			float: left;
			width: 458px;
			height: 530px;
			padding-left: 26px;
			padding-right: 26px;
			line-height: 21px;
			overflow: hidden;
		}
			
			#contact #two form {
				display: block;
				float: left;
				padding-top: 51px;
			}
			
			#contact #two form table td {
				padding-bottom: 10px;
			}
			
			#contact #two p {
				display: block;
				float: left;
				clear: both;
				width: 458px;
				padding-top: 26px;
			}

			#contact #two .one {
				display: block;
				float: left;
				padding-top: 36px;
			}
			
			#contact #two img {
				display: block;
				float: left;
				padding-left: 20px;
				padding-top: 10px;
			}

			#contact #two h2 {
				display: block;
				clear: both;
				font-size: 15px;
				font-weight: 100;
				text-align: left;
				color: #000;
				padding-top: 32px;
			}

			#contact #two h3 {
				font-size: 13px;
				font-weight: 100;
				text-align: left;
				color: #aaa;
			}
		
.booking_table .instruction {
    display: block;
    float: left;
    clear: both;
}

#contact #two .booking_table img {
    padding-left: 0;
}

.booking_table input.captcha {
    display: inline;
    margin: 10px 0 0 20px;
    width: 75px;
}