/* blank slate */
body,div,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p {margin:0;padding:0;border: 0;}
a {text-decoration: none;}
a img {border: 0;}

/* let's get this party started */

html,body {
	background: transparent url(images/bg.jpg) repeat-x;
	color: #333333;
	font: 11px/15px Verdana,sans-serif;
	text-align: center;
	height: 100%;
}


div.container {
	margin: auto;
	text-align: left;
	position: relative;
	width: 1003px;
	height: auto;
	
}

	html>body div.Container {height: auto;}

div.header {
	background: transparent url(images/header_logo_bg.png) no-repeat;
	width: 1003px;
	height: 110px;
	position: relative;
	z-index: 20;
	overflow: visible;
	padding-bottom: 19px;
}
	div.header img.logo {
		border: 0;
		margin: 23px 0 0 40px;
		float: left;
	}
	
	div.header div.search {
		float: right;
		background: transparent url(images/search_bg.png) no-repeat right;
		width: 290px;
		height: 19px;
		margin: 0 11px 28px 0;
		padding: 12px 12px 9px 0;
		font: 9px/16px Verdana,sans-serif;
		color: #b7b7b7;
	}
		
		div.search a {
			color: #666666;
			margin: 0 10px;
		}
	
		div.happyunicorn {
			display: inline;
			vertical-align: middle;
		}
	
		div.search fieldset {
			display: inline;
			vertical-align: middle;
		}
		
		div.search input {
			width: 93px;
			border: 1px solid #d6d6d6;
			vertical-align: middle;
			margin: 0;
			height: 14px;
		}
		
		div.search input#submit {
			width: auto;
			height: auto;
			vertical-align: middle;
			margin: 0;
			border: 0;
		}
		
	div.header div.topnav {
		float: right;
		clear: right;
		list-style-type: none;
		margin: 0 55px 0 0;
		width: 620px;
	}
		
		div.header div.topnav a {
			float: left;
			margin: 0 1px 0 0;
			background: transparent url(images/nav_bg.png) no-repeat;
			display: block;
			font: 10px Verdana,sans-serif;
			color: #4a4b3e;
			text-decoration: none;
			text-shadow: white 0 0 2px;
			width: 123px;
			text-align: center;
			vertical-align: middle;
			padding: 15px 0;
		}
			
		div.header div.topnav a:hover {
			background: transparent url(images/nav_bg_on.png) no-repeat;
			color: #333333 !important;
			text-decoration: none;
			text-shadow: white 0 0 4px;
		}

div.frontMain {
	position: relative;
	top: -25px;
	z-index: 3;
	background: transparent url(images/main_bg.png) no-repeat -4px -15px;
	overflow: visible;
	width: 1002px;
	height: 370px;
}
	div.frontMain img.lady {
		position: absolute;
		z-index: 6;
		left: 3px;
		bottom: 85px;
	}

	div.frontMain div.mainText {
		position: absolute;
		left: 150px;
		top: 26px;
		z-index: 5;
		width: 427px;
	}

		div.mainText h1 {
			color: #f7e2bf;
			font: 17pt Georgia,serif;
			font-weight: normal;
			margin-bottom: 3px;
			text-shadow: #0f2b39 0 0 3px;
		}
		
		div.mainText p {
			font: 1em/1em Verdana,sans-serif;
			color: #fffefd;
			width: 405px;
		}

		img.quoteBG {
			position: absolute;
			bottom: 113px;
			left: 168px;
		}

	div.frontMain div.people {
		position: absolute;
		z-index: 7;
		left: 170px;
		bottom: 83px;
		text-align: center;
		width: 382px;
		height: 142px;
	}

		div.people div.quote {
			margin: auto;
			width: 332px;
			height: 34px;
			padding: 10px;
			margin-bottom: 10px;
			background: transparent url(images/quote_bubble.png) no-repeat;
			text-align: center;
		}

		#quote1 {
			display: block;
		}
		
		#quote1 img {
			position: absolute;
			top: 53px;
			left: 45px;
		}
		
		#quote2 {
			display: none;
		}
		
		#quote2 img {
			position: absolute;
			top: 53px;
			left: 173px;
		}
		
		#quote3 {
			display: none;
		}
		
		#quote3 img {
			position: absolute;
			top: 53px;
			left: 300px;
		}
		
			div.quote p {
				width: 90%;
				margin: 0 auto;
				font: 10px/12px Verdana,sans-serif;
				color: #003399;
				text-align: left;
			}

				div.quote p span {
					color: #000000 !important;

				}

		div.people div.person {
			position: relative;
			bottom: 0;
			float: left;
			width: 127px;
			height: 78px;
			background: transparent url(images/people_bg.png) no-repeat;
			padding-top: 5px;
			color: #ffffff;
			font: 9px Georgia,serif;
			vertical-align: middle;
		}
		
		div.people div.person:hover {
			background: transparent url(images/people_bg_on.png) no-repeat;
		}
		
			div.person img.peopleBullet  {margin: -3px 4px 0 0; padding: 4px 0; vertical-align: middle; line-height: 16px;}
			
	div.frontMain div.video {
		position: absolute;
		right: 0;
		top: 6px;
		z-index: 15;
		background: transparent url(images/flash_bg.png) no-repeat 10px -5px;
		width: 415px;
		height: 302px;
		font: 14px/15px Georgia,serif;
		color: #333333 !important;
		padding: 18px 20px 25px 36px;
		text-align: center;
		vertical-align: middle;
	}
	
		div.video div.flash {
			margin-top: 5px;
		}
		
