/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #C88A65;
 color: #000;
 background-image: url(kuvat/taustakuva.jpg);
 background-repeat: no-repeat;
 background-position: left top;
}
#wrapper { 
 margin: 0 auto;
 width: 912px;
}
#faux {
 background: url(kuvat/tausta.gif);
 margin: 20px 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%
}
#leftcolumn { 
 margin: 10px;
 padding: 0px;
 width: 431px;
 float: left;
 display: inline;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 10px;
 padding: 10px;
 width: 411px;
 display: inline;
 position: relative;
}
.clear { clear: both; }
#rightcolumn p {padding-top: 4px; padding-bottom: 4px;}
#leftcolumn p {padding-top: 4px; padding-bottom: 4px;}
h1 {font-size: 20px;  padding-bottom: 10px;}
h2 {font-size:16px;}

#leftcolumn a:hover {text-decoration: none;}
#rightcolumn a:hover {text-decoration: none;}
ul {margin-left: 30px;
   margin-top: 10px;
   margin-bottom: 10px;}