html {
	background: url(../img/bg.jpg) repeat-x #f4f4f4;
	margin: 0;
	padding: 0;
}
body {
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 850px;
}
header,
footer,
section,
nav,
div {
	display: block;
	text-align: left;
}
h1 {
	margin: 0;
}
h2 {
	margin: 0;
}
p {
	margin: 10px 0;
}

a {
	color: #666;
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}

img {
	border-width: 0;
}

header {
	height: 140px;
	padding: 20px 0;
}
header h1 {
	float: left;
	margin: 0;
}
header a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
header a:hover {
	text-decoration: none;
}
header h1 a {
	background: transparent url(../img/logo.png) 0 0 no-repeat;
	height: 72px;
	overflow: hidden;
	text-indent: -9999px;
	width: 260px;
}
header nav {
	clear: left;
	float: left;
	margin: 24px 0 0 0;
}
header nav ul {
	height: 64px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header nav li {
	float: left;
	height: 64px;
	margin: 0 3px;
	padding: 0;
}
header nav a {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 24px;
	margin: 20px 0;
}
header nav .home a {
	background-image: url(../images/en/nav_home.gif);
	width: 59px;
}
header nav .about a {
	background-image: url(../images/en/nav_about.gif);
	width: 85px;
}
header nav .anodes a {
	background-image: url(../images/en/nav_anodes.gif);
	width: 75px;
}
header nav .service a {
	background-image: url(../images/en/nav_service.gif);
	width: 72px;
}
header nav .news a {
	background-image: url(../images/en/nav_news.gif);
	width: 110px;
}
header nav .contact a {
	background-image: url(../images/en/nav_contact.gif);
	width: 100px;
}
header nav a:hover,
.home header nav .home a,
.about header nav .about a,
.anodes header nav .anodes a,
.service header nav .service a,
.news header nav .news a,
.contact header nav .contact a {
	background-position: 0 bottom;
}
header nav.lang {
	clear: none;
	float: right;
	margin: 20px 0 0 0;
}
header nav.lang ul {
	height: 26px;
}
header nav.lang li {
	font-size: 9px;
	height: 26px;
	margin: 0 4px;
	text-align: center;
	text-transform: uppercase;
	width: 50px;
}
header nav.lang a {
	background-position: 15px 0;
	height: 16px;
	line-height: 16px;
	padding: 10px 0 0 0;
	text-indent: 0;
}
header nav.lang .english a {
	background-image: url(../img/flag_english.jpg);
}
header nav.lang .spanish a {
	background-image: url(../img/flag_spanish.jpg);
}
header nav.lang .chinese a {
	background-image: url(../img/flag_chinese.jpg);
}
header nav.lang .french a {
	background-image: url(../img/flag_french.jpg);
}
header nav.lang .japanese a {
	background-image: url(../img/flag_japanese.jpg);
}



/* ========== MIDDLE ========== */

#banner {
	background: transparent url(../img/main_bg.jpg) no-repeat top center;
	color: #fff;
	font-size: 12px;
	height: 325px;
	line-height: 16px;
}
#banner .col {
	float: left;
	margin: 8px 20px;
	width: 360px;
}
.news #banner .col {
	width: 140px;
}
.news #banner #news_certifications {
	width: 350px;
}
.news #banner #news_documents {
	width: 240px;
}
.news #banner .col ul {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}
.news #banner .col li {
	margin: 6px 0;
	padding: 0;
}
.news #banner .col li img {
	vertical-align: bottom;
}
#banner .left {
	width: 450px;
}
#banner .right {
	width: 300px;
}
#banner .right img {
	background: url(../img/img_bg_275x190.png) no-repeat;
	padding: 12px 14px;
}

