body {
	/*margin: 0;
	text-align: center; nama kun poistin tuli keskelle!*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333333; /*tämä ei toimine jos eessä font-*/
	/*background-color: #FF3366; =pinkki*/
	background-color: #FFFFFF;
	padding-bottom: 15px;
	-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
	}

 
#container {
    /*position: absolute; ei kissankulmassa!*/
	margin: 0 auto;
	text-align:left;
	width:770px;
	background-image:  url(../images/main.gif);
	background-repeat: repeat-y;
	/*background-attachment: fixed;*/
	/*background-color: #f8fca8; lumpeen kelt*/
	background-color: #FFFFFF;
	max-width:1000px;/*doesn't work in IE*/
  	min-width:450px;/*doesn't work in IE*/
	}


#top {
	width: 765px;
	height: 57px;
	background-color: #FFFFFF;
	background-image:  url(../images/top_a.gif);
	background-repeat: no-repeat;
	}

#links {
	width: 765px;
	height: 153px;
	background-image:  url(../images/links.gif);
	background-repeat: no-repeat;
	}

#p {   
	   margin-left: 137px;
	   width: 625px;
	   text-align:left;
	   word-spacing: 4px;
	   line-height: 2.7 em;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   padding: 0 5px 0 5px;
	   font-size: 13px;
 	   font-weight: bold;
	   -moz-background-clip: initial;
	   -moz-background-origin: initial;
	   -moz-background-inline-policy: initial;     
	   }
	   

/*tämä ehoton että explorerilla tulee linkkikuvat*/
#p a:hover { 
   border-right: 5px solid;
   }


