#container {width:95%;
   min-height:100%;
   position:relative;
   margin-bottom:%;
   padding: 0;
}


#header {
   background:#606060;
   padding: 54px;
   width: 126%;
  
}

#name {float: left; color: #fff; font-family: sans-serif; font-size: 10 pt; font-size: 90%;  }

#centeredmenu {
   float: left;
   width: 100%;
   background:#fff;
   border-bottom: 4 px solid #000;
   overflow:hidden;
   position:relative;
   margin-left: 10%;
  
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
   font-family: sans-serif; 
  
  
}
#centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin-bottom:0; 
   padding:0;
   position:relative;
   right:50%;
}
#centeredmenu ul li a {
   display:block;
   margin:0 0 0 1px;
   padding:3px 10px;
   background:#000;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   font-family: sans-serif;
   font-weight: ; 
   
 
}
#centeredmenu ul li a:hover {
   background:#800080;
   color:#fff;
   font-weight: ;

}
#centeredmenu ul li a.active,
#centeredmenu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight: ;
}



body {width: 95%;
   padding:0;
   height:100%;
 
}

#body {
   padding:10px;
   padding-bottom:100px; 
   font-family: sans-serif; font-size: 12 pt;
   margin-top:  3%;
}


img.floatLeft { 
    float: left; 
    margin: 10px; 
	padding: 20px; 
	margin-top:1%;
}

#img1 {margin-top: 5%}


h5 {text-align:center}

h4 {margin-top: 3%, margin-bottom: 1%}

h3 {color: #FFFFFF}

h2 {float: right; background-color: #8b008b; color: white; margin-bottom: 2%, margin-left: 1%}


a {color: blue; text-decoration:none}

a.one:link {color: blue; text-decoration:none}
a.one:visited {color: blue}
a.one:hover {background:#0066FF; color: #FFFFFF; font-weight: bold} 

a.two:hover {background:blue; color:#FFFFFF}

a.three:link {color:#CC66FF; text-decoration:none;}
a.three:visited {color:#FFFFFF}
a.three:hover {background:#CC66FF;color: #FFFFFF; font-weight: bold} 

a.maikkari {margin-left:35%; border-color:#FF0000}

#paraone {background-color: #CCCCCC; margin-top:4%; font: Geneva, Arial, Helvetica, sans-serif; line-height: 1.2 em}

#pictureone {margin-top:0%}

#four {background-color:#A6D2FF; margin-top:4%}

#paraseven {text-align:left}

p.paratwo {margin-top:2%; margin-right: 1%}

p.parakop {background-color:#A8A8FF; margin-top: 4%}

p.online{ margin-top:2%; border:thick}

p.parakolme {text-align: center; font-size:20px; color:#CC0000}

p.paraonline {background-color:#CCCCCC; margin-top:6%}

p.paraother {background-color:#99CCFF; margin-top:6%}

#parablogging {background-color: #AFD5F3}

#paramaikkari {background-color:#C0C0C0; margin-top:4%}

#pagetwo { text-align:center}

p.paratalsa {background-color:#CCCCCC; margin-top:5%}

#video {margin-left: 35%}

p.copy {float:right; font:Arial, Helvetica, sans-serif; font-size: 11px}

#contact {float: left; margin-left: 40%; margin-top: 15%}

#pictures {margin-top:1%}

#skills {background-color: #CC0033; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; margin-top:3%;}

form {float: left; margin-left: 40%}

#footer {
   position:absolute;
   bottom:0;
   width:138%;
   height:40px;   /* Height of the footer */
   background:#8b008b;
  
}