*{
	margin:0;
	padding:0;
	text-decoration: none;
	list-style: none;
}

/* ======================= Yleiset =======================*/

#page{
	margin:auto;
 	width:960px;
}
body{
	overflow-y:scroll;
	background:url(_images/body_background-21_2.jpg)  repeat-x;
}



/* ======================= Kielivalinta =======================*/

#tophead{
position:relative;
}
#lang{
position:absolute;
bottom:0px;
right:0px;
height:35px;
width:100px;
	background:url(_images/tophead_lang_fin.gif);
}
#lang:hover{
	 background:url(_images/tophead_lang_en.gif);
}

#tab_one a{
color:#F90;
font-style:normal;

}

#tab_two a{
color:#F90;
font-style:normal;

}

a.divlink { 
     display:block;
     width:100px;
     height:35x; 
	 color:#FFF;ta
	 font-size:25px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
}

/* ======================= Teksti elementit =======================*/

p, a, h1, h2, h3, h4, h5, ul, tr{ 

font-family: 'Roboto Condensed', sans-serif;
font-size:14px;
letter-spacing:0.8px;
}

h5{
	color:#F90;
	font-size:2em;

}

#me p{
	margin-top:1em;
}

h4{
	color:#F90;
	font-size:1.2em;
}

#tab_one ul, #tab_two ul, #tab_three ul, #tab_four p{
	margin-top:1em;
	margin-bottom:1em;
	line-height:1.3em;
}

.kielitaito{
	border:none;
	margin-top:1em;
	margin-bottom:1em;
	padding:0px;
	border-spacing:0px;
}

#tab_two ul{	
font-style:italic;
}

strong{
font-style:normal;
font-weight:700;
}

h3{
	color:#F90;
	font-size:2.5em;
}

#tekstialue5 h3 strong, #tekstialue6 h3 strong{
	font-size:0.6em;
	font-style:normal;
	font-weight:bold;
}

#tekstialue5 h3, #tekstialue6 h3{
	font-size:2.5em;
}

#tekstialue1 a{
	margin-top:0.5em;
	margin-bottom:0.5em;
	color:#000;
}



.korkeus_taulukko_tekstit p{
	color:#939393;
	font-size:1.2em;
}

.korkeus_taulukko_tekstit a{
	color:#939393;
	font-size:1.2em;
}

.korkeus_taulukko_tekstit a:visited{
	color:#939393;
	font-size:1.2em;
}


#tekstialue8 strong, #tekstialue7 strong, #tekstialue10 strong, #tekstialue11 strong, #tekstialue12 strong, #tekstialue13 strong, #tekstialue14 strong, #tekstialue15 strong{
	color:#F90;
	font-size:1.3em;
}

/* ======================= Containers - Who am I =======================*/

#me{


width:100%;
height:495px;
}

.taulukko{
	vertical-align:top;
	width:100%;
	column-span:0px;
	border:none;
	margin:0px;
	badding:0px;

}
.taulukko_ruutu1{
	vertical-align:top;
	padding:20px;
	width:50%; 
}
.taulukko_ruutu2{
	vertical-align:top;
	width:512px;
}


/* ======================= Containers - What can i do =======================*/

#who_korkeus{
	height:485px;
}

#tab_one{
	width:100%;
 	height:473px;
	overflow:scroll;
}

.cv{
	width:100%;
}
.cv_cell_one{
	width:50%;
	padding:10px;
	vertical-align:top;
}
.cv_cell_two{
	width:50%;
	padding:10px;
	vertical-align:top;
}

#tab_two{
	width:100%;
 	height:473px;
	overflow:scroll;
}

.skills{
	width:100%;
}
.skills_cell_one{
	width:50%;
	padding:10px;
	vertical-align:top;
}
.skills_cell_two{
	width:50%;
	padding:10px;
	vertical-align:top;
}


#tab_three{
	width:100%;
 	height:473px;
	overflow:scroll;
}

.projects{
	width:100%;
}