div.frontGuts {
	background: transparent url(images/body_bg.png) repeat-y;
	position: relative;
	z-index: 2;
	overflow: hidden;
	bottom: 0;
	width: 999px;
	height: 440px;
	margin-top: -141px;
	border: 1px solid #4d4d44;
	border-width: 0 1px;
}

	div.frontGuts div.frontLeft {
		position: absolute;
		bottom: 0;
		left: 19px;
		width: 502px;
		height: 75%;
		float: left;
		padding-bottom: 62px;
	}
	
		div.frontLeft div.products {
			float: left;
			width: 249px;
			min-height: 100%;
			height: 100%;
			border-right: 1px solid #ffffff;
		}
		
			div.products h3 {
				background: transparent url(images/products_bucket_top.png);
				height: 14px;
				color: #08090a;
				font: 14px Georgia,serif;
				padding: 11px 0 10px 30px;
			}
			
			div.products div.productsGuts {
				border-left: 1px solid #cecbab;
				border-top: 1px solid #f2f0de;
				background: #e8e8e8;
				padding: 15px 20px 15px 22px;
				height: 100%;
			}
			
				div.productsGuts h4 {
					color: #54796f;
					font: 12px/16px Verdana,sans-serif;
					margin-top: 15px;
				}
				
				div.productsGuts p {
					margin-bottom: 15px;
				}
				
		div.frontLeft div.news {
			float: left;
			width: 249px;
			min-height: 100%;
			height: 100%;
			border-left: 1px solid #ffffff;
		}
		
			div.news h3 {
				background: transparent url(images/news_bucket_top.png);
				height: 14px;
				color: #08090a;
				font: 14px Georgia,serif;
				padding: 11px 0 10px 18px;
			}
		
			div.news div.newsGuts {
				border-right: 1px solid #cecbab;
				border-top: 1px solid #f2f0de;
				background: #e8e8e8;
				padding: 18px 9px 15px 8px;
				height: 100%;
			}
			
				div.newsGuts h4 {
					color: #b67100;
					font: 11px/12px Helvetica,sans-serif;
				}
				
				div.newsGuts p {
					font: 10px/11px Verdana,sans-serif;
					color: #49453a;
					margin-bottom: 15px;
				}
								
				div.newsGuts div.about {
					background: transparent url(images/about_bg.png) no-repeat;
					width: 214px;
					height: 98px;
					padding: 13px 4px 6px 13px;
				}

					div.about h3 {
						height: 14px;
						color: #333333;
						font: 14px Georgia,serif;
						margin: 0;
						margin-bottom: 6px;
						padding: 0;
						background: transparent;
					}

					div.about p {
						float: left;
						font: 10px/12px Verdana,sans-serif;
						color: #171716;
						width: 114px;
						margin-top: 9px;
					}

					div.about div.aboutPhoto {
						float: right;
						background: transparent url(images/about_photo.png) no-repeat top center;
						height: 78px;
						width: 96px;
					}
										
						div.aboutPhoto div.aboutLink {
							position: relative;
							top: 54px;
							height: 23px;
							width: 96px;
							background: transparent url(images/about_link_bg.png) no-repeat;
						}
						
							div.aboutLink a {
								display: block;
								color: #003399 !important;
								padding: 6px 0 0 26px;
							}
					
	div.frontGuts div.frontRight {
		width: 441px;
		position: absolute;
		top: 110px;
		right: 14px;
		float: right;
	}
	
		div.frontRight div.seminar {
			background: transparent url(images/seminar_bg.png) no-repeat;
			margin-bottom: 17px;
			width: 441px;
			height: 108px;
		}
		
			div.seminar h2 {
				font: 22px Georgia,serif;
				color: #000000;
				padding-top: 5px;
			}

			div.seminar h4 {
				font: 12px Arial,sans-serif;
				color: #d2cfab;
			}

			div.seminar p {
				font: 9px/11px Verdana,sans-serif;
				letter-spacing: .25px;
				color: #333333;
				margin-bottom: 9px;
			}

			div.seminar a {
				font: 11px Arial,sans-serif;
				font-weight: normal;
				color: #afc9d3;
			}

				div.seminar a img {vertical-align: middle; margin-right: 5px;}

			div.seminar img.chemicals {
				float: left;
				margin: 10px 5px 0 1px;
			}
		
		div.frontRight div.book {
			background: transparent url(images/book_bg.png) no-repeat;
			width: 229px;
			height: 124px;
			float: left;
			padding: 15px 18px 0 15px;
			
		}
		
			div.book h3 {
				font: 18px Georgia,serif;
				color: #060606;
			}
			
			div.book p {
				font: 10px/12px Verdana,sans-serif;
				color: #333333;
				
				margin-bottom: 42px;
			}
			
			div.book a {
				position: absolute;
				bottom: 7px;
				color: #cccccc !important;
			}
			
				div.book a img {vertical-align: middle; margin-right: 5px;}
			
			div.book img.book {
				float: right;
			}
			
		div.frontRight div.contact {
			background: transparent url(images/contact_bg.png) no-repeat;
			width: 139px;
			height: 129px;
			float: right;
			padding: 12px 10px 0 12px;
		}

			div.contact h3 {
				font: 16px Georgia,serif;
				color: #003399;
			}
			
			div.contact p {
				font: 9px/12px Verdana,serif;
				color: #558daa;
			}
			
			div.contact a
			{
				color: #003399 !important;
			}

	div.frontGuts a{
		font-weight: bold;
	}
	


