body {
	font: 11px Verdana, Arial;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 0;
	background: #5f5e3f;
	text-align:center;
}

/* This bit does all the work */
div#container {
	position: relative;
	background: url('gfx/lajatausta.jpg') repeat-y;
	width: 750px;
	text-align: center; 
	margin: 0 auto;
}

div#header { 
	background: url('gfx/mz_header.jpg') no-repeat;
	padding: 0;
	margin: 0;
	height: 177px; 
	width: 750px;
}

div#inner {
	width: 750px;
	border: solid 0px red;
	margin: 0 auto;
}

div#linkit {
	float: left;
	width: 0px;
	height: 100%;
	border-right: solid 0px #efefef;
	text-align: left;
	padding: 0 10px 0 5px;
}

div#mainokset {
	float: right; 
	width: 150px;
	height: 100%;
	border-left: solid 0px #efefef;
	text-align: right;
	padding: 0 15px 0 10px;
}

div#sisalto {
	float: left;
	width: 540px;
	height: 100%;
	margin: 0;
	text-align: left;
	border-left: solid 0px #efefef;
	border-right: solid 0px #efefef;
	padding: 0 0px 0 25px;
}

* html div#sisalto {
	padding-top: 10px;
}

div#footer { 
	background: url('gfx/footer.gif') no-repeat;
	padding: 0;
	margin: 0;
	width: 750px;
	height: 30px; 
	color: #fff;
}

div#kello {
	position: absolute;
	left: 268px;
	top: 15px;
}

div#mz_pallo {
	position: absolute;
	left: 150px;
	top: 35px;
	width: 50px;
	height: 50px;
	background: url('gfx/mz_pallo.jpg') no-repeat;
}

div#mz_flash {
	position: absolute;
	left: 10px;
	top: 1px;
}

/* Multizone valikko*/
#multizone {
	width: 300px;
	height: 80px;
	list-style-type: none;
	list-style-image: none;
	margin: 0 auto;
	padding: 5px 0px 5px 0px;
}

#multizone li {
	float: left;
	width: 100px;
	height: 80px;
	padding: 0 0px 0 0;
	list-style-image: none;
}

#multizone a {
	color: #fff;
	font-size: 0px;
	position: relative;
	letter-spacing: 0.01em;
	display: block;
	text-transform: uppercase;
	height: 80px;
	width: 100px;
	padding: 0;
	position: static;
	background-image: url('gfx/valikko.jpg');
	overflow: hidden;
}

#mz-knetti a {
	background-position: 0px 0px; 
}


#mz-kuvat a {
	background-position: -100px 0px;
}

#mz-videot a {
	background-position: -200px 0px;  
}



#mz-knetti a:hover {
	background-position: 0px -80px; 
}

#mz-kuvat a:hover {
	background-position: -100px -80px; 
}

#mz-videot a:hover {
	background-position: -200px -80px; 
}

/* Multizone valikko loppuu*/


table.mz_table {
   text-align: center;
   color: #ffffff;
   border: 1px solid #424242;
}
table.mz_table td {
   background-color: #252525;
   margin: auto;
   text-align: center;
   border: 1px solid #333333;
   color: #ffffff;
   padding: 5px 5px 5px 5px;
}

table.mz_table tr {
   border-left: 1px solid #333333;
}

table.mz_table td.a {
   background-color: #383838;
}

table.mz_table td a {
	color: #b9b52d;
}

table.mz_table td a:hover {
	color: #878420;
}

/* Multizone loppuu */


/* Multizone mainos alkaa */

a#mainos {
	display:block;
	width: 150px;
	height: 230px;
	background-image: url('gfx/mainosta.gif');
	background-position: 150px 0px; 
	font-size: 0px;
	text-indent: -99999px;
}

a:hover#mainos {
	width: 150px;
	height: 230px;
	background-image: url('gfx/mainosta.gif');
	background-position: 0px 0px; 
	font-size: 0px;
	text-indent: -99999px;
}

/* Multizone mainos loppuu */


div.spacer {
	clear: both;
}


/* Valikko */
#nav {
	position: absolute;
	left: 350px;
	top: 0px;
	width: 375px;
	height: 165px;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 20px;
}

#nav li {
	float: left;
	width: 70px;
	height: 155px;
	list-style-image: none;
}

#nav a {
	color: #fff;
	font-size: 0px;
	position: relative;
	letter-spacing: 0.01em;
	display: block;
	padding: 6px 6px 6px 20px;
	text-transform: uppercase;
	height: 155px;
	width: 70px;
	padding: 0;
	position: static;
	background-image: url(gfx/valikko_bg.jpg);
	overflow: hidden;
}

/* Mouse out tilassa */
#b-etusivu a { background-position: -2px 0; }
#b-uutiset a { background-position: -72px 0; }
#b-linkit a { background-position: -144px 0; }
#b-kmedia a { background-position: -216px 0; }
#b-multizone a { background-position: -288px 0; width: 87px; }

/* Mouse on tilassa */
#b-etusivu a:hover { background-position: -2px 165px; }
#b-uutiset a:hover { background-position: -72px 165px; }
#b-linkit a:hover { background-position: -144px 165px; }
#b-kmedia a:hover { background-position: -216px 165px; }
#b-multizone a:hover { background-position: -288px 165px; width: 87px; }

/* Valikko loppuu */


/* Muotoilut */

div#sisalto img.infoteksti {
	padding: 0 0 0 110px;
}

div#mainokset img.mainos {
	padding: 5px 0 5px 0;
}

div#sisalto img.uutiskuva {
	float: right;
	padding: 0 5px 5px 5px;
}

div#footer p {
	font-size: 90%;
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0 auto;
	padding: 5px 0 0 0;
	color: #b9b52d;
}

h3 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	padding: 0px 0 0px 0;
	margin: 0;
}

h2 {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 16px;
	padding: 0px 0 0px 0;
	margin: 0;
}

h1 {
	font-family: Georgia, Arial, Helvetica, Sans-serif;
	font-size: 17px;
	padding: 0px 0 10px 0;
	margin: 0;
	color: #b9b52d;
}

a {
	color: #b9b52d;
}

a:hover {
	color: #878420;
}