/*
	Color set:
	
	Blue: #4584a8
	Red: #b45445
	
*/

* {margin: 0; padding: 0; }
html {height: 100%;}
body {
	font-family: Arial, sans-serif;
	background: #d3e0e9 url(images/bg.png) 0 0 repeat-x;
	font-size: 12px;
	height: 100%;
	color: #7b7c7c;
}

img, img a, img a:hover {border: 0;}
ul, li, ol {list-style: none; list-style-position: outside;}

a {color: #4584a8; text-decoration: none;}
a:hover {color: #4584a8; text-decoration: none;}

h1, h2, h3, h4, h5 {
	color: #555656;
	font-weight: normal;
}

#flash_hero{
	height: 400px;
	overflow: hidden;
}

/*Structure*/
#page {
	background: #707070;
	width: 1006px;
	min-height: 100%;
	margin: 0 auto;
}
* html #page {height: 100%;}
#container {
	width: 988px;
	margin: 0 auto;
	background: white;
}
#header {
	width: 988px;
	background: url(images/header.png) 0 0 no-repeat;
	height: 95px;
	overflow: hidden;
}
#inner_header {
	background: url(images/inner_header.png) 0 0 no-repeat;
	height: 77px;
	overflow: hidden;
}
#head_panel {
	background: #e8e8e8;
	height: 56px;
	overflow: hidden;
}

#header .logo img, #header .logo img:focus
#header .logo a, #header .logo a:focus,
#menu a, #menu a:focus, #secondary_menu a{
	outline: none;	
}

#content {
	background: white url(images/text_area_bg.png) 0 0 repeat-x;
	padding: 12px 30px;
	overflow: hidden;
	height: 100%;
	border: 1px solid white;
}
#products_content {
	background: url(images/products_bg.png) 0 0 repeat-y;
	padding: 2px 30px;
	overflow: hidden;
	height: 100%;
	border-bottom: 10px solid #f3f3f3;
	border-top: 10px solid #f3f3f3;
	margin: 0 0 70px 0;
}
#products_inner {
	background: url(images/products_inner_bg.png) 0 0 repeat-x;
	padding: 25px 0 25px 30px;
	overflow: hidden;
	height: 100%;
	margin: 0 0 70px 0;
}
#products_inner_content {
	float: right;
	display: inline;
	width: 632px;
}
#products_inner_sidebar {
	float: left;
	display: inline;
	width: 297px;
}
#preamble {
	background: white url(images/preamble_bg.png) 0 0 repeat-x;
	padding: 30px 30px 20px 30px;
	overflow: hidden;
	height: 100%;
}
#logobar {
	background: #d3d4d4;
	padding: 22px 28px;
	border-top: 3px solid #969898;
	overflow: hidden;
	height: 42px;
}
#footer {
	background: #696969;
	padding: 12px 0;
}



/*Content*/
.text_column {
	width: 518px;
	float: left;
	display: inline;
	padding: 15px 34px 15px 0;
}
.news_column {
	width: 324px;
	padding: 15px 0 15px 40px;
	float: right;
	display: inline;
	border-left: 1px solid #dcdcdc;
}
.news_column li {
	border-bottom: 1px solid #dcdcdc;
	margin: 10px 0 0 0;
}
.first_column {
	float: left;
	display: inline;
	width: 440px;
}
.second_column {
	float: right;
	display: inline;
	width: 440px;
}
#events ul li {
    border-bottom: 1px solid #dcdcdc;
    margin: 10px 25px 0 0;
    color: #4584A8;
    font-weight: bold;
}

#events ul ul li {
    border-bottom: 0px;
    margin: 5px 0 10px 0;
    color: #7b7c7c;
    font-weight: normal;
}


#logobar img {
	float: left;
	display: inline;
	margin: 0 50px 0 0;
}

#products_inner_sidebar img {display: block; margin: 0 0 20px 0;}

