/*
*
* Perus
*
*/

html, body{
	
	background-color:black;
	
	margin:0px;
	outline:none;
	border:none;
	padding:0px;
	
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	font-size:15px;
	line-height:25px;
	
	}

.sivu{
	
	width:990px;
	margin-right:auto;
	margin-left:auto;
	
	}

/*
*
* Fontteja
*
*/

@font-face{
	
	font-family:MyCustomFont;
	src:url("../webfont/openbaskerville0053.eot"); /* EOT file for IE */

}
			
@font-face{
	
	font-family:MyCustomFont;
	src:url("../webfont/openbaskerville0053.ttf"); /* TTF file for CSS3 browsers */

}

/*
*
* Javascript-virhe
*
*/

.virhe{
	
	background-color:red;
	
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
	
	position:absolute;
	left:0px;
	top:0px;
	z-index:100;
	
}

.virhe_otsikko{
	
	color:white;
	
	letter-spacing:3px;
	text-align:center;
	
	font-size:20px;
	
	margin-top:0px;
	margin-bottom:0px;
	
}

.virhe_otsikko_2{
	
	/* font-family: MyCustomFont, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; */
	
	margin:0px;
	
	text-align:center;
	letter-spacing:3px;
	font-size:20px;
	
}

/*
*
* Lohkot
*
*/

.ylareuna{height:20px;}

.logo{
	
	background-color:white;
	background-image:url('../images/logo.png');
	background-repeat:no-repeat;
	
	height:235px; /* HUOM! kuvan korkeus: 225px */
	
}

.navigaatio{
	
	background-color:white;
	background-image:url('../images/pikseli.png');
	background-repeat:repeat-x;
	
}

.esittely{
	
	background-color:white;
	background-image:url('../images/pikseli.png');
	background-repeat:repeat-x;
	
}

.portfolio{
	
	background-color:white;
	background-image:url('../images/pikseli.png');
	background-repeat:repeat-x;
	
	padding:20px;
	
}

.asiakkaat{
	
	background-color:white;
	background-image:url('../images/pikseli.png');
	background-repeat:repeat-x;
	
	padding:20px;
	
}

.yhteystiedot{
	
	background-color:white;
	background-image:url('../images/pikseli.png');
	background-repeat:repeat-x;
	
	padding:20px;
	
}

.alareuna{height:20px;}

.valkea_pohja{
	
	background-color:white;
	padding:20px;
	text-align:center;
	
}

/*
*
* Navigaatio
*
*/

.nav_ul{
	
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
	
	width:840px; /* HUOM! */
	margin:auto;
	
}

.nav_li{float:left;}

.nav_href:link, .nav_href:visited{
	
	color:black;
	/* background-color:white; */
	text-align:center;
	padding:5px; /* HUOM! */
	text-decoration:none;
	display:block;
	width:130px; /* HUOM! 6 painiketta x (5px padding + 130px + 5px padding) = 840px */
	
}

.nav_href:hover, .nav_href:active{
	
	color:white;
	background-color:rgb(128,128,128);
	
}

/*
*
* Asiakkaat
*
*/

.as_p{
	
	text-align:center;
	
	margin:0px;
	padding:0px;
	
}

.as_href:link, .as_href:visited{
	
	color:black;
	background-color:white;
	
	padding:5px 10px 5px 10px;
	
	font-size:12px;
	line-height:18px;
	text-decoration:none;
	
}

.as_href:hover, .as_href:active{
	
	color:white;
	background-color:rgb(128,128,128);
	
}

/*
*
* Muut tyylit
*
*/

.esittely_otsikko{
	
	/* font-family: MyCustomFont, "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; */
	
	margin:0px;
	padding:30px 0px 0px 0px;
	
	text-align:center;
	letter-spacing:3px;
	font-size:20px;
	
}

.esittely_leipis{
	
	margin:0px;
	padding:10px 0px 15px 0px;
	
	text-align:center;
	
}

.galleria_tulee_tahan{
	
	background-color:black;
	
	height:480px;
	width:640px;
	
	margin-right:auto;
	margin-left:auto;
	
}

.yhteystieto{
	
	color:rgb(128,128,128);
	
	margin:0px;
	padding:0px;
	
	text-align:center;
	font-size:12px;
	line-height:18px;
	
	
}

.sahkoposti:link, .sahkoposti:visited{
	
	color:rgb(0,113,179);
	text-decoration:none;
	
	padding:0px 5px 0px 5px;
	
}

.sahkoposti:hover, .sahkoposti:active{
	
	background-color:rgb(0,113,179);
	color:white;
	
}

/*
*
*/

.painike:link, .painike:visited{
	
	color:black;
	background-color:white;
	background-image:url('../images/pikseli_2.png');
	background-repeat:repeat-x;
	
	/*
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	*/
	
	border:1px solid rgb(200,200,200);
	padding:5px 10px 5px 10px;
	
	font-size:12px;
	line-height:32px;
	text-decoration:none;
	
}

.painike:hover{
	
	background-image:none;
	
}

.painike:active{
	
	color:white;
	background-color:rgb(200,200,200);
	background-image:none;
	
}


/*
*
*/