#banner h1, #banner h2 {
	background-position: bottom;
	margin: 0;
	padding: 0;
}
#banner h1 {
	background-position: 0 bottom;
	background-repeat: no-repeat;
	height: 94px;
	padding: 7px 0 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 550px;
}
.home #banner h1 {
	background-image: url(../images/en/header_home.png);
}
.about #banner h1 {
	background-image: url(../images/en/header_about.png);
}
.anodes #banner h1 {
	background-image: url(../images/en/header_anodes.png);
}
.service #banner h1 {
	background-image: url(../images/en/header_service.png);
}
.news #banner h1 {
	background-image: url(../images/en/header_news.png);
}
.contact #banner h1 {
	background-image: url(../images/en/header_contact.png);
}
#banner .col h1 {
	background-image: none;
	font-size: 12px;
	font-weight: normal;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 0;
	text-indent: 0;
	width: auto;
}
#banner h2 {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 40px;
	padding: 0;
	text-indent: -9999px;
	width: 343px;
}
.home #banner h2 {
	background-image: url(../images/header_home_h2.png);
}
.about #banner h2 {
	background-image: url(../images/header_about_h2.png);
}
.anodes #banner h2 {
	background-image: url(../images/header_anodes_h2.png);
}
.service #banner h2 {
	background-image: url(../images/header_service_h2.png);
}
		
#banner a, #banner span {
	color: #00eaff;
	}
	
		
#middle_left ul li,
#middle_right ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 100%;
	}
	
#middle_right {
	float: right;
	margin: 0;
	padding: 0;
	width: 310px;
	}
	
	#middle_right .image {
		background: url(../img/img_bg_275x190.png) no-repeat;
		}

	#middle_right img {
		padding: 13px;
		}
	
	#middle_right ul {
		list-style: none;
		}
	
	
#middle_left_contact, #middle_right_contact {
	float: left;
	
	}

#middle_right_contact {
	padding-left: 75px;
	}

#middle_left_contact td {
	padding-right: 12px;
	padding-bottom: 5px;
	}
#middle_left_contact table {
	letter-spacing: -0.04em;
	}




/* ========== BOTTOM ========== */

#bottom {
	margin: 20px 0;
	width: 800px;
}
#bottom h2 {
	height: 30px;
	padding: 10px 0 0 0;
	text-indent: -9999px;
	width: 186px;
}
	
	h2.bottom_home {
		background: url(../images/en/header_home_h2_2.png) no-repeat;
		}
	
	h2.bottom_service {
		background: url(../images/en/header_service_h2_2.png) no-repeat;
		}
	
	/* 2 column header organization
	h2.bottom_about {
		background: url(img/header_about_h2_2.png) no-repeat;
		}
		
	h2.bottom_about2 {
		background: url(img/header_about_h2_3.png) no-repeat;
		} */
	
	h2.bottom_about {
		background: url(../images/en/header_about_h2_2.png) no-repeat;
		width: 550px !important;
		}
		
		h2.bottom_about2 {
			background: none;
			}
			
		h2.bottom_anodes-1 {
			background: url(../images/en/header_anodes_h2_2-1.png) no-repeat;
			}
			
		h2.bottom_anodes-2 {
			background: url(../images/en/header_anodes_h2_2-2.png) no-repeat;
			}
			
		h2.bottom_anodes-3 {
			background: url(../images/en/header_anodes_h2_2-3.png) no-repeat;
			}
			
		h2.bottom_anodes-4 {
			background: url(../images/en/header_anodes_h2_2-4.png) no-repeat;
			}
	
	h2.bottom_news {
		background: url(../images/en/header_news_h2_2.png) no-repeat;
		margin-left: 25px;
		}
	
			
#bottom .primary {
	height: 200px;
	margin: 20px 0;
	width: 800px;
}
	

	
#bottom .primary_contact {
	width: 800px; height: 30px !important;
	}

#gallery {
	height: 450px !important;
	color: #666;
	clear: both;
	}

#news_gallery {
	margin: auto !important;
	text-align: center;
	}
	
	#news_gallery img {
		margin: 10px;
		}
		
		
	
