html{
	background:#dcdcdc url(../img/html-bg.gif) left top repeat-x;
}

body{
	background:url(../img/body-bg.gif) center top repeat-y;
	_background:none;
	text-align:center;
}

body, html{
	min-height:100%;
}

#header,
#content,
#footer{
	margin:0 auto 0 auto;
	text-align:left;
	width:800px;
}

	#header h1 a{
		height:101px;
		display:block;
		width:800px;
		text-indent:-999em;
		background:url(../img/h1-bg.gif) left top no-repeat;
	}
		body#home #header h1 a{ width:230px; }

	#header #nav{
		border-top:3px solid #fff;
		border-left:1px solid #fff;
		margin:0;
		padding:4px 0 0 6px;
		background:url(../img/nav-ul-bg.gif) left top repeat-x;
		height:35px;
	}

		#header #nav li{
			float:left;
			list-style:none;
			margin:0 5px 0 0;
			padding:0;
		}

		#header #nav li a{
			display:block;
			background:url(../img/nav-ul-li-bg.gif) left top no-repeat;
			height:30px;
			color:#0087ba;
			text-indent:-999em;
			text-decoration:none;
		}

			#header #nav li.home a{ background-position:left top; width:72px; }
			#header #nav li.our-technology a{ background-position:-72px top; width:162px; }
			#header #nav li.our-products a{ background-position:-234px top; width:146px; }
			#header #nav li.about-us a{ background-position:-380px top; width:108px; }
			#header #nav li.resources a{ background-position:-488px top; width:121px; }
			#header #nav li.contact-us a{ background-position:-609px top; width:121px; }

				#header #nav li.home a:hover,
				#header #nav li.home a.selected{ background-position:left -30px; }
				#header #nav li.our-technology a:hover,
				#header #nav li.our-technology a.selected{ background-position:-72px -30px; }
				#header #nav li.our-products a:hover,
				#header #nav li.our-products a.selected{ background-position:-234px -30px; }
				#header #nav li.about-us a:hover,
				#header #nav li.about-us a.selected{ background-position:-380px -30px; }
				#header #nav li.resources a:hover,
				#header #nav li.resources a.selected{ background-position:-488px -30px; }
				#header #nav li.contact-us a:hover,
				#header #nav li.contact-us a.selected{ background-position:-609px -30px; }

#content{
	background:#fff;
	padding:17px 0 0 0;
}

#footer{
	padding:0;
	height:126px;
}

	#footer li{
		margin:0;	
		padding:0;
		list-style:none;
		float:left;
		height:126px;
		background:url(../img/footer-spacer.gif) right bottom no-repeat;
	}

		#footer li.logo{
			width:202px;
		}

			#footer li.logo a{
				display:block;
				background:url(../img/footer-logo.gif) left top no-repeat;
				height:49px;
				width:154px;
				text-indent:-999em;
				margin-top:40px;
			}

		#footer li ul{
			margin:70px 0 0 10px;
			padding:0;
			width:290px;
		}

			#footer li ul li{
				float:left;
				background:none;
				height:auto;
				margin-right:10px;
			}

				#footer li ul li a{
					background:url(../img/footer-ul-li-bg.gif) left top no-repeat;
					height:22px;
					display:block;
					text-indent:-999em;
				}
	
					#footer li ul li.home a{ width:52px; background-position:left bottom; }
					#footer li ul li.about-us a{ width:71px; background-position:-52px bottom; }
					#footer li ul li.contact-us a{ width:82px; background-position:-123px bottom; }
	
						#footer li ul li.home a:hover,
						#footer li ul li.home a.selected{ background-position:left top; }
						#footer li ul li.about-us a:hover,
						#footer li ul li.about-us a.selected{  background-position:-52px top; }
						#footer li ul li.contact-us a:hover,
						#footer li ul li.contact-us a.selected{  background-position:-123px top; }

		#footer li.last{
			background:none;
			height:auto;
			padding:71px 0 0 25px;
		}

