html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {font-size:75%;color:#fff;background:#000;font-family:"Courier New", Georgia, Times, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size: 4em;line-height: 1;margin-bottom: 0.5625em;}
h2 {font-size: 3em;line-height: 1;margin-bottom: 0.5em;}
h3 {font-size: 2em;line-height: 1;margin-bottom: 0.75em;}
h4 {font-size:1em;margin-bottom:0.75em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
img.left {float:left;margin: 0 2em 1.5em 0;padding:0;}
img.right {float:right;margin: 0 0 1.5em 2em;}
a:focus, a:hover {color:#eee;}
a {color:#FF380F;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;text-align:left;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* Layout */
#page { position: relative; }
#main { padding-top: 200px; min-height: 605px; background-color: #000; background-repeat: no-repeat; background-position: top left; }

.page-home #main			{ padding-top: 0; height: 605px; background-image: url(../images/2008/etusivu-bg.jpg); }
.page-products #main	{ background-image: url(../images/2008/tuotteet-bg.jpg); width: 960px; }
.page-retailers #main	{ background-image: url(../images/2008/alasivu00-bg.jpg); }
.page-pamphlets #main	{ background-image: url(../images/2008/alasivu01-bg.jpg); }
.page-videos #main		{ background-image: url(../images/2008/alasivu02-bg.jpg); }
.page-security #main	{ background-image: url(../images/2008/alasivu00-bg.jpg); }
.page-flyer #main			{ background-image: url(../images/2008/alasivu01-bg.jpg); }
.page-feedback #main	{ background-image: url(../images/2008/alasivu02-bg.jpg); }
.page-games	#main			{ background-image: url(../images/2008/alasivu02-bg.jpg); }
.page-oldies #main		{ background-image: url(../images/2008/alasivu01-bg.jpg); }
.page-comics #main		{ background-image: url(../images/2008/alasivu02-bg.jpg); }
.page-feedback #main	{ background-image: url(../images/2008/alasivu00-bg.jpg); }
.page-links #main			{ background-image: url(../images/2008/alasivu01-bg.jpg); }
.page-shoplist #main	{ background-image: url(../images/2008/alasivu02-bg.jpg); }
.page-content #main		{ background-image: url(../images/2008/alasivu00-bg.jpg); }
.page-thesis #main		{ background: #000 url(../images/2008/teesi-bg.gif) 0 75px no-repeat; padding-top: 430px; }

.page-popup { padding: 2em; }

#header 						{ background: #FF380F; padding: 5px 10px 10px; }
.page-home #header 	{ height: 120px; }

#footer {color: #000; clear: both; background: #FF380F; font-size: 1.5em; padding: 5px 10px; font-weight: bold; }
#footer a {color: #000;}

#news { color: #000; position: absolute; left: 505px; top: 380px; height: 280px; width: 215px; overflow: auto; }

#sidenav 						{ color: #FF380F; float: left; width: 200px; margin-right: 10px; padding: 20px 0 0 20px; }
#sidenav h6 a:hover { text-decoration: underline; }
#sidenav h6 a 			{ color: #f4b100; text-decoration: none; }

#content 	{ float: left; width: 44em; padding: 20px; }

.page-products #content 	{ width: 710px; padding: 20px 10px; }
.page-retailers #content 	{ width: 52em; }
.page-oldies #content			{ width: 840px; }
.page-comics #content			{ width: 730px; }
.page-feedback #content		{ }
.page-games #content			{ width: 960px; }
.page-thesis #content 		{ padding-left: 90px; width: 740px; }

.page-retailers table th { border-bottom: 1px solid #fff; }
.page-retailers table td { border-bottom: 1px solid #eee; border-left: 1px solid #666; }

.cover { float: left; margin: 0 10px 10px 0; }

#menu					{ position: relative; z-index: 99; width: 960px; color: #000;}
#menu a:hover { text-decoration: underline; }
#menu a				{ color: #000; text-decoration: none; }

#menu-top 									{ float: left; font-size: 2em; }
#menu-top ul								{ list-style: none; }
#menu-top img,
#menu-top li								{ float: left; }
#menu-top a:hover 					{ background-position: 0 -34px; }
#menu-top a									{ height: 34px; text-indent: -999em; display: block; float: left; background: #FF380F url(../images/2008/menu/etusivu.png) 0 0 no-repeat; }
#menu-top img								{ float: left; }
#menu-top a.disabled:hover,
#menu-top a.disabled				{ background-position: 0 -68px; }

#menu-top #etusivu	 	{ background: url(../images/2008/menu/etusivu.png) 0 0 no-repeat; width: 34px; }
#menu-top #tuotteet 	{ background-image: url(../images/2008/menu/tuotteet.png); width: 105px; }
#menu-top #myymalat 	{ background-image: url(../images/2008/menu/myyntipisteet.png); width: 166px; }
#menu-top #ostoslista { background-image: url(../images/2008/menu/ostoslista.png); width: 138px; }
#menu-top #videot 		{ background-image: url(../images/2008/menu/videot.png); width: 78px; }
#menu-top #sarjakuvat { background-image: url(../images/2008/menu/sarjakuvat.png); width: 140px; }
#menu-top #jakomainos { background-image: url(../images/2008/menu/jakomainos.png); width: 137px; }

#menu-bottom 										{ clear: both; font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
#menu-bottom ul 								{ list-style: none; margin: 0; padding:0; }
#menu-bottom li 								{ float: left; padding-left: 2px; }
#menu-bottom a									{ float: left; padding-right: 2px; }
#menu-bottom a.disabled:hover,
#menu-bottom a.disabled					{ color: #7f1c07; }

#tykit		{ float: left; width: 400px; margin-right: 20px; padding: 20px; }
#suutarit { float: left; width: 400px; padding: 20px; }

.kysymys {color: #fff;font-weight:bold;}
.vastaus {color: #eee;}

#tuotetiedot 	{ float: left; width: 305px; margin-right: 10px; }
#tuotekuvat 	{ float: left; width: 395px;}
#tuotekuva		{ text-align: center; background: #000 url(../images/2008/tuotekuva-bg.gif) no-repeat 0 0; width: 391px; height: 500px; padding: 110px 2px 10px 2px; overflow:hidden;}

#layer-korkkari 		{z-index: 50;position:absolute;bottom: 60px; left: 20px; }
#layer-keiu 				{z-index: 50;position:absolute;top:100px;left:0; }
#layer-keiunosto 		{z-index: 99;position:absolute;top:100px;left:250px; }
#layer-kasi 				{z-index: 50;position:absolute;top: 0; left: 720px; }
#layer-donnerwetter {position:absolute;z-index:50;top:620px;left:789px; }
#layer-kone {position:absolute;z-index:50;top:477px;left:789px; }

.page-games #game,
.page-games #clues,
.page-games #analyze { float: left; }

.page-games #game {margin-right: 10px; width: 570px;}
.page-games #clues {margin-right: 10px; width: 320px;}
.page-games #analyze { width: 220px;}
.page-games #flash {clear: both;}

.page-games #status {font-size: 1.2em;}

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#000;color:#000;}
.clearfix:after,
#page:after,
#menu:after,
#main:after,
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {clear:both;}

label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}