@charset "utf-8";
/* CSS Document */

* { padding: 0em; margin: 0; }


/* BASIC BLOCKS */
* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

body, html {
	height: 100%;
	width: 100%;
	background-repeat: repeat-x;
	background-position:top;
	margin: 0 auto;
	text-align: center;
}

img{
	border: 0;
	}
	
.space{
	margin-bottom: 7px;
	}
	
img.spacer{
	margin-bottom: 15px;
	}

img.topspacer{
	margin-top: 20px;
	}

img.merkki{
	margin-bottom: -2px;
	}
	
img.back{
	margin-top: 50px;
	}

img.gallery{
	margin: 10px 10px 10px 10px;
	}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
	width: 994px;
	text-align: left;
}

.footer, .push {
	height: 120px;
	margin: 0 auto;
	width: 994px;
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9.2px;
	text-align: center;
	clear:both;
	padding-top: 15px; 
}

a.footerlink{
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9.2px;	
}

a.newslink{
	color: #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;	
}


img.linkimg{
	border: 0px;
	vertical-align:middle;
}


div#navi {
	width: 564px;
	height: 57px;
	position:relative;
	float:left;
	margin-top: 30px;
	}
	
div#osoite {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 9.2px;
	font-weight:100;
	width: 252px;
	height: 57px;
	float:left;
	margin-top: 30px;
	}

div#logo {
	width: 166px;
	margin-top: 30px;
	margin-left:12px;
	height: 57px;
	float:left;
	clear: right;
	}
	
div#maincontainer {
	clear: both;
	height: 350px;
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	}
	
div#container1{
	width: 218px;
	height: 200px;
	margin-right: 15px;
	float: left;
	}
	
div#container2{
	width: 202px;
	height: 200px;
	margin-right: 15px;
	margin-top: 0px;
	float: left;
	}

div#container3{
	width: 185px;
	height: 200px;
	float: left;
}


div#container4{
	width: 145px;
	height: 200px;
	margin-top: 0px;
	float: left;
}

div#container5{
	width: 218px;
	margin-right: 15px;
	float: left;
	}
	
div#container6{
	width: 202px;
	margin-right: 15px;
	margin-top: 0px;
	float: left;
	}

div#container7{
	width: 185px;
	float: left;
}


div#container8{
	width: 145px;
	margin-top: 0px;
	float: left;
}


div#uutiskuva{
	position: relative;
	width: 190px;
	height: 200px;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 15px;
	float: left;
}

div#uutiskuva_void{
	position: relative;
	width: 190px;
	height: 30px;	
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 15px;
	float: left;
}

div#content{
	width: 570px;
	margin-top: 0px;
	background:: none;
	float: left;
	}


div#office{
	width: 380px;
	float: left;
	margin-left: 40px;
}
	
div#content_left{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	width: 305px;
	position: relative;
	margin-top: 0px;
	float: left;
	}
	
div#content_left_video{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	width: 305px;
	position: relative;
	margin-top: 50px;
	float: left;
	}

div#content_right{
	width: 668px;
	float: left;
	position: relative;
	margin: 0px 0px 0px 20px;
	background:: none;
	}


a.palvelut{
	font-family:Verdana, Geneva, sans-serif;
	color: #b02a85;
	text-decoration: none;
	font-size:10.2px;
	line-height: 150%;
	font-weight:100;
}

p.otsikko{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	text-decoration: none;
	font-size:12px;
	font-weight:1000;
	margin-top: 10px;
	margin-bottom: 8px;
	}

#navi img { border: none; }
#navi li { display: inline; list-style:none; }
#navi li a { float: left; display:block; height: px; }
#navi li a img { float: left;  vertical-align:top/* for IE6 */}
#navi li a:hover { visibility:visible; /* for IE6 */ }
#navi li a:hover img { visibility:visible; /* for IE6 */ }
#navi li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#navi li.this img /**/ { visibility:hidden; /* hide from IE5.0/win */}


#contium { background:url(images/navi_01.gif) no-repeat left bottom; }
#palvelut { background:url(images/navi_02.gif) no-repeat left bottom; }
#asiakkaat { background:url(images/navi_03.gif) no-repeat left bottom; }
#uutiset { background:url(images/navi_04.gif) no-repeat left bottom; }
#yhteystiedot { background:url(images/navi_05.gif) no-repeat left bottom; }

#contium_sub1 { background:url(images/contium_sub1.gif) no-repeat left bottom; margin-right: 13px; }
#contium_sub2 { background:url(images/contium_sub2.gif) no-repeat left bottom; margin-right: 13px; }
#contium_sub3 { background:url(images/contium_sub3.gif) no-repeat left bottom; margin-right: 13px; }
#contium_sub4 { background:url(images/contium_sub4.gif) no-repeat left bottom; margin-right: 13px; }


