/* navigation */

div#topnavi {
	width: 560px;
	height: 25px;
	float: right;
	margin: 40px 0 0 0;
	}

ul.topnavi {
	list-style-type: none;
	margin: 0;
	}

ul.topnavi li {
	margin: 0;
	padding: 0;
	float: left;
	}

a.button#home {
	margin-right: 2px;
	padding: 4px 9px;
	background: url(../img/home.jpg) no-repeat 2px 1px;
	}

a.button#home:hover {	
	background: #5C707B url(../img/home_over.jpg) no-repeat  1px 1px;
	}

a.button {
	display: block;
	margin-right: 2px;
	padding: 4px 8px;
	text-transform: uppercase;
	color: #5C707B;
	background: #BDC4CC;
	}

a.button:hover {
	text-decoration: none;
	color: #EFF0F4;
	background: #5C707B;
	}

/* sitemapnavi */

div#block1 a, div#block2 a, div#block3 a, div#block4 a, div#block5 a {
	color: #EFF0F4;
	padding-left: 20px;
	background: url(../img/arrow_bright.png) no-repeat 0 3px;
	}

/* subnavi */

div#subnavi {
	position: absolute;
	margin: 61px 0 0 40px;
	width: 200px;
	display: none;
	z-index: 999
	}

ul.navisub {
	margin: 0;
	
	}

ul.navisub li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

a.sub {
	font-family: "Michroma", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	color: #5C707B;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 0 0 8px;
	letter-spacing: 1px;
	display: block;
	width: 187px;
	height: 55px;
	}

a.sub#smelters {
	background: url(../img/navi/button.jpg) no-repeat;
	}
	
a.sub#smelters:hover {
	background: url(../img/navi/back_navi_blue.png) no-repeat;
	color: #FFFFFF;
	}
	
a.sub#products {
	background: url(../img/navi/button.jpg) no-repeat;
	}
	
a.sub#products:hover {
	background: url(../img/navi/back_navi_red.png) no-repeat;
	color: #FFFFFF;
	}
	
a.sub#distribution {
	background: url(../img/navi/button.jpg) no-repeat;
	}
	
a.sub#distribution:hover {
	background: url(../img/navi/back_navi_green.png) no-repeat;
	color: #FFFFFF;
	}
	
a.sub#logistics {
	background: url(../img/navi/button.jpg) no-repeat;
	}
	
a.sub#logistics:hover {
	background: url(../img/navi/back_navi_lightgreen.png) no-repeat;
	color: #FFFFFF;
	}
	
div#smeltersbox {
	position: absolute;
	margin: 0 0 0 242px;
	width: 472px;
	height: 115px;
	background: #00529b;
	opacity: 0.8;
	display: none
}

div#productsbox {
	position: absolute;
	margin: 0 0 0 242px;
	width: 472px;
	height: 115px;
	background: #e41a0e;
	opacity: 0.8;
	display: none
}

div#distributionbox {
	position: absolute;
	margin: 0 0 0 242px;
	width: 472px;
	height: 115px;
	background: #007d47;
	opacity: 0.8;
	display: none
}

div#logisticsbox {
	position: absolute;
	margin: 0 0 0 242px;
	width: 472px;
	height: 115px;
	background: #4aa42d;
	opacity: 0.8;
	display: none
}

div#smelterstextbox, div#productstextbox, div#distributiontextbox, div#logisticstextbox {
	position: absolute;
	margin: 0 0 0 242px;
	padding: 20px;
	width: 400px;
	height: 105px;
	color: #FFFFFF;
	font-size: 14px;
	display: none
}

div#smelterspicbox, div#productspicbox, div#distributionpicbox, div#logisticspicbox {
	position: absolute;
	display: none
}