body {
	padding: 0; 
	margin: 0 0 0px 0;
	background: #222;
	color: #959595;
	text-align: center;
	font: 12px/1.5em Arial, "Trebuchet MS", Tahoma, Verdana;
	}

h1, h2, h3, h4, p {
	margin: 0;
	padding: 0 0 10px 0;
	}

h1, h2, h3, h4 {
	color: #f0f0f0;
	}

h1 { 
	font-size: 218%;
	padding-bottom: 20px;
	}

h2 { 
	font-size: 164%;
	letter-spacing: -1px;
	padding-bottom: 15px;	
	}

h3 { 
	font-size: 146%;
	}


h4 { 
	font-size: 118%;
	color: #fff;
	}

p {
	
	}

form {
	margin: 0;
	padding: 0;
	}

acronym {
	cursor: help;
	}

img {
	padding: 0;
	border: 0;
	margin: 0;
	}

ul {
	list-style: disc;
	margin: 0 0 10px 15px;
	padding: 0;
	}

ol {
	list-style: decimal;
	margin: 0;
	padding: 0;
	}

li {
	margin: 0;
	padding: 0;
	}

a, a:link, a:visited {
	color: #f0f0f0;
	text-decoration: underline;
	outline: none;
	}

a:hover {
	color: #fff;
	text-decoration: underline;
	}

input, select, textarea {
	font-family: Arial, 'Trebuchet MS', Tahoma, "Lucida Grande","Lucida Sans Unicode",sans-serif;
	font-size: 90%;
	}

em, strong {
	font-style: normal;
	color: #fff;
	}

/* WRAP & HEADER */

#intro {
	background: #fff;
	}

#intropost, #maincontentpost, #sliderpost {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	}
	
/* */

#header {
	display: block;
	width: 100%;
	height: 75px;
	background: url(../i/header.jpg) no-repeat;
	position: relative;
	}

#header h1 {
	padding: 0;
	margin: 0;
	}

#header h1 a {
	display: block;
	width: 142px;
	height: 75px;
	text-indent: -5000px;
	overflow: hidden;
	}

#header ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

#header ul li {
	padding: 0;
	margin: 0;
	float: left;
	}

#header ul li a {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	height: 75px;
	background-image: url(../i/navi.jpg);
	}

#header ul li#navi1 a {right: 525px;width: 176px;background-position: 0 0;}	
#header ul li#navi2 a {right: 357px;width: 168px;background-position: -176px 0;}	
#header ul li#navi3 a {right: 197px;width: 160px;background-position: -344px 0;}	
#header ul li#navi4 a {right: 0;width: 197px;background-position: -504px 0;}	
#header ul li#navi1 a:hover {background-position: 0 -75px;}	
#header ul li#navi2 a:hover {background-position: -176px -75px;}	
#header ul li#navi3 a:hover {background-position: -344px -75px;}	
#header ul li#navi4 a:hover {background-position: -504px -75px;}	

body#en #header ul li a {
	background-image: url(../i/navien.jpg);
	}

body#en #header ul li#navi1 a {right: 521px;width: 180px;background-position: 0 0;}	
body#en #header ul li#navi2 a {right: 369px;width: 152px;background-position: -180px 0;}	
body#en #header ul li#navi3 a {right: 210px;width: 159px;background-position: -332px 0;}	
body#en #header ul li#navi4 a {right: 0;width: 210px;background-position: -491px 0;}	
body#en #header ul li#navi1 a:hover {background-position: 0 -75px;}	
body#en #header ul li#navi2 a:hover {background-position: -180px -75px;}	
body#en #header ul li#navi3 a:hover {background-position: -332px -75px;}	
body#en #header ul li#navi4 a:hover {background-position: -491px -75px;}	


#bannerhead {
	background: #fff url(../i/bannerhead.jpg) repeat-x;
	width:100%;
	height: 500px;
	display: block;
	}

#bannerhead div {
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;	

	}
	
#bannerhead img {
	display: block;
	margin: 0;
	padding: 0 0 39px 0;
	}

#bannerhead a#inenglish {
	display: block;
	width: 110px;
	height: 44px;
	background: url(../i/inenglish.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 25px
	}

#bannerhead a#suomeksi {
	display: block;
	width: 110px;
	height: 44px;
	background: url(../i/suomeksi.jpg) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 25px
	}	
	
#bannerhead a#contactlink {
	display: block;
	width: 320px;
	height: 39px;
	background: url(../img/maincontact.jpg) no-repeat bottom left;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 320px
	}
	
body#en #bannerhead a#contactlink {
	background: url(../img/maincontact_en.jpg) no-repeat bottom left;
	}	
	
/* */

#maincontent {
	background: #222 url(../i/maincontent.jpg) repeat-x;
	}

#points {
	display: block;
	width: 960px;
	height: 220px;
	overflow: hidden;
	background:  url(../i/points.jpg) no-repeat;
	}
	
#points .point {
	position: absolute;
	top: 0;
	display: block;
	width: 320px;
	height: 220px;
	}
	
#points .point1 { left: 0; }
#points .point2 { left: 320px; }
#points .point3 { left: 640px; }
	
#points h4 {padding: 40px 20px 0 37px;}
#points p {padding: 5px 20px 0 37px;}
	
/* */

#footer {
	display: block;
	width: 960px;
	height: 88px;
	background: url(../i/footer.jpg) no-repeat;
	text-align: center;
	}