.projects_cell_one{
	width:50%;
	padding-top:10px; 
	padding-left:10px;
	vertical-align:top;
}
.projects_cell_two{
	width:50%;
	padding-top:10px;
	padding-left:10px;
	vertical-align:top;
}

#project_asiakas{
	margin-left:10px;
	font-size:14px;
}
.projects_cell_logot2{
	width:15%;
}

.projects_text{
	height:0px;
}

.projects_logot{
margin-top:8px;
}

#kuva_logot{
	width:908px;
	margin:auto;
}

#projects_image{
	width:100%;
}

#tab_four{
	width:100%;
 	height:473px;
	overflow:scroll;
}

.design{
	width:100%;
}
.design_cell_one{
	width:50%;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}
.design_cell_two{
	width:50%;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}

/* ======================= Containers - My works =======================*/


.tiimi_ruutu{
padding-left:10px;
background-color:#FFF;
}

#teksti_kehikko{
height:360px;
}

.team_icon{
	vertical-align:top;
}
.projekti_nimi{
	width:55%;
}
.projekti_nimi2{
	width:67%;
}

#tekstialue1{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;

} 
#tekstialue2{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 

#tekstialue3{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 

#tekstialue4{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 
#tekstialue5{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
}

#tekstialue6{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 

#tekstialue9{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 

#tekstialue16{
width:301px;
padding:7px 4px 1px 4px;
height:392px; 
float:right;
} 

#tekstialue7, #tekstialue8, #tekstialue10, #tekstialue11, #tekstialue12, #tekstialue13, #tekstialue14,#tekstialue15 {
width:100%;
padding:4px;
height:40px;
float:left;

} 
/* ======================= Containers - Contact =======================*/

.yhteystiedot_taulukko{
width:100%;
margin-top:15px;
margin-bottom:15px;
}

.korkeus_taulukko{
	height:37px;
}

.korkeus_taulukko_tekstit{
	vertical-align:top;
	text-align:center;
}

.ml{
	width:33%;
	margin:auto;
}
.contact{
	width:33%;
	margin:auto;
}
.phone{
	width:33%;
	margin:auto;
}
/* ======================= Rakenne elementit =======================*/

.layer1 {
margin: 0px;
padding: 0px;
width: 100%;
}
 
.heading {
	margin-top: 2px;
	color: #fff;
	padding: 15px 10px;
	font-family: Futura, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 22px; /*24px*/
	text-align: center;
	cursor: pointer;
	position: relative;

	background-color: #8B8D8C;
	

	border-radius: 6px 6px 0px 0px;

}

.heading:hover {
	background-color:#F90;;
}

.content {
	padding: 0px;
	
}

/* ======================= Slideshow =======================*/
#pageContainer{
}

#slideshow {
	
	float:left;
	width:642px;
	height:400px;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:640px;

	height:400px;
  overflow:auto; 
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:540px;
  height:400px;
}

.control {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl {
   top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left.gif ) no-repeat 0 0;
  opacity:0.8;
}
#leftControl:hover {
   top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left_over.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightControl {
   top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightControl:hover {
    top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right_over.gif) no-repeat 0 0;
    opacity:0.8;
}

#Slideshow2_background{
	padding-top: 10px;
	
}
#Slideshow2 {
	float:left;
	width:642px;
	height:400px;
	position:relative;
}
#Slideshow2 #slidesContainer2 {
  margin:0 auto;
  width:640px;
  height:400px;
  overflow:auto;
  position:relative;
}
#Slideshow2 #slidesContainer2 .slide2 {
  margin:0 auto;
  width:540px;
  height:400px;
}

.control2 {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftcontrol2 {
  top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left.gif) no-repeat 0 0;
  opacity:.6;
}
#leftcontrol2:hover {
  top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left_over.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightcontrol2 {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right.gif) no-repeat 0 0;
   opacity:0.6;
}
#rightcontrol2:hover {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right_over.gif) no-repeat 0 0;
   opacity:0.8;
}