/* oranssit linkit*/
.orans:link {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

.orans:visited {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

.orans:hover {
    color: #da6d25;
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
	-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
	
}
.orans:active {
    text-decoration: none;
    color:#da6d25;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

/* ekan rivin linkkiotsikko*/
.intro {
color: #021E01;
padding: 0 29px 0 5px;
float: left;
}


/* vihreet linkit*/
a.green:link {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

a.green:visited {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

a.green:hover {
    color: rgb(60, 187, 21);
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
	-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;   
}

a.green:active {
    color: rgb(60, 187, 21);
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;  
}

/* tokan rivin linkkiotsikko*/
.projects {
color: #021E01;
padding: 0 5px 0 5px;
float: left;
}


/* siniset linkit*/
a.azul:link {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

a.azul:visited {
    color:#021E01;
    text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

a.azul:hover {
    color: #0BA3FA;
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
	-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
}
a.azul:active {
    color:#0BA3FA;
	text-decoration: none;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	border-right: 4px solid;
}

/* kolmannen rivin linkkiotsikko*/
.artists {
color: #021E01;
padding: 0 17px 1px 5px;
float: left;
}


#links a img {height: 0; width: 0; border-width: 0;}
#links a:hover img {position: absolute; top: 139px; left: 145px; height: 70px; width: 70px;}



p {
   margin: 10px 35px 15px 25px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 17px; /* vaihtoehto: line-height: 180%;*/
   font-color: #021E01;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-size-adjust: none;
   font-stretch: normal;
   /*background-color:#223355;*/
   /*letter-spacing: 1px;*/
} 

.leftp {
   margin: 10px 25px 15px 27px;/*tämä tärkeä että 27 ettei leftpalkki liiku sisällepäin!*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 17px;
   color: rgb(102, 102, 102);
   font-weight: normal;
   font-size-adjust: none;
   letter-spacing: 1px;
}


.rightp {
	padding: 0 35px 0 10px;	
}


/*sinisille linkeille*/
.plink_s {
   text-align: right;
   float: left;
   margin:0 10px 0 11px; /*esim thomaksen kuville vas marginaali..*/
   clear:right;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 12px;
   font-weight: bold;
   color: rgb(102, 102, 102);  
}

.plink_s:link {
  color: #333333;
  border-bottom: 1px dotted #0BA3FA;
  text-decoration: none;
  } 
.plink_s:visited {
  color: #333333;
  border-bottom: 1px dotted #0BA3FA;
  text-decoration: none;
}
  
.plink_s:hover {
  color: #0BA3FA;
  border-bottom: 1px dotted #FFFFFF;
  text-decoration: none;
} 

.plink_s:active {
  color: #0BA3FA;
  text-decoration: none;
} 
 


/*oransseille paragraaffi-linkeille*/
.plink:link {
  color: #333333;
  border-bottom: 1px dotted #da6d25;
  text-decoration: none; 
}

.plink:visited {
  color: #333333;
  border-bottom: 1px dotted #da6d25;
  text-decoration: none;
}

.plink:hover {
  color: #da6d25;
  border-bottom: 1px dotted #FFFFFF;
  text-decoration: none;
}


/*vihreille paragraaffi-linkeille*/
.plink_v:link {
  color: #333333;
  border-bottom: 1px dotted #3CBB15;
  text-decoration: none; 
}

.plink_v:visited {
  color: #333333;
  border-bottom: 1px dotted #3CBB15;
  text-decoration: none;
}

.plink_v:hover {
  color: #3CBB15;
  border-bottom: 1px dotted #FFFFFF;
  text-decoration: none;
}



h1 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: rgb(0, 0, 0);
	padding-right: 10px;
} 

.otsik_o{
	color: #da6d25;
}

.otsik_v{
	color: #3CBB15;
}

.otsik_s{
    color: #0BA3FA;
}


h2  {
	margin: 10px 45px 20px 35px;
	padding-right:15px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
	text-align:left;
    line-height: 13px;
    font-weight: bold;
    color: rgb(102, 102, 102);
} 

h3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    font-color: #021E01;
	text-align:left;
	margin: 20px 40px 15px 25px; /*aikasemmin ei ollu mitään!*/
}

h4{
padding:0 10px 0 0;
}


.footerp {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: rgb(102, 102, 102);
   padding: 0 35px 0 10px;

}

/*tämä bold perambulacaovärillä kun p:n sisällä*/
p strong { 
    color:#021E01;
    font-size: 11px;
}
	
	
#main { 
	width:715px;
}

#right { 
   /*padding: 5px 0 0 10px;*/
   float:right;
   text-align:right; /*minne puolelle tulee otsikko*/
   width:490px;
   /*background-color: #FF2233;*/
   }


#left {
    margin-left: 10px;
	float: left; 
	width: 205px;
	text-align:left;
	padding-bottom: 15px; /* jos ei tätä, explorerilla häipyy vasen colli*/
	background-color: #FFFFFF; /*EDEBEB oli se taustaharmaan väri*/
}

#leftdown{
	margin-left:10px;
	margin-top:10px;
	float:left; 
	width:205px;
	text-align:left;
	background-color: #FFFFFF;
}


#maindown { 
	width:715px;
	margin-left: 10px;
	backrgound-color: #FF0000;
	padding-bottom: 20px;
}


img.left {
 	float: left;
 	margin: 0 0 10px 0;
}

img.right {
 	margin: 0 0 0 10px;
	padding-right: 10px;
}


/*nämä seuraavat contactlaatikkosysteemille*/
.t {

    padding: 0px;
    text-align: left;
    overflow: hidden;
	}


.tfa {
    border: 1px solid rgb(230, 230, 230);
    text-align: left;
    background-color: rgb(251, 251, 251);
    text-decoration: none;
	
	}
	
.snappi {

    border: 1px solid rgb(230, 230, 230);
    font-size: 11px;
    text-align: center;
    background-color: rgb(255, 255, 255);
    background-position: center;
    cursor: pointer;
    height: 19px;
    text-decoration: none;
	}
	
	#footer {
	clear: both;
	background-color: #FFFFFF;
	padding: 8px 0 10px 0;
	text-align: center;
	font-size: 9px;
	width: 765px;
}