html, body, #wrap 
{
height: 100%; 
margin: 0; 
background-image: 
url('tausta.gif');
background-repeat: repeat-x;
background-color: #660066;

}
 
body > #wrap {height: auto; min-height: 100%;}

#main {
position: relative;
left: 50%;
width: 850px;
padding-bottom: 180px; /* must be same height as the footer */
padding-top: 206px;
margin-left: -425px; /* half of the width */
background-image: url(tausta.jpg); 
background-repeat:no-repeat;
}  

#footer {
position: relative;
left: 0%;
width: 100%;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
background-image: url(alatausta.gif);
background-repeat: repeat-x;
z-index: 500;


} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#sisalto 
{
	position: relative; 
	top: 0px; 
	left: 280px; 
	width: 450px;
	text-align: left;
	color: #FFFFFF;
	font-variant: normal; 
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 
	font-size: smaller;

}


#viiva 
{
     position:absolute;
     left: 0; 
     top: 168px;
     width: 850px;
     height: 1px;

}

#linkit
{
	position: absolute; 
	top: 146px; 
	left: 45px; 

}

#linkitDE

{
	position: absolute; 
	top: 146px; 
	left: -80px; 

}

#vasenkuva
{
	position: absolute; 
	top: 224px; 
	left: 0px; 
	width: 280px; height: 426px;
	z-index:40;

}

#liput
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index:20;

}

<!----fontit--->
p 
{
font-variant: normal; 
font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 
color: #000000;
font-size: smaller;
}

p.small 
{
font-variant: small-caps; 
font-family: sans-serif; 
color:#FFFFFF;
}

h1 
{
font-variant: normal; 
font-size: large; 
font-family: 'Lucida Grande', Verdana, Arial, sans-serif; 
color: #FFFFFF;}

A:link {text-decoration: none; color:#ff6699;}
A:visited {text-decoration: none; color:#ff6699;}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color:#ff6699;}


<!---- menu ---->

#demo-container
{
padding:25px 15px 0 15px;;
}

ul#simple-menu
{
list-style-type:none;width:100%;position:relative;font-family: 'Lucida Grande', Verdana, Arial, sans-serif;font-size:13px;font-weight:bold;margin:0;padding:0px 0 0 0;
}
ul#simple-menu li{display:block;float:left;margin:0 0 0 4px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:block;float:left;color:#fff;text-decoration:none;padding:0 0px 0 10px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{color:#ff6699;}
ul#simple-menu li a.current{color:#ff6699;}
ul#simple-menu li a.current:hover{color:#ff6699;}