@charset "UTF-8";
/* CSS Document for photographer Lauri Rotko 2008 */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#acacac;
}
a:visited {
	color:#323232;
	text-decoration:none;
	border:none;
}
a:link {
	color:#323232;
	text-decoration:none;
	border:none;
}
a:selected {
	color:#eee;
	text-decoration:none;
}
h1 {
	color:#eee;
	font-size:12px;
	font-weight:bold;
}
p {
	color:#323232;
	font-size:11px;
	font-weight:normal;
}
#container {
	position:relative;
	width:1030px;
	background:#acacac;
	border-top:#eee 1px solid;
	margin:0px auto;
	top:50px;
}
#logo{
	position:relative;
	top:-30px;
	border:none;
	margin:0px auto;
	display:inline;
}

.navi ul {
	margin:0 auto; 
	padding:0; 
	list-style:none; 
	display:table; 
	white-space:nowrap; 
	height:2em; 
	position:relative; 
	font-size:11px;
}

.navi {
	padding:0px;
	margin:0px;
	list-style:none;
	height:26px;
	background:transparent url(../images/grafiikka/navi_ca.gif) repeat-x top left;
	position:absolute;
	top:-26px;
	left:320px;
}

<!--[if IE]>
.navi ul {display:inline-block;}
.navi ul {display:inline;}
.navi ul li {float:left;}
.navi {text-align:center;}
<![endif]-->

.navi li {display:table-cell; margin:0; padding:0;}

.navi li a {
	display:block; 
	float:left; 
	height:25px; 
	line-height:25px;
	color:#323232;
	text-decoration:none; 
	font-size:11px; 
	font-family:arial, helvetica, sans-serif; 
	font-weight:normal;
	text-align:center; 
	padding:0px 0px 0px 9px; 
	cursor:pointer;
	background:url(../images/grafiikka/left_ca.gif) no-repeat;
	}
	
.navi li a b {
	float:left; 
	display:block; 
	padding:2px 11px 5px 4px;
	background:url(../images/grafiikka/right_ca.gif) no-repeat right top;
	}

.navi li.current a {
	color:#eee; 
	background:url(../images/grafiikka/left_32.gif) no-repeat;}
	
.navi li.current a b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;}
	
.navi li a:hover {
	color:#eee; 
	background: url(../images/grafiikka/left_32.gif) no-repeat left top;}
	
.navi li a:hover b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;}
	
.navi li.current a:hover {
	color:#555; background: url(../images/grafiikka/left_32.gif) no-repeat left top; 
	cursor:default;}
	
.navi li.current a:hover b {
	background:url(../images/grafiikka/right_32.gif) no-repeat right top;}
	
	
#container img.portrait  {
	border:1px solid #eee ;
	margin-top:0px;
	margin-left:-150px;
	}
#container img.landscape  { 
	border:1px #eee solid;
	margin-top:0px;
	margin-left:40px;
	}	

/* valitse ylös alas tai vasen/oikea */
#container .thumbs {
	position:absolute;
	left:0px;
	margin:10px 3px 0px 3px;
	display:block;
	width:54px;
	height: 382px;
	}
#container .thumbs2 {
	position:absolute;
	left:62px;
	margin:10px 8px 0px 8px;
	display:block;
	width:54px;
	height: 382px;
	}
	
#container a.gallery:active, 
#container a.gallery:focus
{
	border:1px solid #eee;
	}
/* kuvalaatikko */
#container a.gallery:active em, 
#container a.gallery:hover em {
	display:block; 
	position:absolute; 
	width:700px; 
	height:580px; 
	top:0px;
	left:125px;
	border:none; 	
	z-index:50;
	}
	
#container .thumbs2 a.gallery:active em, 
#container .thumbs2 a.gallery:hover em {
	display:block; 
	position:absolute; 
	width:700px; 
	height:580px; 
	top:0px;
	left:57px;
	border:none; 	
	z-index:50;
	}

	/* nappuloiden asettelu */
a.gallery, a.gallery:visited {
	display:block;
	display:inline-block;
	float:left;
	text-decoration:none;
	border: 1px solid #323232;
	margin:3px 5px;
	padding:0px 1px 0px 1px;
	text-align:center;
	z-index:50;
	}
	
a.gallery em, a.gallery span {display:none; }

a.gallery:hover {border: 1px solid #eee; color:#eee;}

.frontpage_content {border:none; color:#eee; height:300px; width:900px; text-align:center;  }

.frontpage_content a {padding:20px 10px; margin:0px 10px;  }

.frontpage_content a img.slide1  {border:none; background:url(../images/frontpage/text1.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide2  {border:none; background:url(../images/frontpage/text2.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide3  {border:none; background:url(../images/frontpage/text3.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide4  {border:none; background:url(../images/frontpage/text4.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide5  {border:none; background:url(../images/frontpage/text5.jpg) no-repeat top; z-index:50;}
.frontpage_content a img.slide6  {border:none; background:url(../images/frontpage/text6.jpg) no-repeat top; z-index:50;}

.frontpage_content img { padding-top:30px;border:none; z-index:100;}

#footer {
	position:relative;
	color:#323232;
	margin:0px;
	margin-top:590px;
	padding:0px;
	padding-bottom:50px;
	height:16px;
	word-spacing:5px;
	font-size:10px;
	border-top:#eee solid 1px;
}
#footer p {
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}

#indexfooter {
	position:relative;
	color:#323232;
	margin:0px;
	margin-top:20px;
	padding:0px;
	padding-bottom:60px;
	height:16px;
	word-spacing:5px;
	font-size:10px;
	text-align:center;
	border-top:#eee solid 1px;
}
#indexfooter p {
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}
#cvfooter {
	position:relative;
	color:#323232;
	margin:0px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	padding-bottom:60px;
	height:16px;
	word-spacing:5px;
	font-size:10px;
	text-align:center;
	border-top:#eee solid 1px;
}
#cvfooter p {
	padding:-10px 0px;
	margin:0px;
	text-align:center;
}

#cv img {
	float:right;
	
}