#bottom_left {
	float: left;
	width: 335px;
}
#bottom_left .image {
	background: url(../img/img_bg_325x185.png) no-repeat;
}
		
	#bottom_left img {
		padding: 12px;
		}
	
#bottom_right,  
.bottom_left_about, 
#bottom_news {
	color: #666;
	}
	
	.bottom_left_about {
		float: left;
		width: 375px;
		}

#bottom_right {
	float: left;
	margin-left: 30px;
	width: 380px;
}
	
#bottom_news {
	width: 785px;
	}




footer {
	clear: left;
	font-size: .9em;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
}

footer section {
	background: transparent url(/img/bottom_bg.jpg) 0 0 repeat-x;
	color: #fff;
	font-size: .9em;
	height: 290px;
	margin: 0;
}
footer section ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer section li {
	float: left;
	height: 250px;
	margin: 20px 0;
	width: 212px;
}
footer section h3 {
	height: 28px;
	margin: 0 0 0 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 174px;
}
footer section .about h3 {
	background: transparent url(../images/en/bottom_about.png) 0 0 no-repeat;
}
footer section .anodes h3 {
	background: transparent url(../images/en/bottom_anodes.png) 0 0 no-repeat;
}
footer section .service h3 {
	background: transparent url(../images/en/bottom_service.png) 0 0 no-repeat;
}
footer section .contact h3 {
	background: transparent url(../images/en/bottom_contact.png) 0 0 no-repeat;
}
footer section p {
	float: none;
	font-size: 12px;
	height: 40px;
	margin: 10px auto;
	width: 170px;
}
footer section img {
	background: transparent url(../images/cube_bg.jpg) 0 0 no-repeat;
	height: 126px;
	margin: 15px;
	padding: 6px;
	width: 169px;
}
footer nav ul {
	float: left;
	list-style-type: none;
	margin: 10px 0 20px 0;
	padding: 0;
}
footer nav li {
	border-left: 1px solid #999;
	float: left;
	margin: 0 8px 0 0;
	padding: 0 0 0 8px;
}
footer p {
	float: right;
	margin: 10px 0 20px 0;
}

li.first {
	border-width: 0;
}



.anodes #bottom .primary {
	height: 300px;
}
.anodes #secondary {
	margin-top: 20px;
}

#scrollnav {
	background: transparent url(../img/scrollnav_bg.gif) 0 bottom no-repeat;
	height: 29px;
	margin: 0;
	padding: 0 80px;
	text-align: center;
	width: 800px;
}
#scrollnav li {
	display: inline;
	height: 28px;
	margin: 0;
	padding: 0;
	width: 152px;
}
#scrollnav li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	width: 152px;
}
#scrollnav .tab1 {
	background-image: url(../img/tab_1.gif);
}
#scrollnav .tab2 {
	background-image: url(../img/tab_2.gif);
}
#scrollnav .tab3 {
	background-image: url(../img/tab_3.gif);
}
#scrollnav .tab4 {
	background-image: url(../img/tab_4.gif);
}
#scrollnav table {
	margin: 0;
}
.scrollable {
	color: #666;
	height: 260px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 800px;
}
.scrollable .items {
    width: 20000em; 
    position:absolute; 
}
.scrollable .items .item {
	float:left;
	width: 800px;
}
.scrollable h2 {
	margin: 15px 0 0 0;
	padding: 0;
}
.scrollable td {
	padding-right: 20px;
}
.scrollable ul li {
	color: #3399cc;
}



/* -----------------------------------

			New Document Section
			
--------------------------------------*/



#documentBottom {}
	#documentBottom h1 {font-size:14px; text-transform: uppercase; font-weight: normal; margin-left: 35px; color:#3399cc; margin-bottom: 25px;}
	#documentBottom li {list-style-type: none; padding-bottom: 5px; padding-left: 0;}
	
	#col1 {float:left; width: 220px;}
	#col2 {float:left; width: 220px;}
	#col3 {float:right; width: 220px;}