body {
 font-size: 1.8em;
 font-style: normal;
 color: #CCCCCC;
 background-color: #231F1B;
 margin-left: 0.5%; margin-right: 0;
 text-decoration: none;
 font-family: Trebuchet MS, Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-weight: normal;
 text-align: center;
 }
 
 A:link { text-decoration: none; COLOR: #3E86C1 }
A:visited { text-decoration: none; COLOR: #3E86C1}
A:hover { text-decoration: none; COLOR: #75A8D2}
 
.oikealle
{ 
float: right;
}

.vasemmalle
{ 
float: left;
margin-right: 50px;
}
 
.leipateksti {
 position: absolute;
 right: 10px;
 width: 65%;
 height: auto;
 top: 80px;
 margin-right: 5%;
 text-decoration: none;
 font-family: Georgia, Times New Roman;
 font-weight: normal;
 font-style: normal;
 font-variant: normal; 
 font-size: 50%;
 color: #DDDDDD;
 background-color: #0E0805;
 line-height: 120%;
 text-align: left;
 z-index: 9;
 }
 
 .lihavointi {
 padding: 2px;
 font-size: 50%;
 text-align: center;
 text-decoration: none; 
 font-weight: bold; }

.keskitys {
 text-align: center;
 margin-left:auto; 
 margin-right:auto;}
 
 .otsikko {
 text-align: center;
 font-family: Arial Unicode MS, Trebuchet MS, Lucida Sans Unicode, Microsoft Sans Serif, Helvetica;
  font-size: 110%;
 line-height: 120%;
 font-weight: bold;
 margin-top: 20px;
 letter-spacing: 2px;
}
 
.tekstikuva {
float: left;
position: relative;
top: -25px;
 }
 
 .tekstikuvabox {
position: relative;
top: 5px;
float: left;
left: 5px;
 }
		.links {
	font-family: Trebuchet MS, Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
	font-size: 70%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #CCCCCC;
	word-spacing: normal;
}
.links2 {
	font-size: 55%;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #20A6FF;
	word-spacing: normal;
}

.xlinks {
	font-size: 80%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #20A6FF;
	word-spacing: 10px;
}

div.ylapaneeli {
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 70px;
 margin-left: 0; 
 margin-right:0;
 background-image:url(ylapaneeli.gif);
 background-repeat: repeat-x;
 z-index: 6;}
 
 div.kamera{
 position: absolute;
 top: 80px;
 left: -10px;
 width: 264px;
 height: 597px;
 padding-left: 20px;
 text-align: left;
  background-position: top left;
 background-repeat: no-repeat;
 background-image:url(kamera01.gif);
 z-index: 2;
 }
 
  div.valikko{
 position: absolute;
 line-height: 72%;
 margin-top: 5px;
 left: 10px;
 width: 140px;
 height: 368px;
 padding-left: 15px;
 font-size: 78%;
 text-align: left;
  background-position: top left;
 background-repeat: no-repeat;
 background-image:url(valikko.gif);
 z-index: 3;
 }
  
.float-right {
  float: right;
  margin: 3px;
  padding: 0.5em;
  }
  
.kuvateksti {
  font-family: Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial; 
  font-size: 80%;
  text-align: left;
  line-height: 100%;
  letter-spacing: 1px;
  margin-left:auto; 
  margin-right:auto;
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-weight: bold;}
  
 .float-left {
  font-size: 12px;
  float: left;
  padding: 0.5em;
  margin: 3px;
  }

  div span.cap-g {
  float: left;
  font-size: 24px;
  font-weight: bold;
  }
  
  .upper-objects {
 position: absolute;
 width: 60%;
 left: 16%;
 height: 20px;
 margin-left: 5%;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom:0;
 text-decoration: none;
 color: #DDDDDD;
 text-align: left;
  z-index: 9;
 }

  .upper-object1 {
position: absolute;
text-align: left;
line-height: 30px;
font-family: Lucida Sans Unicode, Verdana, Helvetica;
font-size: 20px;
font-weight: bold;
letter-spacing: 2px;
 height: 55px;
 left: 5px;
 top: 0px;
}

  .upper-object2 {
position: absolute;
text-align: left;
font-size: 0.5em;
font-weight: bold;
 height: 35px;
 left: 8px;
 top: 50px;
}

  .upper-text {
position: absolute;
text-align: center;
font-family: Trebuchet MS;
font-weight: bold;
font-size: 14px;
letter-spacing: 1px;
word-spacing: 38px;
 height: 35px;
 left: 5px;
 top: 28px;
}

  .flashi{
position: absolute;
margin-left: 5%;
 left: -23px;
 top: -15px;
}

.pikkuotsikko {
 font-size: 50%;
 font-style: normal;
 color: #CCCCCC;
 margin-left: 0.5%; 
 margin-right: 0;
 margin-top: 1%;
 margin-bottom:1%;
 text-decoration: none;
 font-family: Trebuchet MS, Lucida Sans Unicode, Microsoft Sans Serif, Helvetica, Arial;
 font-weight: bold;
 text-align: left;
letter-spacing: 1px;
 }
 

.leipateksti p {
	margin: 0 10px;
	padding: 10px;
}

.bl {background: url(bl.gif) 0 100% no-repeat #0E0805; width: 100%}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 0px; height: 0px;}

   .rullatus {
position: absolute;
top: 2px;
right: 0px;
width: 106px; 
height: 143px;
z-index: 9;
 background: url(rullatus.gif) no-repeat;
 background-position: top left;
}