body {
	margin: 0px;
	background-image: url(kuvat/viiva.gif);
	background-color: #27180C;
	height: 100%;
}

#linkkilogo {
	width: 300px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 500px;
	background-image: url(kuvat/linkit.gif);
	z-index: 3; 
}

#linkit {
	position: absolute;
	top: 242px;
	right: 120px;
	line-height: 34px;
	text-align:right;
	z-index: 3;
}

#viiva {
	width: 300px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;	
	background-image: url(kuvat/viiva.gif);
	background-repeat: repeat-y;
	z-index: 1; 
} 

#logo {
	width: 600px;
	height:200px;
	position: absolute;
	top: 40px;
	left: 300px;
	background-image: url(kuvat/logo2.gif);
}

#sisus {
	position: absolute;
	top: 285px;
	left: 300px;
	z-index: 2;
	}

#laatikko {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 520px;
	height: 238px;
	padding: 1px;
	border: thin solid #CE9A60; 
	margin-left: 40px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	}
	
#box_upcoming {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 520px;
	height: 110px;
	padding: 1px;
	border: thin solid #CE9A60; 
	margin-left: 40px; 
	margin-bottom: 0px; 
	margin-top: 0px;
	}	
#otsikko {
	position: absolute;
	top: 255px;
	left: 295px;
	margin-left: 40px;
	z-index: 2;
}
#design {
	position: absolute;
	top: 245px;
	left: 193px;
	width: 520px;	
}


/* TEKSTIT */
p{
	font-family: Arial,sans-serif;
	font-size: 80%;
	color: #CE9A60;
	margin-left: 40px;
	margin-top: 5px;
	padding-bottom: 0px;

}

p.kuva {
	margin-left: 0px;
	margin-right: 14px;
	margin-top: 0px;
	padding-bottom: 3px;
}

p.box {
	margin-left: 10px;
	margin-top: 0px;
	padding-bottom: 3px;
	width: 380px;
}

p.solid {border: thin solid #CE9A60;
         margin-left: 40px;
         margin-bottom: 0px;
         margin-top: 0px;
         width: 520px}

p.solidorange {border: thin solid #FE8D03;
         margin-left: 40px;
         margin-bottom: 0px;
         margin-top: 0px;
         width: 520px}				 
p.nomargin {
         margin-left: 20px;
         margin-bottom: 0px;
         margin-top: 0px;
}
p.info {
  margin-left: 30px;
	margin-top: 0px;
  margin-bottom:0px;
}


/* LINKIT */
a
{
  outline: none;
}
a.one:link{
  font-family: Arial,sans-serif;
  font-size: 80%;
	color: #CE9A60;
	text-decoration: none;
}

a.one:visited{
  font-family: Arial,sans-serif;
  font-size: 80%;
	color: #CE9A60;
  text-decoration: none;
}

a.one:hover{
  font-family: Arial,sans-serif;
  font-size: 90%;
  color: #FE8D03;
  text-decoration: none;
}


a.text:link{
  font-family: Arial,sans-serif;
  font-size: 100%;
	color: #CE9A60;
	text-decoration: none;
	font-style: italic;
	margin-bottom:0px;
}

a.text:visited{
  font-family: Arial,sans-serif;
  font-size: 100%;
	color: #CE9A60;
  text-decoration: none;
	font-style: italic;
  margin-bottom:0px;
}

a.text:hover{
  font-family: Arial,sans-serif;
  font-size: 100%;
  color: #FE8D03;
	text-decoration: none;
	font-style: italic;
  margin-bottom:0px;
	}
	
a.text2:link{
  font-family: Arial,sans-serif;
  font-size: 100%;
	color: #CE9A60;
	text-decoration: underline;
	font-style: italic;
	margin-bottom:0px;
}

a.text2:visited{
  font-family: Arial,sans-serif;
  font-size: 100%;
	color: #CE9A60;
  text-decoration: underline;
	font-style: italic;
  margin-bottom:0px;
}

a.text2:hover{
  font-family: Arial,sans-serif;
  font-size: 100%;
  color: #FE8D03;
	text-decoration: none;
	font-style: italic;
  margin-bottom:0px;
	}

	
/* KUVAT LAATIKOSSA */
img.floatLeft { 
	float: left; 
	margin: 4px;
	margin-right: 14px;
	vertical-align:text-top; 
}

img.link { 
	border: 0px;
	margin-bottom:0px;
	}