@charset "utf-8";
/* CSS Document */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
li {zoom: 1;}
eldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style: none}
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 {
font-size:100%;
}
.center
{
	padding:25px 0px 0px 40px;
}
.centerr
{
	padding:25px 0px 0px 0px;
}
.centerri
{
	padding:25px 0px 0px 0px;
}
br { clear:both; height:1px; margin:-1px 0 0 0 }


p.otso{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding-left:0px;
	color:#999;

}

h1 { font-size: 18px; color: #666; }
.vari{
	font-size: 14px;
	color: #999;
	padding-top: 0px;
	
}

.varip{
	color:#666;
	padding: 0px 0px 0px 0px;
	
}
.sopimuksetoi{
	font-size:12px;
	color: #666;
	padding:0px 0px 2px 0px;
	
}
.varii{
	font-size: 14px;
	color: #999;
	padding: 0px 0px 1px 0px;
	
}
.variii{
	font-size: 14px;
	color: #999;
	padding: 0px 0px 1px 0px;
	
}

h2 { 
line-height: 1.4em;
font-size: 14px; color: #666; }

h3 { 
line-height: 1.4em;
font-size: 12px; color: #999;
padding-left:0px;}


p.leipa{
	letter-spacing:0px;
	color: #666;
	padding: 11px 0px 0px 40px;

}
.oikea{
	font: 0.6em Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color: #666;
	padding: 11px 0px 0px 0px;

}
.oikeai{
	font: 0.6em  Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color: #666;
	padding: 12px 0px 0px 5px;

}
.leipa{
	font: 0.6em  Arial, Helvetica, sans-serif;
}
.leipai{
	font: 0.6em  Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	color: #666;
	padding: 12px 0px 0px 40px;
}


/* Global reset-RESET */
/* The below restores some sensible defaults */
a {
    outline: none;
}
a img { border:none } /* Gets rid of IE's blue borders */

br { clear:both; height:1px; margin:-1px 0 0 0 }

a { text-decoration: none;
}
a:link { color: #080; }

div.navBari { height:82px; width:960px; margin:0px auto 0; background-image:url('../img_html/ne_02.jpg'); }
#menu {
	text-align: center;
	padding:25px 0px 20px 480px;
	
}

#nav { float: left; position: relative; z-index: 1; }
#nav,#nav ul { background: none; border: 0px solid #369; }

#nav li { display: inline; position: relative;}

#nav a {
	font: bold 70% Trebuchet, "Trebuchet MS", Arial, sans-serif;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing:0.2em;
	color: #666;
	display: block;
	padding: 20px 5px 0px 0px;
	font-weight: 100;
}

#nav > li { float: left;}

#nav > li > a { border-left: 0px solid #369; }
#nav > li:first-child > a { border-left: 0; margin-left: 0; }

#nav > li > a + ul { border-top: 0; display: none; left: 0; position: absolute; top: 100%; }
#nav > li:hover > a + ul { display: block;
color: #999;
}
#nav a:hover{color: #333;}
div#menu ul {
  margin: 0;
  padding: 0;
}

div#menu li {
	float: left;
	margin: 0;
	padding: 0px 2px 0px 0px;
	text-transform: uppercase;
}

div#header {
	width: 960px;
	height: 225px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/ne_04_04.jpg);
	padding: 0px 0px 0px 0px;

}

* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
#page-wrap {
	width: 960px;
	background-image: url(../img_html/gra.jpg);
	height: 65px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
}



.button {
	float: left;
}

#home {
	display: block;
width: 960px;
	height: 382px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/tattoo_kone.jpg);
	padding: 0px;
}
#home-button {
	opacity: 1.0;
	border-bottom: 0px solid black;
	
	}

#about {
		display: none;
	width: 960px;
	height: 382px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/pie_bg_iso_05.jpg);
	padding: 0px;
}
#about-button {
	opacity: 0.5;
}

#contact {
			display: none;
	width: 960px;
	height: 382px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/tattoo_kone_01.jpg);
	padding: 0px
}
#contact-button {
	opacity: 0.5;
}

div#leftcolumn {
	float: left;
	margin: 25px 0px 5px 45px;
	width: 350px;
	display:inline;
}

div#rightcolumn {
	float: left;
	height: 230px;
	max-height: 265px;
	margin: 30px 0px 0px 166px;
	padding: 0px;
	overflow: hidden;
	width: 400px;
}
div#leftcolumnimai {
	float: left;
	margin: 20px 5px 0px 0px;
	width: 40px;
}

div#leftcolumnifa {
	float: left;
	margin: 20px 5px 0px 0px;
	width: 40px;
}

div#leftcolumni {
	float: left;
	margin: 15px 5px 5px 88px;
	width: 170px;
}
div#leftcolumnfla {
	float: right;
	height: 400px;
	max-height: 400px;
	margin: 30px 5px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 350px;
}

div#rightcolumni {
	float: left;
	height: 50px;
	max-height: 50px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 150px;
}

div#trecolumn {
	float: left;
	height: 70px;
	max-height: 70px;
	margin: 15px 30px 0px 0px;
	padding: 0px;
	overflow: hidden;
	width: 220px;
}


div#footer {

	width: 960px;
	height: 92px;
	margin: 0px auto 0;
	background: #fff;
	background-image:url(../img_html/ne_06_06.jpg);
	padding: 0px;

}

img {
  border: 0;
}