@charset "UTF-8";

body {

	background-image: url(kuvat/tausta.jpg);

	background-repeat: repeat-x;

	background-color: #000;

}

.alapalkki {

	background-image: url(kuvat/alapalkki.jpg);

	background-repeat: repeat-x;

	overflow: visible;

	position: absolute;

	visibility: visible;

	z-index: auto;

	height: 37px;

	width: 100%;

	left: 0px;

	bottom: 0px;

}

.portfolio {

	position: absolute;

	left: 0px;

	top: 44px;

	z-index:2;

}

.inffo {

	background-image:url(kuvat/infolinkki.jpg);

	background-repeat:no-repeat;

	position:absolute;

	width:131px;

	height:35px;

	left: 6px;

	top: 102px;

	padding-top:4px;

	padding-left:15px;

	z-index:3;

}

.work {

	background-image:url(kuvat/worklinkki.jpg);

	background-repeat:no-repeat;

	position:absolute;

	width:131px;

	height:35px;

	left: 137px;

	top: 102px;

	padding-top:4px;

	padding-left:15px;

	z-index:4;

}

.play {

	background-image:url(kuvat/playlinkki.jpg);

	background-repeat:no-repeat;

	position:absolute;

	width:131px;

	height:35px;

	left: 268px;

	top: 102px;

	padding-top:4px;

	padding-left:15px;

	z-index:5;

}

.awesome, .awesome:visited {

	background: #222 url(testi.png) repeat-x;

	display: inline-block;

	padding: 5px 20px 6px;

	color: #fff;

	text-decoration: none;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	border-bottom: 1px solid rgba(0,0,0,0.25);

	position: relative;

	cursor: default;

}

.awesome:hover							

	{ background-color: #111; color: #fff; }

.awesome:active							

	{ top: 1px; }

.medium.awesome, .medium.awesome:visited 		{

	font-size: 14px;

	font-weight: bold;

	line-height: 1;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	letter-spacing: 2px;

}

.blue.awesome, .blue.awesome:visited		

{

	background-color: #000000;

}

.news.blue.awesome, .news.blue.awesome:visited		

{

	background-color: #22ADCD;

}

.blue.awesome:hover							

{

	background-color: #000;

}.tekstialue {

	font-family: Arial, Helvetica, Verdana, Georgia, sans-serif;

	font-size: smaller;

	color: #000;

	background-image: url(taustakokeilu.jpg);

	background-repeat: no-repeat;

	overflow: auto;

	position: absolute;

	visibility: visible;

	z-index: auto;

	height: 75%;

	width: 100%;

	left: 0px;

	top: 135px;

	background-color: #000000;

}

.sisaltoalue {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: small;
	color: #FFF;
	position: relative;
	height: 98%;
	width: 680px;
	left: 8px;
	top: 8px;
	padding-left: 10px;

}

h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:large;

	font-weight:bold;

	color:#FFF

}

h2 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: larger;

	color: #FFF;

}

.perus {

	width: 400px;

	margin: 0 0 20px 20px;

	background-color: #999;

	background-repeat: no-repeat;

	position:absolute;

	top:135px;

	left:736px;

	color:#171717;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

	list-style-image: none;

	font-size: small;

	overflow: auto;

	height: 400px;

	padding: 10px 0px 0px 10px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #000;

	border-bottom-color: #000;

	border-left-color: #000;

  }

ul {

	padding-top: 20px;

}

.perus li {	

	list-style-image: none;

	list-style-type: none;

	margin-right: 15px;	

}

.perus a {color:#FFF}

.tekstialue .sisaltoalue p a {

	color: #FFF;

}

img {

	border: 2px solid #FFF;

}

.mie {

	position: absolute;

	visibility: visible;

	left: 700px;

	top: 60px;

}

.portfolio img { border:none;}

.alapalkki img { border:none;}