div.footer {
	margin: auto;
	clear: both;
	position: absolute;
	z-index: 20;
	bottom: 0;
	left: 1px;
	background: transparent url(images/footer_bg.jpg) no-repeat;
	color: #7c7c79;
	font: 10px/15px Arial,sans-serif;
	padding: 16px 0;
	text-align: center;
	border-top: 1px solid #b4cfd9;
	height: 16px;
	width: 999px;
}

	div.footer a{
		color: #7c7c79;
		font-weight: normal;
		text-decoration: underline;
		font: 10px/15px Arial,sans-serif;
	}
	
	div.footer a:hover {
		text-decoration: none;
		font: 10px/15px Arial,sans-serif;
	}

/* SUB PAGE STYLES */

div.container div.subWrapper {
	background: transparent url(images/sub_body_bg.png) repeat-y;
	width: 1000px;
	height: 100%;
	padding-top: 5px;
	position: relative;
	top: -30px;
	border: 1px solid #4d4d44;
	border-width: 0 1px;
}

	div.subWrapper div.leftNav {
		background: #bababa;
		float: left;
		width: 182px;
		padding-top: 30px;
		margin-right: 20px;
	}

		div.leftNav a {
			display: block;
			width: 162px;
			padding: 11px 0 11px 20px;
			height: 9px;
			font: 9px Verdana,serif;
			color: #333333;
			text-transform: uppercase;
			background: #e9e9e9 url('images/lnav_arrow.gif') no-repeat 6px 14px;
			border-bottom: 1px solid #dad5bd;
		}

		div.leftNav a:hover {
			background: #fdfdf7 url('images/lnav_arrow_on.gif') no-repeat 6px 14px;
			color: #003399;
		}
		
		span.TreeNodeSelect 
		{
			color: #003399;
		}
		
		span.navseconditemsel 
		{
			color: #003399 !important;
		}

		a.navseconditemsel 
		{
			color: #003399 !important;
			background: #fdfdf7 url('images/lnav_arrow_on.gif') no-repeat 6px 14px !important;
		}
		
		a.TreeNodeSelect 
		{
			background: #fdfdf7 url('images/lnav_arrow_on.gif') no-repeat 6px 14px;
			color: #a85002;
		}

		div.leftNav div div a.third {
			background: #f5f4e7 url('images/lnav_third.png') no-repeat 27px 14px;
			width: 142px;
			padding: 11px 0 11px 40px;
			color: #88866b;
			font-size: 8px;
		}
		
		div.leftNav div div a.third 
		{
		  white-space: normal;
		  background-color: #e9e9e9 !important;
		  color: #666666 !important;
		}
		
		div.leftNav div div a.thirdsel
		{
		  white-space: normal;
		}
		
		div.leftNav div div a.third:hover {
			background: #fdfdf7 url('images/lnav_third_on.png') no-repeat 27px 14px;

		}
		
		div.leftNav div div a.thirdsel 
		{
						background: #f5f4e7 url('images/lnav_third_on.png') no-repeat 27px 14px;
			width: 142px;
			padding: 11px 0 11px 40px;
			color: #49453a !important;
			font-size: 8px;
		}


		div.leftNav div div a.fourth {
			background: #f5f4e7 url('images/lnav_third.png') no-repeat 34px 14px;
			width: 105px;
			padding: 11px 0 11px 47px;
			color: #88866b;
		}
		
		div.leftNav div div a.fourth:hover {
			background: #fdfdf7 url('images/lnav_third_on.png') no-repeat 34px 14px;

		}
		
		div.leftNav div div a.fourthsel 
		{
						background: #f5f4e7 url('images/lnav_third_on.png') no-repeat 34px 14px;
			width: 105px;
			padding: 11px 0 11px 47px;
			color: #49453a !important;
		}



	div.subWrapper div.content {
		float: left;
		width: 568px;
		padding-bottom: 85px;
		margin-right: 8px;
	}
		
		div.content div.crumbs {
			font: 10px Arial,sans-serif;
			color: #b0a67e;
			font-style: italic;
			padding: 19px 0;
			height: 10px;
		}
		

		
			div.crumbs a {
				color: #666666;
				font-style: italic;
			}
			
			div.crumbs a:hover {
				text-decoration: underline;
			}
			
			div.crumbs a.active {
				color: #333333;
			}
			
			div.crumbs a.active:hover {
				text-decoration: underline;
			}

		div.content h1 {
			font: 27px Georgia,serif;
			color: #003399;
			margin-bottom: 14px;
			text-shadow: none;
		}
		
				div.titletext {
			font: 27px Georgia,serif;
			color: #a85002;
			margin-bottom: 14px;
		}
		
		div.content ul
		{
			color: #49453a;
			margin-top: 5px !important;
			margin-bottom: 5px !important;
			
		}
		
		div.content ol
		{
			color: #49453a;
						margin-top: 5px !important;
			margin-bottom: 5px !important;
			
		}
		
		div.content p {
			font: 11px/15px Verdana,sans-serif;
			color: #333333;
			margin-bottom: 13px;
		}
		
			div.content p a 
			{
				font: 11px/15px Verdana,sans-serif;
				font-weight: normal;
				color: #003399;
				font-size: inherit;
					text-decoration: none;
			}
		
		div.content div.about {
			background: transparent url(images/about_big_bg.png) no-repeat;
			height: 97px;
			width: 331px;
			padding: 9px 4px 6px 13px;
			
		}
		
			div.content div.about h3 {
				font: 19px Georgia,serif;
				color: #5e604c;
				height: 35px;
				margin: 0;
			}
			
			div.content div.about p {
				font: 10px/12px Verdana,sans-serif;
				color: #736f60;
				width: 208px;
			}

			div.content div.about div.aboutPhoto {
				position: relative;
				top: -17px;
				left: -2px;
				float: right;
				background: transparent url(images/about_photo.png) no-repeat top center;
				height: 78px;
				width: 96px;
			}
								
				div.content div.aboutPhoto div.aboutLink {
					position: relative;
					top: 54px;
					height: 23px;
					width: 96px;
					background: transparent url(images/about_link_bg.png) no-repeat;
				}
				
					div.content div.aboutLink a {
						display: block;
						padding: 6px 0 0 26px;
					}



	div.subWrapper div.right {
		float: right;
		width: 190px;
		margin: 15px;
		padding-top: 35px;
	}

		div.right div.promo {
			
		}

			div.promo h4 {
				font: 11px Georgia,serif;
				color: #000000;
				text-transform: uppercase;
				background: transparent url(images/promo_head_bg.png) repeat-x;
				height: auto;
				width: 175px;
				padding: 4px 7px;
				margin-bottom: 2px;
			}
			
			div.promo h4 a
			{
									font: 11px Georgia,serif !important;
							color: #000000 !important;
							text-transform: uppercase !important;
							background: transparent !important;

			}

			
			div.promo heading {
				font: 11px Georgia,serif;
				color: #49453a;
				text-transform: uppercase;
				background: transparent url(images/promo_head_bg.png) repeat-x;
				height: auto;
				width: 175px;
				padding: 4px 7px;
				margin-bottom: 2px;
			}
			
			div.promo p {
				font: 11px/13px Arial,sans-serif;
				color: #666666;
				margin-bottom: 13px;
				width: 175px;
				margin: auto;
				margin-top: 5px;
				margin-bottom: 15px;
			}
			
				div.promo p a {
					font-weight: bold;
					color: #003399;
				}

