/* CSS Document */



body{
	text-align:center;
	font-family: Arial, sans-serif;
	font-size:16px;
	color:#000000;
	line-height: 18px;
	margin-left: 0px;
	margin-top: 0px;
	background: url(watermark.png);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:50% 0%;
}

.main {
margin: 0 auto;


padding:0px 0px;

}



.content{

margin:0px;

}

.yhteystiedot
{position:relative;
top:110px;
width:540px;
text-align:left;}

.index_teksti
{position:relative;
top:65px;
left:100px;
width:540px;
line-height: 22px;


}

/*KUVASIVUT */

 /* begin gallery styling */
       
 #jgal { list-style: none; width: 190px; }
 #jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 20px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */





#gallery {
	list-style: none;
	display: block;
	position:relative;
	left:-40px;
	top:45px;
}

#gallery li { float: left; margin: 0px; }

.imagelist{
	width: 190px;
	}

.listimg{
	padding: 0px;
	width:60px;
	height: 60px;
}

.listimg img{
	text-align:center;
	padding:0px;
	border:1px solid #333;
	opacity: .5;
	cursor: pointer;
}

.listimg img:hover{
	opacity: .99;
}

.prevnext_holder
{
width:100px;
margin: 0 auto;
}
.prevnext{
	cursor: pointer;
}


.art{
	text-align:center;
position:relative;

}

.featurebox{
}

#featured{
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
}

.featuredescription{
	padding:4px;
	margin: 10px 0 0 0;
	text-align:center;
	display:none;
}

.featuretitle{
	font-weight:bold;
}

[if IE]>
.ie_layout {
  height: 0;
  he\ight: auto;
  zoom: 1;
}
<![endif]–>
/*END KuVASIVUT*/




/*NAVIGATION*/
#navigation {float:left;
position:relative;
top:0px;
	
	}

#navigation ul {list-style:none; padding:0 0 0 0px; margin:0px;}
#navigation li{width:190px;
background-color: #fffff;

		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin: 0px;
	}

.tomi {display:block;
background-image:url("valikko/tomi_r.png");
height:47px;
width:147px;
position:relative;
left:-5px;
top:18px;
}

.tomi:hover{display:block;
background-image:url("valikko/tomi_b.png");
height:47px;
width:147px;
position:relative;
left:-5px;
top:18px;

}

.portfolio {display:block;
background-image:url("valikko/portfolio_r.png");
height:30px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.portfolio:hover{display:block;
background-image:url("valikko/portfolio_b.png");
height:30px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.studio {display:block;
background-image:url("valikko/studiokuvat_r.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.studio:hover{display:block;
background-image:url("valikko/studiokuvat_b.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}
.miljoo {display:block;
background-image:url("valikko/miljookuvat_r.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.miljoo:hover{display:block;
background-image:url("valikko/miljookuvat_b.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}
.tuote {display:block;
background-image:url("valikko/tuotekuvat_r.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.tuote:hover{display:block;
background-image:url("valikko/tuotekuvat_b.png");
height:20px;
width:150px;
position:relative;
left:10px;
top:28px;
}
.yhteys {display:block;
background-image:url("valikko/yhteystiedot_r.png");
height:30px;
width:150px;
position:relative;
left:10px;
top:28px;
}

.yhteys:hover{display:block;
background-image:url("valikko/yhteystiedot_b.png");
height:30px;
width:150px;
position:relative;
left:10px;
top:28px;
}


a:link {
		text-decoration: none;
		color: #880000;

		}


a:visited {
text-decoration: none;
	color: #999999;

}

a:hover {
		text-decoration: none;
		color: #999999;
}