#Slideshow3 {
	float:left;
	width:642px;
	height:400px;
	position:relative;
}
#Slideshow3 #slidesContainer3 {
  margin:0 auto;
  width:640px;
  height:400px;
  overflow:auto;
  position:relative;
}
#Slideshow3 #slidesContainer3 .slide3 {
  margin:0 auto;
  width:540px;
  height:400px;
}

.control3 {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftcontrol3 {
  top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left.gif ) no-repeat 0 0;
  opacity:0.8;
}
#leftcontrol3:hover {
 top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left_over.gif) no-repeat 0 0;
    opacity:0.8;
}
#rightcontrol3 {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightcontrol3:hover {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right_over.gif) no-repeat 0 0;
    opacity:0.8;
}

/* ======================= Slideshow Nro 4 =======================*/

#Slideshow4 {
	float:left;
	width:642px;
	height:400px;
	position:relative;
}
#Slideshow4 #slidesContainer4 {
  margin:0 auto;
  width:640px;
  height:400px;
  overflow:auto;
  position:relative;
}
#Slideshow4 #slidesContainer4 .slide4 {
  margin:0 auto;
  width:540px;
  height:400px;
}

.control4 {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftcontrol4 {
  top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left.gif ) no-repeat 0 0;
  opacity:0.8;
}
#leftcontrol4:hover {
   top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left_over.gif) no-repeat 0 0;
    opacity:0.8;
}
#rightcontrol4 {
  top:0;
  right:0px;

  background:transparent url(_images/slideshow/newage_control_right.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightcontrol4:hover {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right_over.gif) no-repeat 0 0;
    opacity:0.8;
}

#Slideshow5 {
	float:left;
	width:642px;
	height:400px;
	position:relative;
}
#Slideshow5 #slidesContainer5 {
  margin:0 auto;
  width:640px;
  height:400px;
  overflow:auto;
  position:relative;
}
#Slideshow5 #slidesContainer5 .slide5 {
  margin:0 auto;
  width:540px;
  height:400px;
}

.control5 {
  display:block;
  width:39px;
  height:400px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftcontrol5 {
 top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left.gif ) no-repeat 0 0;
  opacity:0.8;
}
#leftcontrol5:hover {
 top:0;
  left:0px;
  background:transparent url(_images/slideshow/newage_control_left_over.gif) no-repeat 0 0;
    opacity:0.8;
}
#rightcontrol5 {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right.gif) no-repeat 0 0;
   opacity:0.8;
}
#rightcontrol5:hover {
  top:0;
  right:0px;
  background:transparent url(_images/slideshow/newage_control_right_over.gif) no-repeat 0 0;
    opacity:0.8;
}
/* ======================= Video muotoilu =======================*/

#video_tausta{
	background-color:#000;
	width:642px;
	height:380px;
	padding-top:20px;
	float:left;
}

#video{
	width:640px;
	height:360px;
	float:left;
}

#video_tausta2{
	background-color:#FFF;
	width:642px;
	height:380px;
	padding-top:20px;
	float:left;
}
#video2{
	width:640px;
	height:360px;
	float:left;
}

#video_tausta3{
	background-color:#FFF;
	width:642px;
	height:380px;
	padding-top:20px;
	float:left;
}
#video3{
	width:640px;
	height:360px;
	float:left;
}