div.videoFloat {
	position: absolute;
	top: 30%;
	left: 30%;
	width: 417px;
	height: 305px;
	background: transparent url(images/video_float_bg.png) no-repeat;
	font: 14px/15px Georgia,serif;
	color: white;
	padding: 20px 26px 25px 27px;
	vertical-align: middle;
}

	div.videoFloat div.flash {
		position: absolute;
		bottom: 20px;
	}

	div.videoFloat span.videoTitle {
		float: left;
		vertical-align: middle;
	}
	
	div.videoFloat a.vidClose {
		float: right;
		vertical-align: middle;
	}
	
		div.videoFloat a.vidClose img {
			border: 0;
			vertical-align: middle;
		}

a {
	font: 9px Verdana,sans-serif;
	color: #030303;
}

img.inlinePhoto {
	float: left;
	margin: 0 15px 10px 0;
}

div.leftNav div div div img {display: none !important;}

div.leftNav * {overflow: visible !important;}

/* CONTACT FORM */

label {
	font: 11px Verdana,sans-serif;
	color: #49453a;
	display: block;
	float: left;
	height: 18px;
}

	label.labela {width: 74px;}
	label.labelb {width: 114px;}
	label.labelc {width: 103px;}

input {
	font: 11px/13px Verdana,sans-serif;
	color: #555555;
	float: left;
	border: 1px solid #999999;
	background: #f4f4f4;
	height: 18px;
	margin-right: 27px;
}
	input.inputa {width: 181px;}
	input.inputb {width: 141px;}
	input.inputc {width: 152px;}
		input.inputd {width: 141px; padding-left: 3px;}
		
textarea {
	font: 11px/13px Verdana,sans-serif;
	color: #555555;
	float: left;
	border: 1px solid #999999;
	background: #f4f4f4;
	width: 465px;
}

select {
	font: 11px/13px Verdana,sans-serif;
	color: #555555;
	float: left;
	border: 1px solid #999999;
	background: #f4f4f4;
}

fieldset br {line-height: 24px;}

#submit,#reset {
	float: right;
	border: 0;
	margin: 27px 0;
	}

#submit {
	margin-right: 47px;
	margin-left: 5px;
}

/* ADMIN */

div.buttondiv {width: auto; position: relative; margin: auto; padding: 25px 0;}

div.buttondiv div {width: auto;}

/* FLOAT CLEARING HACKS */
div.frontGuts:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
div.subWrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}