body , html {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

html {
	background:transparent url(images/html_bg.jpg) 0px -250px;
}

body {
	background:transparent url(images/roska_1.png) 150px 150px no-repeat;	
}



div.element1 {
	width:100%;
	height:100%;
	background:transparent url(images/roska_2.png) 1200px 500px no-repeat;

}

#content {
	position:relative;
	top:170px;
	background:transparent url(images/content_bg.png) 0px -8px;
	width:764px;	
	margin:0 auto;
	padding-bottom:110px;
}

#content_top {
	position:relative;
	top:170px;
	width:764px;
	height:35px;
	margin:0 auto;
	background:transparent url(images/content_top_bg.png) 0px 5px no-repeat;
}

#content_bottom {
	position:relative;
	top:170px;
	width:764px;
	height:40px;
	margin:0 auto;
	background:transparent url(images/content_bottom_bg.png) 0px -6px no-repeat;
}

h1 {
	margin:0;
	padding:40px 0 0 58px;
	font-family:'Roboto Condensed',arial;
	color:#63850f;
}

h2.tyohistoria , h2.yhteystiedot {
	position:relative;
	top:0px;
	left:-2px;
	font: 1.4em arial,georgia;
	width:300px;
	margin:0px;
	margin-bottom:10px;
	background:transparent url(images/h2_tyohistoria.gif) no-repeat;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	
}

h2.yhteystiedot {
	background:transparent url(images/h2_yhteystiedot.gif) no-repeat;
}

h3 {
	font:bold 1em arial,georgia;
	margin:2px;
	margin-bottom:10px;
}

p {
	margin:2px;
	margin-bottom:10px;
	font:bold 0.85em arial,georgia;
	line-height:25px;
}

#content div.left , #content div.right {
	float:left;
	position:relative;
	top:60px;
	left:55px;
	width:350px;
}

#content div.right {
	left:70px;
	width:320px;
}

#content div.merkit {
	position:relative;
	top:110px;
	width:686px;
	height:102px;
	margin:0 auto;
	background: transparent url(images/merkit_bg.jpg) no-repeat;
}

#content strong {
	color:#63850f;
}

div.print {
	float:right;
	width:105px;
	height:36px;
	margin-right:30px;
	background:transparent url(images/print_bg.jpg) no-repeat;
}

div.print a {
	width:105px;
	height:36px;
	display:block;
}

div.merkit p {
	position:relative;
	top:14px;
	left:25px;
	margin:0px;
	padding:0px;
	font:bold 0.85em arial,georgia;
}

ul.merkit {
	margin:0px;
	margin-top:18px;
	margin-left:25px;
	padding:0px;
	clear:right;
	
}
li {
	float:left;
	list-style:none;
	display:block;
	width:60px;
	height:40px;
	font:normal 0.7em arial;
	overflow:hidden;
	text-indent:-1000px;
	margin-right:1px;
}


li.leitz {
	width:50px;
	background: transparent url(images/merkit_leitz.gif) no-repeat;
}
li.leica {
	width:82px;
	background: transparent url(images/merkit_leica.gif) 0px 4px no-repeat;
}
li.wild {
	width:0px;
	background: transparent url(images/merkit_wild.gif) no-repeat;
}
li.nikon {
	width:85px;
	background: transparent url(images/merkit_nikon.gif) 0px 8px no-repeat;
}
li.olympus {
	width:98px;
	background: transparent url(images/merkit_olympus.gif) 0px 12px no-repeat;
}
li.zeiss {
	width:75px;
	background: transparent url(images/merkit_zeiss.gif) 0px 6px no-repeat;
}
li.reichert {
	width:79px;
	background: transparent url(images/merkit_reichert.gif) no-repeat;
}
li.sairmet {
	width:0px;
	background: transparent url(images/merkit_sairmet.gif) no-repeat;
}
li.haagstreit {
	width:104px;
	background: transparent url(images/merkit_hs.gif) 0px 5px no-repeat;
}
li.topkon {
	width:0px;
	background: transparent url(images/merkit_topkon.gif) no-repeat;
}
li.inami {
	background: transparent url(images/merkit_inami.gif) no-repeat;
}


/* Aputoimintoja */

div.end {
	clear:both;
}

body ,#content, #content_top, 
#content_bottom, .element1, h1 { 
	behavior: url(iepngfix.htc); 
}