.our-technology-feature{
	background:url(../img/our-technology-feature.gif) left top no-repeat;
	height:294px;
	margin-top:15px;
	padding:1px 0 0 0;
	width:800px;
}

	.our-technology-feature h5{
		color:#FFF;
		font-size:130%;
		margin-top:15px;
	}

	.our-technology-feature p{
		color:#FFF;
		font-size:100%;
		font-weight:bold;
		margin-bottom:0;
		height:40px;
	}

	.our-technology-feature ul{
		margin:0;
		padding:0;
	}

		.our-technology-feature ul li{
			color:#FFF;
			float:left;
			margin:0;
			padding:15px 0 0 47px;
			font-weight:bold;
			line-height:1.2em;
			font-size:90%;
			list-style:none;
			position:relative;
		}

		.our-technology-feature ul li a.read-more{
			background:url(../img/our-technology-feature-read-more.gif) left top no-repeat;
			position:absolute;
			right:10px;
			bottom:10px;
			height:24px;
			text-indent:-999em;
			width:108px;
			z-index:50;
		}

			.our-technology-feature ul li.point-1{
				height:97px;
				width:353px;
			}

			.our-technology-feature ul li.point-2{
				height:97px;
				width:200px;
				padding-left:50px;
				padding-right:15px;
			}

			.our-technology-feature ul li.point-3{
				height:87px;
				width:600px;
				padding-top:20px;
				clear:left;
			}

.our-products-feature{
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	margin-top:15px;
	background:url(../img/our-products-feature-bg.gif) left top repeat-y;
}

	ul.products-feature-navigation{
		float:left;
		background:url(../img/our-products-feature-ul-bg.gif) left top repeat-y;
		padding:0;
		margin:0;
		width:179px;
		height:290px;
	}

	ul.products-feature-navigation li.selected a{
		background:#04668d;
		color:#fff;
	}

	ul.products-feature-navigation li a:hover{ text-decoration:underline; }
	ul.products-feature-navigation li a{
		padding:11px 0 0 38px;
		text-decoration:none;
		display:block;
		height:32px;
		border-bottom:1px solid #dcdcdc;
	}

	ul.products-feature-navigation li{
		padding:0;
		margin:0;
		list-style:none;
		font-size:90%;
	}

	div.products-feature-content{
		float:left;
		width:619px;
	}
	
		div.products-feature-services{
			padding-top:10px;
		}

			div.products-feature-services p{
				margin-bottom:15px;
			}

			div.products-feature-services ol{
				margin-top:0;
			}

				div.products-feature-services ol li{
					background-position:left top;
					background-repeat:no-repeat;
					list-style-type:none;
					margin-left:5px;
					margin-bottom:10px;
					padding:1px 0 0 35px;
				}

					div.products-feature-services ol li.point-1{
						background-image:url(../img/services-bullet-1.gif);
					}
	
					div.products-feature-services ol li.point-2{
						background-image:url(../img/services-bullet-2.gif);
					}

		div.products-feature-content ul.products-feature-software{
			background:url(../img/our-products-feature-software.gif) left top repeat-x;
			height:260px;
			margin:0 0 14px 0;
			padding:42px 0 0 60px;
		}

		div.products-feature-content ul.products-feature-hardware{
			background:url(../img/our-products-feature-hardware.gif) left top repeat-x;
			height:443px;
			margin:0 0 14px 0;
			padding:42px 0 0 60px;
		}

			div.products-feature-content ul.products-feature-software li.point-1{ height:70px; }
			div.products-feature-content ul.products-feature-software li.point-2{ height:99px; }
			div.products-feature-content ul.products-feature-software li.point-3{ height:50px; }

			div.products-feature-content ul.products-feature-hardware li.point-1{ height:45px; }
			div.products-feature-content ul.products-feature-hardware li.point-2{ height:83px; }
			div.products-feature-content ul.products-feature-hardware li.point-3{ height:90px; }

			div.products-feature-content ul.products-feature-hardware li,
			div.products-feature-content ul.products-feature-software li{
				margin:0;
				padding:10px 0 0 0;
				list-style:none;
				color:#FFF;
				width:360px;
				font-size:95%;
				font-weight:bold;
				line-height:1.2em;
			}

	.highlight-content{
		width:590px;
		margin-left:14px;
		margin-bottom:14px;
		background:url(../img/highlight-content-bg.gif) left top repeat-y;
	}

	.highlight-content-inner{
		background:url(../img/highlight-content-footer.gif) left bottom no-repeat;
		padding-bottom:10px;
		padding-top:14px;
	}

		.highlight-content ul{
			margin-left:30px;
		}

		.highlight-content li{
			padding-top:5px;
			background:url(../img/bullet-large.gif) 0 12px no-repeat;
			list-style:none;
			margin-left:15px;
			padding-left:15px;
		}

		.highlight-content ol{
			margin:0 10px 10px 0;
		}
	
			.highlight-content ol li{
				color:#04668d;
				font-weight:bold;
				background:none;
				list-style-type:decimal;
				margin-left:25px;
				padding-left:0;
			}
	
				.highlight-content ol li span{
					font-weight:normal;
					color:#6C6C6C;
				}
	
		.highlight-content li p{
			margin:0 5px 15px 0;
		}

		.highlight-content p{
			margin-bottom:10px;
		}

		.highlight-content h5{
			background:url(../img/highlight-content-h5-bg.gif) left top no-repeat;
			height:37px;
			color:#FFF;
			padding:17px 0 0 15px;
			margin:0;
		}

