body {
	background: #000000;
	background-image: url(layout/tausta.jpg);
	background-repeat: no-repeat;
	background-position: 20% -10%;
	}

a:link {text-decoration:none; color:#00bbc0; font-size: 1em; font-family: Arial, sans-serif;}
a:visited {text-decoration:none; color:#006b6e; font-size: 1em; font-family: Arial, sans-serif;}
a:hover {text-decoration:none; color: #006b6e; font-size: 1em; font-family: Arial, sans-serif;}
a:active {text-decoration:none; color: #006b6e; font-size: 1em; font-family: Arial, sans-serif;}
	
#keskialue {
	position: absolute;
	top: 250px;
	left: 250px;
	}
	
#alajuttu {
	position: absolute;
	top: 463px;
	left: 250px;
	}

#menu {
	background: #000000;
  	position: absolute;
  	top: 0px;
	left: 0px;
  	width: 447px;
  	height: 214px;
  	background-image: url(layout/menu.gif);
   	background-repeat: no-repeat;
  	background-position: center;
	}	

#photoshop {
	background: #000000;
  	position: absolute;
  	top: 0px;
	left: 0px;
  	width: 447px;
  	height: 214px;
  	background-image: url(layout/photoshop.jpg);
   	background-repeat: no-repeat;
  	background-position: center;
	}	

#photography {
	background: #000000;
  	position: absolute;
  	top: 0px;
	left: 0px;
  	width: 447px;
  	height: 214px;
  	background-image: url(layout/photography.jpg);
   	background-repeat: no-repeat;
  	background-position: center;
	}	

#www {
	background: #000000;
  	position: absolute;
  	top: 0px;
	left: 0px;
  	width: 447px;
  	height: 214px;
  	background-image: url(layout/gallery.jpg);
   	background-repeat: no-repeat;
  	background-position: center;
	}	

#galleria {
	background: #000000;
  	position: absolute;
  	top: 0px;
	left: 0px;
  	width: 447px;
  	height: 214px;
  	background-image: url(layout/gallery.jpg);
   	background-repeat: no-repeat;
  	background-position: center;
	}	

#gallery td {
  padding: 2px;
}
#gallery td img {
  border: 1px solid #000000;
}

.container {
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
border: none;
position: absolute;
top: 50px;
color: #7B858A;
font-size: 10px;
font-family: Arial, sans-serif;
line-height: 1.4em;
padding-bottom:5px;
}

.content {
	background: #000000;
  	position: absolute;
  	top: 50px;
  	width: 438px;
  	margin-bottom: 25px;
	padding-top: 5px;
  	padding-left: 5px;
  	padding-bottom: 5px;
  	border-left: solid #121212 2px;
  	border-right: solid #121212 2px;
  	border-top: solid #121212 4px;
  	border-bottom: solid #121212 2px;
}

#weblayouts {
	background: #000000;
  	position: absolute;
  	top: 50px;
	left: 0px;
  	width: 447px;
  	margin-bottom: 25px;
  	padding: 10px 5px 10px 10px;
  	border-left: solid #121212 2px;
  	border-right: solid #121212 2px;
  	border-top: solid #121212 4px;
  	border-bottom: solid #121212 2px;
	}

#oikea {
	
  	position: absolute;
  	top: 0px;
	left: 448px;
  	width: 279px;
  	padding: 0px 0px 0px 0px;
  	border-left: solid #121212 2px;
  	border-right: solid #121212 2px;
  	border-top: solid #121212 4px;

	}

.opacity {

	border:1px solid black;
	background-color: #000000;
	opacity:.80;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	}

	
#oikeacopy{
	padding-bottom: 0px;
	height: 51px;
	background-image: url(layout/copy.gif);
  	background-repeat: no-repeat;
  	background-position: bottom;
  	
  	
	}

	
#logo {
	
  	position: absolute;
  	top: 464px;
	left: 250px;
  	width: 447px;
  	height: 48px;
  	background-image: url(layout/logo2.jpg);
  	background-repeat: no-repeat;
  	background-position: right;
}

h1 {
	color: #FFFFFF;
	font-size: 30px;
	font-family: Arial;
	padding-left: 10px;
	padding-top: 5px;
}

h2 {
	color: #FFFFFF;
	font-size: 20px;
	font-family: Arial;
	padding-left: 10px;
	padding-top: 5px;
}

h3 {
	color: #00bbc0;
	font-size: 10px;	
	font-family: Arial;
	line-height: 1.3em;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

p {
	color: #FFFFFF;
	font-size: 10px;	
	font-family: Arial;
	line-height: 1.3em;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
}

.palaute {
padding: 0px 0px 0px 10px;
background-color: #000000;
border: none;
color: #FFFFFF;
font-size: 10px;
font-family: Arial, sans-serif;
line-height: 1.4em;
}

#info{
	color: #FFFFFF;
	font-size: 10px;	
	font-family: Arial;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}

#cv{
	color: #FFFFFF;
	font-size: 10px;	
	font-family: Arial;
	line-height: 1.3em;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
#kuvat {
	float: left;
	padding-left: 10px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 5px;
	
	}

.nav {

  	position: absolute;
    top: 210px;
	left: 253px;
	padding: 0px 0px 0px 0px;
	
	}

.nav a.navi { 
	   width: 145px;
	   height: 33px;
       text-align:center;
       padding:10px 0px 5px 0px;
       font-size: 10px;
	   font-family: Arial, sans-serif;
       text-decoration:none;
       color:#7c7c7c;
       float:left;
       background: url("layout/buttonOff.gif")  no-repeat;
	}
.nav a.navi:hover {
	   width: 145px;
	   height: 33px;
       text-align:center;
       color:#FFFFFF;
       float:left;
       background: url("layout/buttonOn.gif")   no-repeat;
	}
.nav a.naviOn {
width: 145px;
	   height: 33px;
       text-align:center;
       padding:10px 0px 5px 0px;
       font-size: 10px;
	   font-family: Arial, sans-serif;
       text-decoration:none;
       color:#FFFFFF;
       float:left;
       background: url("layout/buttonOn.gif")  no-repeat;
	}

#gnav a:link {
	text-decoration:none; 
	color:#FFFFFF; 
	font-size: 8.5pt; 
	font-style: bold;
	font-family: Verdana, Arial;
	background-color: #121212;
	width: 260px;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 2px 3px;
	border-left: 4px solid #FFFFFF;
}
#gnav a:visited {
	text-decoration:none; 
	color:#FFFFFF; 
	font-size: 8.5pt; 
	font-style: bold;
	font-family: Verdana, Arial;
	background-color: #121212;
	width: 260px;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 2px 3px;
	border-left: 4px solid #FFFFFF;
}
#gnav a:hover {
	text-decoration:none; 
	color: #FFFFFF; 
	font-size: 8.5pt; 
	font-family: Verdana, Arial;
	background-color: #121212;
	width: 260px;
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 2px 1px;
	border-left: 4px solid #4084D2;
	border-right: 1px solid #4084D2;
}