/*-------------------------------------------------------------*/

li{
	list-style: none;
	}
	
p.contact{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	font-weight:500;
	line-height: 1.5;
	margin: 80px 20px 20px 60px;
}

p.spotify{
	font-family:Verdana, Geneva, sans-serif;
	text-align: center;
	color: #ffffff;
	font-size:9px;
	line-height: 150%;
	font-weight:500;
	line-height: 1.5;
	margin: 135px 0px 0px 0px;
}

.white{
	color: #FFFFFF;
	}

a.vcard{
	font-family:Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #b02a85;
	font-size:10.2px;
	line-height: 150%;
	font-weight:500;
}


li.quote{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	font-weight:500;
	list-style: outside;
	list-style:url(images/quote.gif) ;
	margin-left: 5px;
	}


div#personalinfo{
	width: 480px;
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	float:left;
	height: 595px;
	margin-right: 0;
	}

div#contactinfo{
	width: 300px;
	height: 350px;
	background-image:url(images/yhteystieto_tausta.gif);
	background-repeat:no-repeat;
	float: left;
	margin-left: 0px;
	clear: right;
}

div#contactinfospotify{
	width: 300px;
	height: 384px;
	background-image:url(images/yhteystieto_tausta_spotify.gif);
	background-repeat:no-repeat;
	float: left;
	margin-left: 0px;
	clear: right;
}

div#smallpeople {
	width: 480px;
	margin-top: 200px;
	clear:right;

}

.bold{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	font-weight:600;
	}

.boldpink{
	font-family:Verdana, Geneva, sans-serif;
	color: #b02a85;
	font-size:10.2px;
	line-height: 150%;
}

.normal{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
}

#widecontainer{
	clear: both;
}




div#namelist1{
	float:left;
	margin-left: 0px;
}

div#namelist2{
	float:left;
	margin-left: 35px;
}

div#namelist3{
	float:left;
	margin-left: 60px;
}

div#namelist4{
	float:left;
	margin-left: 35px;
}


div#customerlist{
	float:left;
	margin-left: 0px;
	margin-right: 12px;
	width: 162px;
}
div#customerlist2{
	float:left;
	margin-left: 0px;
	width: 120px;
}