#footer p {
	padding: 15px 0 0 0;
	font-size: 11px;
	}
	
#footer left {
	float: left;
	}	
	
#footer right {
	float: right;
	}		
/* */
	
#posts .post {
	margin-bottom: 30px;
	border: 1px solid #222;
	}
	
#posts .postleft h3 {padding: 40px 410px 0 37px; font-size: 18px; }
#posts .postleft p {
	padding: 10px 10px 0 37px;
	font-size: 14px;
	line-height: 21px;
}	

#posts .postright h3 {padding: 40px 10px 0 357px; font-size: 18px; }
#posts .postright p {padding: 10px 10px 0 357px; font-size: 14px; line-height: 21px; }	

#posts .postleft_active { background: url(../i/postl.jpg) no-repeat top left; }	
#posts .postright_active { background: url(../i/postr.jpg) no-repeat top right; }
#posts .postleft_active p,
#posts .postright_active p,
#posts .postleft_hover p,
#posts .postright_hover p{ color: #aaa; }

/*
#posts .postleft_hover { cursor: hand; cursor: pointer; }	
#posts .postright_hover { cursor: hand; cursor: pointer; }
*/


#posts .postright_hover .addit { cursor: default; }	
#posts .postleft_hover .addit { cursor: default; }	
	
img.fr {float: right;padding: 0;margin: 0;}
img.fl {float: left;padding: 0;margin: 0;}

/* */

#posts .addit {
	background: #0f0f0f url(../i/addit.jpg) no-repeat;
	padding-bottom: 35px;
	position: relative;
	}

#posts .addit div {
	float: left;
	width: 319px; 
	}

#posts .addit div.image {
	float: right;
	width: 319px;
	}
	
#posts .postleft .addit h3,
#posts .postright .addit h3 {padding: 40px 10px 0 37px; font-size: 14px; }
#posts .postleft .addit p,
#posts .postright .addit p {padding: 10px 20px 10px 37px; font-size: 12px; line-height: 18px; }
#posts .postleft .addit img,
#posts .postright .addit img {padding: 10px 0px 0px 37px; }


.post a.caseclose {
	display: block;
	width: 62px;
	height: 24px;
	float: right;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/close.gif) no-repeat;
	z-index: 100;
	}

.post a.caseclose:hover {
	background-position: bottom left;
	}	
	
#slider {
	display: block;
	width: 100%;
	height: 318px;
	background: url(../i/slidebg.jpg) repeat-x;
	}
	
#sliderpost {
	position: relative;
	display: block;
	height: 318px;
	background: url(../i/kultaranta.jpg) no-repeat;
	}
	
#slider p {
	color: #f6eac6;
	font-size: 12px;
	padding: 10px 277px 0 37px;
	}
	
#slider h3 {padding: 40px 277px 0 37px; font-size: 18px; }
	
#slider a.caseclose {
	display: block;
	width: 160px;
	height: 39px;
	position: absolute;
	bottom: 0;
	left: 400px;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../i/closeup.gif) no-repeat;
	}

#slider a.caseclose:hover {
	background-position: bottom left;
	}	
	
/* */

#contact {
	display: block;
	width: 960px;
	height: 124px;
	background: url(../img/contact.jpg) no-repeat;
	}

body#en #contact {
	background: url(../img/contacten.jpg) no-repeat;
	}	
	
#contact p {
	text-align: center;
	padding: 53px 0 0 0;
	color: #c9c9c9;
	}
	
#contact p a {
	}
	
#youtube {
	background: url(../img/youtube.jpg) no-repeat;
	position: relative;
	display: block;
	width: 960px;
	height: 600px;
	}
	
#youtube .youvideo {
	position: absolute;
	left: 158px;
	top: 40px;
	}
/*Helpers*/
.text-left    { text-align:left } 
.text-right   { text-align:right } 
.text-center  { text-align:center } 
.text-justify { text-align:justify } 
.underline    { text-decoration:underline } 
.highlight    { background-color:#ffc } 
.indent       { text-indent:15px } 
.no-indent    { text-indent:0 }
.center       { margin: 0 auto } 
.margins      { margin:15px } 
.push-top     { margin-top:15px } 
.push-right   { margin-right:15px } 
.push-bottom  { margin-bottom:15px } 
.push-left    { margin-left:15px } 
.border       { border:10px solid #eee } 
.float-left   { float:left } 
.float-right  { float:right } 
.align-left   { float:left; margin: 0 15px 0 0 } 
.align-right  { float:right; margin: 0 0 0 15px } 
.clear        { clear:both } 

/* SLIDER STYLE */
#slider {
	width: 386px;
	height: 212px;
	float: left;
	margin: 120px 0px 0px 278px;
	overflow: hidden;
}

#slider ul { 
	margin: 0px; 
}

#slider li { 
	list-style: none; 
	display: inline; 
	background: none; 
}

/* CLEARFIX 100% HEIGHT COLS */

.clearfix:after{ content: " "; display: block; height: 0px;	clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


#laptop {
	width: 960px;
	height: 460px;
	padding: 41px 0px 0px 10px;
	background: url(../img/mainimage_en.png) top left no-repeat;
	
}

#laptopimg {
	width: 960px;
	height: 460px;
	padding: 45px 0px 0px 320px;
	
}