/* TFC main navigation CSS created 01.04.08 */

	#main-nav {
		margin: auto;
		padding-right: 15px;
		padding-left: 25px;
		width: 712px;
		height: 22px;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(tfc_nav_bg.jpg);
	}

	#top2 a {
		text-transform: uppercase;
		text-align: center;
		width: 40px;
		font-weight: bold;
		padding: 7px;
		background-color: #87b426;
		color: white;
		z-index: 1;
		left: 5px;
		top: 5px;
		position: fixed;
		text-decoration: none;
		font-size: .8em;
	}

	#top2 a:hover {
		text-transform: uppercase;
		text-align: center;
		width: 40px;
		font-weight: bold;
		padding: 7px;
		background-color: #003366;
		color: white;
		z-index: 1;
		left: 5px;
		top: 5px;
		position: fixed;
		text-decoration: none;
		font-size: .8em;
	}

	#bottom a {
		text-transform: uppercase;
		text-align: center;
		width: 40px;
		font-weight: bold;
		padding: 7px;
		color: #003366;
		background-color: #ff8000;
		color: white;
		z-index: 1;
		left: 5px;
		bottom: 5px;
		position: fixed;
		text-decoration: none;
	}

	#bottom a:hover {
		text-transform: uppercase;
		text-align: center;
		width: 40px;
		font-weight: bold;
		padding: 7px;
		background-color: #87b426;
		color: white;
		z-index: 1;
		left: 5px;
		bottom: 5px;
		position: fixed;
		text-decoration: none;
	}

	#DE_flag.bk {
		float: right;
		margin-left: 5px;
	}

	#UK_flag a {
		margin: auto;
		float: right;
		text-decoration: none;
		width: 90px;
		height: 30px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-image: url(UK1.jpg);
	}

	#UK_flag a:hover {
		margin: auto;
		float: right;
		width: 90px;
		height: 30px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-image: url(UK2.jpg);
	}

	#home_flag {
		float: right;
	}

	#home_flag a {
		margin: auto;
		float: right;
		text-decoration: none;
		width: 90px;
		height: 30px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-image: url(HOME1.jpg);
	}

	#home_flag a:hover {
		margin: auto;
		float: right;
		width: 90px;
		height: 30px;
		background-position: center bottom;
		background-repeat: no-repeat;
		background-image: url(HOME2.jpg);
	}

	#top-nav {
		margin: 0;
		padding: 0;
		}

	#top-nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

	#top-nav li {
		font-weight: bold;
		font-family: "Lucida Grande", Verdana, Arial, sans-serif;
		font-size: 0.7em;
		text-transform: uppercase;
		list-style-position: inside;
		list-style: none;
		float: left;
		text-decoration: none;
		}

	#top-nav li a {
		color: white;
		display: inline-block;
		padding-top: 4px;
		padding-right: 4px;
		padding-left: 4px;
		text-decoration: none;
		height: 18px;
		}

	#top-nav li a:hover {
		color: white;
		display: inline-block;
		border-bottom-color: #b3dc10;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		padding-top: 4px;
		padding-right: 4px;
		padding-left: 4px;
		text-decoration: none;
		height: 14px;
		}




	#flipbook_box {
		height: 200px;
	}

	#flipbooks {
		margin: 0;
		padding: 0;
		}

	#flipbooks ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

	#flipbooks li {
		list-style-position: inside;
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline-block;
		width: 216px;
		height: 191px;
		float: left;
		text-decoration: none;
		}

	#technical a {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(technical_1.jpg);
		float: left;
		text-decoration: none;
		width: 216px;
		height: 191px;
	}
	
	#technical a:hover {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(technical_2.jpg);
		float: left;
		text-decoration: none;
		width: 216px;
		height: 191px;
	}

	#standard a {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(standard_1.jpg);
		float: left;
		text-decoration: none;
		width: 216px;
		height: 191px;
	}
	
	#standard a:hover {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(standard_2.jpg);
		float: left;
		text-decoration: none;
		width: 216px;
		height: 191px;
	}

	#single a {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(s_source_1.jpg);
		float: left;
		text-decoration: none;
		width: 144px;
		height: 191px;
	}
	
	#single a:hover {
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(s_source_2.jpg);
		float: left;
		text-decoration: none;
		width: 144px;
		height: 191px;
	}


	#flipbook_box2 {
	height: 350px;
	float: left;
	}

	#flipbooks2 {
		margin: 0;
		padding: 0;
		}

	#flipbooks2 ul {
		list-style: none;
		margin: 0;
		padding: 0;
		}

	#flipbooks2 li {
	list-style-position: inside;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 180px;
	float: left;
	text-decoration: none;
		}

	#std1 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(nav-boxes1.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 102px;
	height: 65px;
	}
	
	#std1 a:hover {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes1.1.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 102px;
		height: 65px;
	}

	#std2 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(nav-boxes2.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 102px;
	height: 65px;
	}
	
	#std2 a:hover {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes2.1.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 102px;
		height: 65px;
	}

	#std3 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(nav-boxes3.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 102px;
	height: 65px;
	}
	
	#std3 a:hover {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes3.1.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 102px;
		height: 65px;
	}

	#std4 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(nav-boxes4.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 102px;
	height: 65px;
	}
	
	#std4 a:hover {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes4.1.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 102px;
		height: 65px;
	}

	#tec1 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(metric_1.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 163px;
	height: 65px;
	}
	
	#tec1 a:hover {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(metric_2.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 163px;
	height: 65px;
	}

	#ss1 a {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes6.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 163px;
		height: 65px;
	}
	
	#ss1 a:hover {
		font-size: .8em;
		font-weight: bold;
		color: white;
		background-position: center top;
		background-repeat: no-repeat;
		background-color: white;
		background-image: url(nav-boxes6.1.jpg);
		float: left;
		text-decoration: none;
		padding-top: 263px;
		padding-left: 24px;
		width: 163px;
		height: 65px;
	}

	#ss2 {
		float: left;
		text-decoration: none;
		padding-left: 24px;
		padding-left: 124px;
		width: 363px;
	}
	
	#flipbook_box3 {
	height: 350px;
	float: left;
	margin-right: 25px;
}

#tec2 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(laminar_1.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 163px;
	height: 65px;
}
#tec2 a:hover {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(laminar_2.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 163px;
	height: 65px;
}
#flipbook_metric {
	height: 350px;
	margin-right: 25px;
	float: left;
	width: 180px;
}
#flipbook_box4 {
	height: 350px;
	float: left;
	margin-right: 25px;
	width: 180px;
}
#tec3 a {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(smalley_1.jpg);
	text-decoration: none;
	width: 163px;
	padding-left: 24px;
	padding-top: 263px;
	float: left;
	height: 65px;
	background-position: center top;
}
#tec3 a:hover {
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	background-image: url(smalley_2.jpg);
	float: left;
	text-decoration: none;
	padding-top: 263px;
	padding-left: 24px;
	width: 163px;
	height: 65px;
}
#flipbooks3 li {
	list-style-position: inside;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 180px;
	float: left;
	text-decoration: none;
}
#flipbooks3 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#flipbooks3 {
	margin: 0;
	padding: 0;
}
#standard li {
	list-style-position: inside;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 157px;
	float: left;
	text-decoration: none;
}
#standard ul {
	list-style: none;
	margin: 0;
	padding: 0;
}