* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000;
	text-align: center;
	font: normal 75%/1.3 Arial, Helvetica, sans-serif; 
}

.yellow { color: #ffed00; }
.blackborder-right { border-right: 1px solid black; }
.blackborder-left { border-left: 1px solid black; }
.half { width: 50%;}
.spaced-left { padding-left: 2.4em;}
.spaced-top {padding-top: 2em;}
.spaced-bottom {padding-bottom: 2em;}

a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	background: transparent url('img/bg-link.gif') repeat-x 0 bottom;
}


a:link { }
a:link, a:visited { }
a:active, a:hover { background-color: #f3f3f3; }

a.plain { background-image: none; }
a.plain:hover { background-color: transparent; }

p.frontpage { padding-top: 4em; }

ul {
	padding-left: 1em;
}
img {
	border: 0;
}

h1, h2, h3 {
	font-size: 100%; font-weight: bold; text-align: left;
	margin: 0 0 1.2em; padding: 0;
}

/*
 * 	LAYOUT
 */

div#top {
	height: 132px;
	width: 100%;
	text-align: center;
	background: #000;
}

div#top-metal {
	height: 49px;
	width: 100%;
	text-align: center;
	background: url("img/top_metal.gif") repeat-x top center;
}

div#header {
	margin: 0 auto;
	margin-top: 0px;
	text-align: left;
	width: 808px;
	height: 126px;
	background: #000 url("img/header.jpg") top left;

}
div#navigation { }

div#middle {
	background: #fff url("img/pohjakuvio.png") no-repeat top center;
	width: 100%;
	min-height: 400px;
}	

div#content,
div#content-home {
	margin: 0 auto; width: 750px;
	text-align: left;
	padding-top: 5px; padding-bottom: 10px;
	position: relative; 
}

div#content-home { width: 960px;  }

div#bottom {
	height: 150px;
	background: #000 url("img/btm_metal.jpg") top center repeat-x;
}

div#footer {
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
}

/* CONTENT PAGES */

p {
	margin-bottom: 1em;
}

ul {
	margin-left: 1em;
	margin-bottom: 2em;
}


div.pageimage {
	margin: 10px 0 24px;
}
table.layout  {
	border-collapse: collapse;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 100%;
}

table#layout-home { width: 750px; left: 130px; display: block; position: relative; }

table.layout tr {
	padding: 0;
	margin: 0;
}

table.layout td {
	vertical-align: top;
}

table.layout td.last {
	padding-right: 0px;
}

table.layout p {
	text-align: left;
}
table.layout tr td img {
	margin: 0;
}

/*  MENU STYLE */

div#navigation ul {
	padding-top: 95px;
	padding-left: 130px;
	font-size: 140%;
	margin: 0;
}
#navigation ul li {
	list-style: none;
	padding-right: 0px;
	display: block;
	float: left;
}
#navigation ul li a {
	height: 28px;
	width: 80px;
	display: block;
	margin-right: 32px;
}
#navigation ul li a#etusivu {
	width: 73px;
	background: url("img/navi/etusivu.jpg");
}
#navigation ul li a#etusivu.active, #navigation ul li a#etusivu:hover  {
	background: url("img/navi/etusivu_active.jpg");
}


#navigation ul li a#palvelut {
	width: 90px;
	background: url("img/navi/palvelut.jpg");
}
#navigation ul li a#palvelut.active, #navigation ul li a#palvelut:hover  {
	background: url("img/navi/palvelut_active.jpg");
}

#navigation ul li a#tuotantolaitteet {
	width: 150px;
	background: url("img/navi/tuotantolaitteet.jpg");
}
#navigation ul li a#tuotantolaitteet.active, #navigation ul li a#tuotantolaitteet:hover  {
	background: url("img/navi/tuotantolaitteet_active.jpg");
}

#navigation ul li a#tuotteet {
	width: 85px;
	background: url("img/navi/tuotteet.jpg");
}
#navigation ul li a#tuotteet.active, #navigation ul li a#tuotteet:hover  {
	background: url("img/navi/tuotteet_active.jpg");
}

#navigation ul li a#erikoistuotteet {
	width: 140px;
	background: url("img/navi/erikoistuotteet.jpg");
}
#navigation ul li a#erikoistuotteet.active, #navigation ul li a#erikoistuotteet:hover  {
	background: url("img/navi/erikoistuotteet_active.jpg");
}

#navigation ul li a#yhteystiedot {
	width: 120px;
	background: url("img/navi/yhteystiedot.jpg");
	margin-right: none;
}
#navigation ul li a#yhteystiedot.active, #navigation ul li a#yhteystiedot:hover  {
	background: url("img/navi/yhteystiedot_active.jpg");
}


/* TUOTTEET */

div.image_text {
	float: left;
	display: block;
	padding: 0 1.6em 1em 0;

}

/* ERIKOISTUOTTEET */
.thumbimages img {
	padding: 0 6px 6px 0;
}

.thumbimages a {
	background-image: none;
}
.thumbimages a:hover {
	background-color: transparent;
}

/* FOOTER STYLE */

div#footer-address {
	color: white;
	font-weight: bold;
	padding: 1em 0;
	letter-spacing: 1px;
}

div#footer-label {
	margin: 0 auto;	
	width: 800px;
	height: 100px;
	background: #000 url("img/footer_label.gif") 420px 0 no-repeat;
	text-align: left;
	padding-top: 0.5em;
}

div#footer-label img {
	margin-left: 20px;
}

div#footer-label a {
	background-image: none;
}

div#footer-label a:hover {
	background-color: transparent;
}

/* SPECIAL */
#avainlippu { position: absolute; top: 8px; left: 0px; }

