body {
background: #e4e4e4 url('bg/bg2.jpg') repeat-x;
color: #000;
margin-top: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3em;
margin: 0;
padding:0;
}

#page {
width:800px;
margin:auto;
padding:auto;
}

#header {
clear:both;
width:800px;
height: 108px;
text-align: right;
}

#logo {
padding-top: 35px;
width: 156px;
height: 108px;
float: left;
}

#menulinks {
padding-top:45px;
float: right;
}

#flashmenu {
height: 112px;
width: 440px;
float: right;
top: 0px;
position: related;
}
 

#menulinks a {
color:#000000;
font-weight: bold;
text-decoration:none;
}

#menulinks a:hover, #menulinks a.active {
text-decoration:none;
color:#FFFFFF;
}
#main {
width:800px;
clear:both;
height: auto;
margin-top: 25px;
position: relative;
}

#content {
width:800px;
padding-bottom:20px;
padding-top: 0px;
float:left;
}

#title{
width:30px;
padding-bottom:0px;
padding-top: 0px;
padding-left: 0px;
position: absolute;
}

#hr{
width:1px;
height: 295px;
padding-bottom:0px;
padding-top: 0px;
padding-left: 60px;
position: absolute;
}

#box1 {
width:340px;
padding-bottom:0px;
padding-top: 0px;
padding-left: 90px;
position: absolute;
}

#box2 { /* Käytetään about.php:ssä */
width:340px;
padding-bottom:0px;
padding-top: 0px;
padding-left: 5px;
position: absolute;
} 

#marko {
width: 309px;
height: 462px;
float: right;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 500px;
position: absolute;
}

#contact {
width: 308px;
height: 193px;
float: right;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 250px;
position: absolute;
}

#gallery { /* Sisältää galleriat, ei galleriat-sivun asetuksia */
width: 600px;
height: auto;
float: right;
padding-left: 90px;
position: absolute;
}



#galleriat { /* Sisältää GALLERY-sivun asetukset */
width: 600px;
height: 100px;
float: right;
vertical-align: bottom;
clear: both;
padding-left: 90px;
position: absolute;
}

#galleriat_abstract{
padding-top: 0px;
position: absolute;
}

#galleriat_bw{
padding-top: 120px; /* 105 px edellisestä niin alkaa edellisen alareunasta, */
position: absolute; /* elikkä lisätään se 120 niin on 15 px marginaalia     */
}

#galleriat_landscape{
padding-top: 240px; /* 105 px edellisestä niin alkaa edellisen alareunasta, */
position: absolute; /* elikkä lisätään se 120 niin on 15 px marginaalia     */
}

#galleriat_people{
padding-top: 360px; /* 105 px edellisestä niin alkaa edellisen alareunasta, */
position: absolute; /* elikkä lisätään se 120 niin on 15 px marginaalia     */
}

#galleriat_other{
padding-top: 480px; /* 105 px edellisestä niin alkaa edellisen alareunasta, */
position: absolute; /* elikkä lisätään se 120 niin on 15 px marginaalia     */
}

#galleriat_otsikko{
width: 15px;
max-height: 100px;
float: left;
vertical-align: bottom;
left: 90px;
position: absolute;
margin-bottom: 0px;
}

#galleriat_thumbs {
border-top: solid #676767 1px;
width: auto;
height: 100px;
float: left;
left: 100px;
padding-left: 10px;
position: absolute;
}



#navi1 {
width: 400px;
height: 30px;
float: left;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
position: relative;
text-align: left;
}

#navi2 {
width: auto;
height: 20px;
float: right;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 25px;
position: relative;
text-align: right;
}

#wrap {
padding-top: 10px;
position: relative;
padding-left: 0px;
float: left;
clear: both;
}

#footer {
position: absolute;
width: 100%;
height: 16px;
margin: 0px px 0px px;
vertical-align: middle;
text-align: center;
line-height:16pt;
background-color:#cccccc;
border: 0px;
position: fixed;
bottom: 0px;
padding-bottom:4px;
left:0px;
right:0px;
}

.markosoini, a{
color:#777777;
}

.markosoini a{
color:#777777;
}

.markosoini a:hover{
color: #FFFFFF;
}


h1 {
font-size: 20px;
color: #8eb335;
margin:0;
font-family: Trebuchet MS;
}

h2 {
font-size:15pt;
color: #505050;
font-family: Trebuchet MS;
font-weight: normal;
margin-bottom: 7px;
margin-top: 0px;
}

a {
color:#000000;
font-weight: normal;
text-decoration:none;
}

a:hover {
color:#888888;
font-weight: normal;
text-decoration:none;
}

blockquote {
margin-left:15px;
margin-top: 0px;
margin-bottom: 0px;
}