/* R E S E T */
body { font-size: 62.5%; margin: 0; padding: 0; }
dl, dd, dt, ol, ul, li, blockquote, p, a, div, h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}

p, ul, dl, ol, blockquote, h1, h2, h3, h4, img
{
	margin-bottom: 1em;
}

img
{
	border: none;
}


/* T Y P O */
body
{
	color: #f6f6f6;
	font-family: Verdana, Helvetica, sans-serif;
}

div#content { font-size: 11px; }

	h3, h4
	{ 
		font-size: 1em;
		text-transform: uppercase;
		font-weight: bold;
		border-bottom: 1px dotted white;
		padding-bottom: 5px;
	}
	
	h4
	{
		border: none;
		padding: 0 0 0 10px;
		margin-left: -10px;
		line-height: 17px;
	}
	
	h4#moduli { background: url('../images/catalog/title-bg-moduli.jpg') 0 0 no-repeat; }
	h4#mup { background: url('../images/catalog/title-bg-mup.jpg') 0 0 no-repeat; }
	h4#nappi { background: url('../images/catalog/title-bg-nappi.jpg') 0 0 no-repeat; }
	h4#neppari { background: url('../images/catalog/title-bg-neppari.jpg') 0 0 no-repeat; }
	
	div#content ul
	{
		margin-left: 1.5em;
		list-style-type: circle;
	}

div#sidebar { color: #333; font-size: 12px; }

div#sidebar a { color: #333; }


/* Rest of it */
body
{
	background: #424242 url('../images/catalog/body-bg.jpg') 0 0 repeat-y;
}

div#header,
div#sidebar
{
	float: left;
	clear: both;
}

div#header
{
	background: #272829;
	width: 285px;
	height: 292px;
	border-bottom: 1px dotted white;
	position: relative;
}

	h1#muurame-logo
	{
		width: 91px;
		height: 95px;
		margin: 20px 0 0 20px;
		padding: 0;
	}
	
	h1#muurame-logo a
	{
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
		background: url('../images/catalog/muurame-logo.jpg');
	}
	
	h2#designwiz-logo
	{
		width: 131px;
		height: 42px;
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 20px;
		left: 77px;
		background: url('../images/catalog/designwiz-logo.jpg');
		text-indent: -9999px;
	}

div#sidebar
{
	text-align: center;
	background: white;
	width: 285px;
	padding-top: 20px;
}

	ul#kielilinkit
	{
		list-style-type: none;
		height: 14px;
		width: 86px;
		margin: 0 auto 2em auto;
	}
	
	ul#kielilinkit li
	{
		display: inline;
		float: left;
		margin-right: 10px;
	}
	
	ul#kielilinkit li a
	{
		display: block;
		width: 22px;
		height: 14px;
		text-indent: -9999px;
	}
	
	ul#kielilinkit li#fi a { background: url('../images/catalog/fi.jpg') 0 0 no-repeat; }
	ul#kielilinkit li#se a { background: url('../images/catalog/se.jpg') 0 0 no-repeat; }
	ul#kielilinkit li#en a { background: url('../images/catalog/en.jpg') 0 0 no-repeat;  }
	ul#kielilinkit li#en { margin-right: 0; }

div#content
{
	margin-left: 305px;
	padding-top: 20px;
	width: 395px;
}

img#hiiri { margin-left: 57px; }
img#screenshot { margin-left: 15px; }

span#launchLink
{
	font-weight:bold;
	display:block;
	font-size:10px;
	position:relative;
	top:-20px;
	left:-5px;
	padding-bottom:15px;
	text-align: center;
	text-decoration:none;
	color:White;
}