.home-feature{
	height:368px;
	width:800px;
	padding-top:13px;
	margin-top:21px;
	background:url(../img/home-feature-bg.gif) left top no-repeat;
}

	.home-feature h4{
		color:#fff;
		width:350px;
		margin-top:5px;
	}

	.home-feature p{
		color:#fff;
		width:360px;
		margin-top:20px;
		line-height:1.5em;
	}

	.home-feature ul{
		float:right;
		background:url(../img/home-feature-points.gif) left top no-repeat;
		padding:63px 0 0 0;
		margin:0 15px 0 0;
		height:290px;
		width:386px;
	}

		.home-feature ul li.point-1{
			height:49px;
			padding-top:12px;
		}

		.home-feature ul li.point-2{
			padding-top:11px;
			height:47px;
		}

		.home-feature ul li.point-3{
			padding-top:9px;
			height:49px;
		}

		.home-feature ul li.point-4{
			padding-top:14px;
			width:190px;
		}

		.home-feature ul li{
			padding:10px 10px 0 40px;
			margin:0;
			font-weight:bold;
			line-height:1.2em;
			font-size:90%;
			list-style:none;
			color:#fff;
		}

#overlay-background{
	background-color:#FFF;
	position:fixed;
	_position:absolute;
	top:0;
	left:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	z-index:500;
}