/* ======================= Works - kuvakkeet =======================*/
#kuvake1{
background:url(_projektit/_1/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake1:hover{
background:url(_projektit/_1/kuvake_small_over.jpg);	
}

#kuvake2{
background:url(_projektit/_2/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake2:hover{
background:url(_projektit/_2/kuvake_small_over.jpg);	
}

#kuvake3{
background:url(_projektit/_3/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake3:hover{
background:url(_projektit/_3/kuvake_small_over.jpg);	
}

#kuvake4{
background:url(_projektit/_4/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake4:hover{
background:url(_projektit/_4/kuvake_small_over.jpg);	
}

#kuvake5{
background:url(_projektit/_5/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake5:hover{
background:url(_projektit/_5/kuvake_small_over.jpg);	
}

#kuvake6{
background:url(_projektit/_6/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake6:hover{
background:url(_projektit/_6/kuvake_small_over.jpg);	
}

#kuvake7{
background:url(_projektit/_7/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake7:hover{
background:url(_projektit/_7/kuvake_small_over.jpg);	
}

#kuvake8{
background:url(_projektit/_8/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake8:hover{
background:url(_projektit/_8/kuvake_small_over.jpg);	
}


#kuvake9{
background:url(_projektit/_9/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake9:hover{
background:url(_projektit/_9/kuvake_small_over.jpg);	
}

#kuvake10{
background:url(_projektit/_10/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake10:hover{
background:url(_projektit/_10/kuvake_small_over.jpg);	
}

#kuvake11{
background:url(_projektit/_11/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake11:hover{
background:url(_projektit/_11/kuvake_small_over.jpg);	
}

#kuvake12{
background:url(_projektit/_12/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake12:hover{
background:url(_projektit/_12/kuvake_small_over.jpg);	
}

#kuvake13{
background:url(_projektit/_13/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake13:hover{
background:url(_projektit/_13/kuvake_small_over.jpg);	
}

#kuvake14{
background:url(_projektit/_14/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake14:hover{
background:url(_projektit/_14/kuvake_small_over.jpg);	
}

#kuvake15{
background:url(_projektit/_15/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake15:hover{
background:url(_projektit/_15/kuvake_small_over.jpg);	
}

#kuvake16{
background:url(_projektit/_16/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake16:hover{
background:url(_projektit/_16/kuvake_small_over.jpg);	
}

#kuvake17{
background:url(_projektit/_17/kuvake_small.jpg);
display:block;
height:110px;
width:110px;
}
#kuvake17:hover{
background:url(_projektit/_17/kuvake_small_over.jpg);	
}

/* ======================= Logot =======================*/

.logot{
	margin-top:3px;
}

a.divlink2 { 
     display:block;
	 font-size:18px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
height:30px;
width:103px;
}
a.divlink3 { 
     display:block;
	 font-size:18px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
height:30px;
width:75px;
}
a.divlink3_2 { 
     display:block;
	 font-size:18px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
height:30px;
width:68px;
}
a.divlink4 { 
     display:block;
	 font-size:18px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
height:30px;
width:50px;
}



.logo1{
	background-image: url(_images/_logot2/2logo-1bw.jpg);
	background-repeat: no-repeat;
}
.logo1:hover{
	background-image: url(_images/_logot/logo-1.jpg);
	background-repeat: no-repeat;
}
.logo2{
	background-image: url(_images/_logot/logo-2bw.jpg);
	background-repeat: no-repeat;
}
.logo2:hover{
	background-image: url(_images/_logot/logo-2.jpg);
	background-repeat: no-repeat;
}
.logo3{
	background-image: url(_images/_logot/logo-3bw.jpg);
	background-repeat: no-repeat;

}
.logo3:hover{
	background-image: url(_images/_logot/logo-3.jpg);
	background-repeat: no-repeat;
}
.logo4{
	background-image: url(_images/_logot/logo-4bw.jpg);
	background-repeat: no-repeat;

}
.logo4:hover{
	background-image: url(_images/_logot/logo-4.jpg);
	background-repeat: no-repeat;
}
.logo5{
	background-image: url(_images/_logot/logo-5bw.jpg);
	background-repeat: no-repeat;

}
.logo5:hover{
	background-image: url(_images/_logot/logo-5.jpg);
	background-repeat: no-repeat;
}
.logo6{
	background-image: url(_images/_logot/logo-6bw.jpg);
	background-repeat: no-repeat;
	
}
.logo6:hover{
	background-image: url(_images/_logot/logo-6.jpg);
	background-repeat: no-repeat;
}
.logo7{
	background-image: url(_images/_logot/logo-7bw.jpg);
	background-repeat: no-repeat;

}
.logo7:hover{
	background-image: url(_images/_logot/logo-7.jpg);
	background-repeat: no-repeat;
}
.logo8{
	background-image: url(_images/_logot/logo-8bw.jpg);
	background-repeat: no-repeat;
}
.logo8:hover{
	background-image: url(_images/_logot/logo-8.jpg);
	background-repeat: no-repeat;
}
.logo9{
	background-image: url(_images/_logot/logo-9bw.jpg);
	background-repeat: no-repeat;
}
.logo9:hover{
	background-image: url(_images/_logot/logo-9.jpg);
	background-repeat: no-repeat;
}
.logo10{
	background-image: url(_images/_logot/logo-10bw.jpg);
	background-repeat: no-repeat;
}
.logo10:hover{
	background-image: url(_images/_logot/logo-10.jpg);
	background-repeat: no-repeat;
}

/* ======================= Logot UUSI =======================*/


.Xlogo1{
	background-image: url(_images/_logot2/2logo-1bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo1:hover{
	background-image: url(_images/_logot2/2logo-1.jpg);
	background-repeat: no-repeat;
}
.Xlogo2{
	background-image: url(_images/_logot2/2logo-2bw.jpg);
	background-repeat: no-repeat;
}
.Xlogo2:hover{
	background-image: url(_images/_logot2/2logo-2.jpg);
	background-repeat: no-repeat;
}
.Xlogo3{
	background-image: url(_images/_logot2/2logo-3bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo3:hover{
	background-image: url(_images/_logot2/2logo-3.jpg);
	background-repeat: no-repeat;
}
.Xlogo4{
	background-image: url(_images/_logot2/2logo-4bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo4:hover{
	background-image: url(_images/_logot2/2logo-4.jpg);
	background-repeat: no-repeat;
}
.Xlogo5{
	background-image: url(_images/_logot2/2logo-5bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo5:hover{
	background-image: url(_images/_logot2/2logo-5.jpg);
	background-repeat: no-repeat;
}
.Xlogo6{
	background-image: url(_images/_logot2/2logo-6bw.jpg);
	background-repeat: no-repeat;
	
}
.Xlogo6:hover{
	background-image: url(_images/_logot2/2logo-6.jpg);
	background-repeat: no-repeat;
}
.Xlogo7{
	background-image: url(_images/_logot2/2logo-7bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo7:hover{
	background-image: url(_images/_logot2/2logo-7.jpg);
	background-repeat: no-repeat;
}
.Xlogo8{
	background-image: url(_images/_logot2/2logo-8bw.jpg);
	background-repeat: no-repeat;
}
.Xlogo8:hover{
	background-image: url(_images/_logot2/2logo-8.jpg);
	background-repeat: no-repeat;
}
.Xlogo9{
	background-image: url(_images/_logot2/2logo-9bw.jpg);
	background-repeat: no-repeat;
}
.Xlogo9:hover{
	background-image: url(_images/_logot2/2logo-9.jpg);
	background-repeat: no-repeat;
}
.Xlogo10{
	background-image: url(_images/_logot2/2logo-10bw.jpg);
	background-repeat: no-repeat;
}
.Xlogo10:hover{
	background-image: url(_images/_logot2/2logo-10.jpg);
	background-repeat: no-repeat;
}

.Xlogo11{
	background-image: url(_images/_logot2/2logo-11bw.jpg);
	background-repeat: no-repeat;

}
.Xlogo11:hover{
	background-image: url(_images/_logot2/2logo-11.jpg);
	background-repeat: no-repeat;
}

#logokehikko{
	width:800px;
 	height:310px;
	margin:auto;
	padding:50px;
}

#logokehikko2{
	width:600px;
	margin:auto;
}



a.Xdivlink2 { 
     display:block;
	 font-size:18px;
    cursor: pointer;
text-indent: -9999px;
overflow: hidden;
height:100px;
width:200px;
}