.mikko{
	background-image:url(images/mikko_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.linnea{
	background-image:url(images/linnea_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.tuukka{
	background-image:url(images/tuukka_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.anu{
	background-image:url(images/anu_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
	
}

.maarit{
	background-image:url(images/maarit_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.janne{
	background-image:url(images/janne_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.hanna{
	background-image:url(images/hanna_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

.tom{
	background-image:url(images/tom_iso.jpg);
	background-position:right;
	background-repeat: no-repeat;
	min-height:570px;
	clear:both;
}

img.bothspacer{
	margin-top: 20px;
	margin-bottom: 15px;
	}
	
img.headerspacer{
	margin-top: 5px;
	margin-bottom: 4px;
	}

a{
	text-decoration: none;
	color: #666666;
}

div#vaasa{
	width: 145px;
	margin-top: 20px;
	float: left;
	clear:left;
	margin-right:2px;
	margin-bottom: 30px;
}

div#tampere{
	width: 145px;
	margin-top: 20px;
	margin-bottom: 30px;
	float: left;
}

div#tampere_contact{
	width: 145px;
	margin: 20px 0px 30px 32px;
	float: left;
}


div.toimisto{
	width: 330px;
	margin-top: 20px;
	margin-left: 5px;
	float: left;
}

#people img { border: none; }
#people li { display: inline; list-style:none; }
#people li a { float: left; display:block; height: px; }
#people li a img { float: left;  vertical-align:top/* for IE6 */}
#people li a:hover { visibility:visible; /* for IE6 */ }
#people li a:hover img { visibility:visible; /* for IE6 */ }
#people li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#tuukka { background:url(images/tuukka02.jpg) no-repeat left bottom; margin-right:10px; margin-left:0px;}
#anu { background:url(images/anu02.jpg) no-repeat left bottom; margin-right:10px; }
#maarit { background:url(images/maarit02.jpg) no-repeat left bottom; margin-right:10px; }
#mikko { background:url(images/mikko02.jpg) no-repeat left bottom; margin-right:10px; }
#tom { background:url(images/tom02.jpg) no-repeat left bottom; margin-right:15px; }
#linnea { background:url(images/linnea02.jpg) no-repeat left bottom; margin-right:0px; }
#janne { background:url(images/janne02.jpg) no-repeat left bottom;  margin-right:5px; }
#hanna { background:url(images/hanna02.jpg) no-repeat left bottom;  margin-right:100px; }

div#people {
	width: 994px;
	height: 240px;
	clear: both;
	padding-top: 30px;
	margin-bottom: 50px;
}

div#kartta {
	width: 780px;
	height: 440px;
	float: left;
	margin: 0px 0px 40px 30px; 
}

img.topspacer2{
	margin-top: 20px;
	float: left;
	clear: both;
	
	}

img.bottomspacer{
	margin-top: 5px;
	margin-bottom: 12px;
	}
	
.row{
	clear:both;
	}
.clearleft{
	clear:left;
	}
	
p.header{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.2px;
	line-height: 150%;
	font-weight:600;
	color: #b02a85;
	margin: 5px 0px 10px 0px;
}
p.pvm{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.2px;
	line-height: 150%;
	margin-top: 10px;
	font-weight:100;
	color: #666666;
}


a.news{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.2px;
	line-height: 150%;
	font-weight:600;
	color: #b02a85;
	text-decoration:none;
	margin: 5px 0px 0px 0px;
	}
	
	
a.newslink{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10.2px;
	line-height: 150%;
	font-weight:100;
	color: #b02a85;
	text-decoration:none;
	margin: 5px 0px 0px 0px;
	}
	
	
div#uutispalsta{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size:10.2px;
	line-height: 150%;
	position: relative;
	width: 193px;
	margin-top: 9px;
	margin-right: 20px;
	float: left;
}

div#uutisteksti{
	font-family:Verdana, Geneva, sans-serif;
	color: #666666;
	font-size: 10.2px;
	line-height: 150%;
	margin: 40px 60px 30px 30px;
	position: relative;
	width: 400px;
	float: left;
}

div#twitter_index{
	margin: 8px  0px 0px 45px;
	width: 900px;
	height: 102px;
	float:left;
	clear:both;
	}

div#twitter{
	width: 290px;
	margin: 40px 0px 0px 0px;
	float: left;
	}

div#void{
	width: 944px;
	height: 200px;
	clear: both;
	margin: 0px 0px 0px 85px;
	}


h1{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:700;
	color: #b02a85;
	margin: 5px 0px 10px 0px;
}

div#customer{
	width: 180px;
	float: left;
	margin-top: 20px;
	}

div#customer_wide{
	width: 586px;
	height: 445px;
	float: left;
	margin-top: 20px;
	}

div#referenssi{
	width: 340px;
	height: 425px;
	float: left;
	margin: 40px 0px 0px 68px;
}

div#flashcontent{
	margin: 35px 0px 0px 18px;
	width: 795px;
	height:430px;
	clear: right;
	float: left;
	}

div#flashcontent_brand{
	margin: 35px 0px 0px 0px;
	width: 990px;
	height:550px;
	clear: right;
	float: left;
	}

div#flashcontent_palvelut{
	margin: 35px 0px 0px 0px;
	width: 990px;
	height:565px;
	clear: right;
	float: left;
	}

#case{
	float: left;
	background:url(images/disc_pink.gif);
	margin: 40px 0px 60px 0px;
	
}

.bullets{
	float: left;
	width: 42px;
	margin: 0px 25px 0px 15px;
	
}

.bullets img{
	clear: both;
	margin-top: 10px;
	margin-bottom: 20px;
	}

#customernavi img { border: none; }
#customernavi li { display: inline; list-style:none; }
#customernavi li a { float: left; display:block; height: px; }
#customernavi li a img { float: left;  vertical-align:top/* for IE6 */}
#customernavi li a:hover { visibility:visible; /* for IE6 */ }
#customernavi li a:hover img { visibility:visible; /* for IE6 */ }
#customernavi li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
#customernavi li a:active img /**/ { visibility:hidden; /* hide from IE5.0/win */}

a.activecase{
	color: #b02a85;
}


#lomake{
	width: 220px;
	margin-left: 30px;
	float: left;
	clear: right;
	}


.kentta{
	border: 1px #cccccc;
	height: 18px;
	width: 209px;
	border-style: solid;
	margin-bottom: 10px;
	}
.kenttaheader{
	height: 18px;
	margin-bottom: 0px;
	}
	
.btn{
	background-image:url(images/laheta.gif);
	background-repeat: no-repeat;
	background-color: #f4f4f4;
	height:15px;
	width: 209px;
	border: none;
	cursor: pointer;
	cursor: hand;
}