#preamble .features,
#products_inner_content .features {
	background: #f3f3f3;
	padding: 42px 36px;
	margin: 20px 0 0 0;
}
#preamble .features {
    float: right;
}
#preamble .features ul,
#products_inner_content .features ul {
	list-style-type: disc;
	padding: 0 0 40px 15px;
}
#preamble .features ul li,
#products_inner_content .features ul li {
	list-style-type: disc;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #555656;
}

.features a:hover,
.features a {
    color: #555656;
}

/*Header*/
#header ul.meta_header {
	float: right;
	display: inline;
	margin: 50px 30px 0 0;
}
#header ul.meta_header li {
	display: inline;
	font-size: 11px;
	padding: 0 10px 0 0;
	margin: 0 0 0 10px;
	border-right: 1px solid #cccece;
}
#header ul.meta_header li.last_li {border: 0;}
#header ul.meta_header li a {color: #cccece;}
#header ul.meta_header li a:hover {text-decoration: underline;}


/*Footer*/
#footer ul {
	text-align: center;
}
#footer ul li {
	display: inline;
	font-size: 11px;
	font-weight: bold;
}
#footer ul li.site span {
	padding: 0 10px 0 0;
	margin: 0 0 0 10px;
	border-right: 1px solid #dadada;
}
#footer ul li.last_li span {border: 0;}
#footer ul li.legal span {
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
	border-left: 1px solid #8ca9c1;
}
#footer ul li.site a {color: #dadada;}
#footer ul li.legal a {color: #8ca9c1;}
#footer ul li a:hover {text-decoration: underline;}



/*Text*/
.text_column h1 {
	font-size: 24px;
	margin: 0 0 10px 0;
}
.news_column h2 {
	font-size: 18px;
	margin: 0 0 20px 0;
	padding: 0 0 16px 0;
	border-bottom: 1px solid #dcdcdc;
}
.text_column p, .news_column p {
	margin: 0 0 15px 0;
	line-height: 18px;
}
.news_column p {margin: 0 0 10px 0;}
p.intro {
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 10px 0;
}
p.more_link a {
	color: #914c43;
	font-weight: bold;
}
.news_column span.date {
	display: block;
	color: #4584a8;
	font-weight: bold;
	margin: 0 0 5px 0;
}

.first_column h3, .second_column h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #4584a8;
}
.first_column h4, .second_column h4 {
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
}
.first_column p, .second_column p {
	margin: 0 0 15px 0;
	line-height: 18px;
}

.first_column p, {
    color:#555656;
}

.hilite {color: #4584a8;}

#preamble .about_us h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
#preamble .about_us h3 {
	color: #518cae;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 0 0;
}
#preamble .about_us p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
#preamble .flow_conditioners h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
}
#preamble .flow_conditioners p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 10px 0;
}
#preamble .flow_conditioners p.summary {
	font-size: 12px;
	line-height: 18px;
	color: #985850;
	font-weight: bold;
}
#preamble .mtrs h3 {
	color: #518cae;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 20px 0;
}
#preamble .mtrs p.notice {
	padding-left: 20px;
	margin: 0 0 10px 0;
}
#preamble .mtrs p a {color: #b45445;}
#preamble .mtrs p a:hover {text-decoration: underline;}

#preamble .contact h3 {
	color: #518cae;
	font-weight: bold;
	background: #ebeced;
	height: 37px;
	line-height: 37px;
	padding: 0 0 0 10px;
	margin: 0 0 16px 0;
}
#preamble .contact address {
	display: block;
	font-style: normal;
	font-size: 18px;
	padding: 0 0 0 10px;
	margin: 0 0 30px 0;
}
#preamble .contact address span {
	display: block;
}
#preamble .contact span.data {
	display: block;
	padding: 0 0 0 10px;
	margin: 0 0 6px 0;
}
#preamble .contact span.email {margin: 30px 0 0 0;}
#preamble .contact span.data strong {
	font-size: 16px;
	font-weight: normal;
}