#overlay-container{
	display:none;
	width:625px;
	position:absolute;
	left:50%;
	margin:150px 0 0 -312px;
	z-index:600;
	text-align:left;
}

	#overlay-container div.tab{
		display:none;
	}

	#overlay-container div.tab-selected{
		display:block;
	}

	#overlay-container ul.small-tabs{
		margin:60px 0 30px 0;
		padding:5px 0 0 20px;
		background:url(../img/overlay-nav-ul-bg.gif) left top repeat-x;
		height:34px;
	}
	
		#overlay-container ul.small-tabs li{
			margin:0 15px 0 0;
			padding:0;
			float:left;
			list-style:none;
		}

			#overlay-container ul.small-tabs li a{
				float:left;
				text-indent:-999em;
				display:block;
				height:30px;
				background:url(../img/overlay-nav-ul-li-bg.gif) left bottom no-repeat;
			}

			#overlay-container ul.small-tabs li.how-it-works a{
				width:122px;
			}

			#overlay-container ul.small-tabs li.a-summary-of-rheology a{
				width:199px;
				background-position:-122px bottom;
			}

			#overlay-container ul.small-tabs li.advantages-of-acoustics a{
				width:209px;
				background-position:-321px bottom;
			}

			#overlay-container ul.small-tabs li.how-it-works a:hover,
			#overlay-container ul.small-tabs li.how-it-works a.selected{
				background-position:left top;
			}

			#overlay-container ul.small-tabs li.a-summary-of-rheology a:hover,
			#overlay-container ul.small-tabs li.a-summary-of-rheology a.selected{
				background-position:-122px top;
			}

			#overlay-container ul.small-tabs li.advantages-of-acoustics a:hover,
			#overlay-container ul.small-tabs li.advantages-of-acoustics a.selected{
				background-position:-321px top;
			}

	#overlay-container p,
	#overlay-container li{
		font-size:80%;
		line-height:1.5em;
	}

	#overlay-container ul{
		margin:10px 56px 10px 56px;
	}

	#overlay-container p{
		margin:7px 56px 10px 56px;
	}

	#overlay-container h5{
		color:#004d6e;
		margin:10px 56px 20px 56px;
	}

	#overlay-container .container-top{
		background:url(../img/overlay-top.png) left top no-repeat;
		height:11px;
		overflow:hidden;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tpl/img/overlay-top.png', sizingMethod='crop');
	}

	#overlay-container .container-bg{
		background:url(../img/overlay-bg.png) left top repeat-y;
		padding:1px 1px 1px 1px;
	}

	#overlay-container .container-bottom{
		background:url(../img/overlay-bottom.png) left top no-repeat;
		height:10px;
		overflow:hidden;
		_background:none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='tpl/img/overlay-bottom.png', sizingMethod='crop');
	}

	#overlay-container a.close{
		display:block;
		height:25px;
		width:26px;
		position:absolute;
		right:20px;
		top:20px;
		background:url(../img/overlay-close.gif) left top no-repeat;
	}

.resources-text{
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	margin-top:50px;
	padding:5px 0 0 0;
	width:798px;
}

	.resources-text .text-footer{
		margin-top:269px;
	}

.about-us-text,
.resources-text,
.contact-us-text{
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	margin-top:50px;
	padding:0 0 0 0;
	width:798px;
}

	.about-us-text p{
		padding-right:200px;
	}

	.about-us-text h3{
		height:106px;
		background:url(../img/about-us-h3-bg.gif) left top repeat-y;
		margin:0 0 15px 0;
		color:#FFF;
		font-size:120%;
		padding:15px 280px 0 15px;
	}

	.about-us-footer{
		background:#ecf1f5;
		padding:1px 0 25px 0;
		margin-top:14px;
	}

		.about-us-footer p{
			padding-right:200px;
		}

		.about-us-footer h4{
			color:#28414b;
			margin-top:19px;
		}

	.about-us-text ul.footer-associates{
		margin:0;
		padding:0;
	}

		.about-us-text ul.footer-associates li{
			list-style-type:none;
			margin:0;
			padding:0;
			float:left;
			width:260px;
		}

		.about-us-text ul.footer-associates li p{
			margin:7px 0 0 0;
			padding:0 0 0 17px;
		}

div.text-footer{
	background:url(../img/our-products-feature-footer.gif) left top repeat-x;
	height:31px;
	border-top:1px solid #dcdcdc;
	clear:both;
}
	
	div.text-footer p{
		float:right;
		padding:5px 10px 0 9px;
		margin:0;
		background:url(../img/footer-up.gif) left 11px no-repeat;
	}
	
	div.text-footer p a{ text-decoration:none; }
	div.text-footer p a:hover{ text-decoration:underline; }

form .field{
	padding:0 0 20px 17px;
}

	form .field label span{ color:#ffa200; }
	p span{ color:#ffa200; }

	form .field label{
		display:block;
		padding-bottom:4px;
	}
	
	form .field input.text{
		display:block;
	}

	form input.submit{
		margin-left:206px;
		display:block;
	}

form input.text,
form textarea.text{
	border:1px solid #dcdcdc;
	padding:5px 2px 5px 2px;
	width:270px;
}

form textarea.text{
	height:100px;
}

div.text-left{
	float:left;
	width:380px;
	padding:5px 0 10px 0;
}

div.text-right{
	float:right;	
	width:379px;
	padding:15px 0 10px 0;
}

div.text-right h4{
	color:#28414b;
	font-size:140%;
}