#products_inner_content h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0 20px 0 0;
}
#products_inner_content p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 0px 0;
	padding: 0 20px 0 0;
}

#preamble .features h3,
#products_inner_content .features h3 {
	color: #518cae;
	font-weight: normal;
	font-size: 18px;
	margin: 0 0 10px 0;
}



/*Headers*/
#inner_header h2 {
	height: 19px;
	text-indent: -999em;
	margin: 47px 0 0 32px;
}
#inner_header h2.products {
	background: url(images/header_tag_products.png) 0 0 no-repeat;
	width: 148px;
}
#inner_header h2.about {
	background: url(images/header_tag_about_us.png) 0 0 no-repeat;
	width: 139px;
}
#inner_header h2.mtrs {
	background: url(images/header_tag_mtrs.png) 0 0 no-repeat;
	width: 85px;
}
#inner_header h2.contact {
	background: url(images/header_tag_contact.png) 0 0 no-repeat;
	width: 175px;
}
#inner_header h2.compliance_and_standards {
	background: url(images/header_tag_compliancestandards.png) 0 0 no-repeat;
	width: 392px;
}
#inner_header h2.events {
	background: url(images/header_tag_events.png) 0 0 no-repeat;
	width: 105px;
}


/*Head panel*/
#head_panel h1 {
	float: left;
	display: inline;
	margin: 3px 0 0 30px;
	font-size: 24px;
	font-weight: normal;
	color: #676969;
}
#head_panel div.types {
	float: right;
	display: inline;
}
#head_panel div.types img {
	float: left;
	display: inline;
	margin: 1px 0 0 0;
}


/*Preamble*/
#preamble .flow_conditioners {
	background: url(images/img_flow_conditioners.jpg) 0 0 no-repeat;
	padding: 0 0 15px 0;
}

#preamble .about_us {
	background: url(images/img_about_us.jpg) 0 0 no-repeat;
	padding: 0 0 20px 320px;
}

#preamble about {
    float: left;
}

#preamble .compliance .location span.image {
	float: left;
	display: inline;
	width: 305px;
    margin-right: 20px;
}

#preamble .mtrs {
	background: url(images/img_mtrs.png) 0 0 no-repeat;
	padding: 0 0 20px 317px;
}

#preamble .contact {
	padding: 0 0 20px 0;
}

/*Preamble content*/
#preamble .contact .location {
	overflow: hidden;
	height: 100%;
	margin: 0 0 20px 0;
}
#preamble .contact .location span.image {
	float: left;
	display: inline;
	width: 305px;
}
#preamble .contact .location .info {
	float: right;
	display: inline;
	width: 615px;
}



/*Preamble slanting text*/
#preamble div.slant {
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent transparent;
	border-width: 1em 1em 0 19em;
	margin: 0 0.25em 0 0;
	padding: 0;
	float: left;
	clear: left;
}


/*Forms*/
.form_row {
    background-color: #f4f4f4;
	margin: 0 0 5px 0;
	overflow: hidden;
	height: 100%;
}
.text_box_search {
	height: 30px;
	font-size: 18px;
	float: left;
	display: inline;
}
.search_button {
	float: left;
	display: inline;
	margin: 0 0 0 8px;
}

#preamble div.form_row {
	padding: 20px 20px 149px 20px;
}



/*Menu*/
ul#menu {
	height: 29px;
	background: #d6d7d8;
	border-bottom: 8px solid #e1e1e1;
	padding: 4px 0;
}
ul#menu li {
	float: right;
	display: inline;
	height: 30px;
	margin: 0 1px 0 0;
}
ul#menu li a {
	display: block;
	height: 30px;
	text-indent: -999em;
}

ul#menu li#home a {background: url(images/menu_home.png) 0 0 no-repeat; width: 85px;}
ul#menu li#about a {background: url(images/menu_about.png) 0 0 no-repeat; width: 101px;}
ul#menu li#products a {background: url(images/menu_products.png) 0 0 no-repeat; width: 96px;}
ul#menu li#mtr a {background: url(images/menu_mtr.png) 0 0 no-repeat; width: 76px;}
ul#menu li#compliance a {background: url(images/menu_compliance.png) 0 0 no-repeat; width: 206px;}
ul#menu li#contact a {background: url(images/menu_contact.png) 0 0 no-repeat; width: 116px;}


ul#menu li#home li a, ul#menu li#about li a, ul#menu li#products li a,
ul#menu li#mtr li a, ul#menu li#compliance li a,
ul#menu li#contact li a {
	background: none;
	width: 201px;
	color: white;
	font-size: 14px;
	text-shadow: black 1px 1px 15px;
	display: block;
	marign: 0 0 0 10px;
	height: auto;
}
ul#menu li#home li a:hover, ul#menu li#about li a:hover, ul#menu li#products li a:hover,
ul#menu li#mtr li a:hover, ul#menu li#compliance li a:hover,
ul#menu li#contact li a:hover, ul#menu li.msieFix a:hover,
ul#menu li#home li ul li a:hover, ul#menu li#about li ul li a:hover, ul#menu li#products li ul li a:hover,
ul#menu li#mtr li ul li a:hover, ul#menu li#compliance li ul li a:hover,
ul#menu li#contact li ul li a:hover, ul#menu li.msieFix ul li a:hover {
	background: #689fc0;
}



ul#menu li ul {
	background: url(images/dropdown_bg.png) 0 bottom no-repeat;
	padding: 5px 2px 10px 2px;
	position: absolute;
	width: 201px;
	z-index: 1000;
	left: -999em;
}
ul#menu li ul li.sub_menu ul {
	background: url(images/dropdown_bg.png) 0 bottom no-repeat;
	padding: 5px 2px 10px 2px;
	position: absolute;
	width: 201px;
	z-index: 1000;
	left: -999em;
}

ul#menu li ul li {
	display: block;
	float: none;
	height: auto;
}
ul#menu li ul li.last_li {background: none; padding-bottom: 0;}
ul#menu li ul li a {
	background: none;
	padding: 5px 0;
	margin: 0;
	text-indent: 20px;
	text-decoration: none;
}

ul#menu li:hover ul, ul#menu li.msieFix ul {left: auto;}
ul#menu ul li.sub_menu:hover ul, ul#menu ul li.sub_menu.msieFix ul {left: 200px; top: 0;}

ul#menu li#home a:hover, ul#menu li#about a:hover, ul#menu li#products a:hover,
ul#menu li#mtr a:hover, ul#menu li#compliance a:hover,
ul#menu li#contact a:hover {background-position: bottom left;}

ul#menu li#products.msieFix a {background-position: bottom left;}







/*Secondary menu*/
ul#secondary_menu {
	height: 29px;
	background: #ebeced;
	padding: 4px 0 4px 30px;
}
ul#secondary_menu li {
	float: left;
	display: inline;
	height: 30px;
	margin: 0 1px 0 0;
}
ul#secondary_menu li a {
	display: block;
	height: 30px;
	text-indent: -999em;
}

ul#secondary_menu li.features a {background: url(images/menu_features.png) 0 0 no-repeat; width: 192px; background-position: bottom left;}
ul#secondary_menu li.research a {background: url(images/menu_research.png) 0 0 no-repeat; width: 166px; background-position: bottom left; }

ul#secondary_menu li.features a:hover, ul#secondary_menu li.research a:hover {background-position: top left;}
ul#secondary_menu li.features.selected a, ul#secondary_menu li.research.selected a {background-position: top left;}



/*Images*/
.logo {
	float: left;
	display: inline;
	width: 267px;
	height: 50px;
	margin: 21px 0 0 30px;
}