/*
      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;
}
#wrapper { 
 margin: 0 auto;
 width: 822px;
}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;

 height: 100px;
 margin: 0px 0px 0px 0px;
 background: #FFF;
}
#navigation {
float: left;
 width: 800px;
 border: 1px solid #ccc;

 background: #800000;
}
#leftcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 border: 1px solid #ccc;
 background: #F2F2E6;
 margin-top:10px;
 
 height: 100%;
 width: 800px;
 display: inline;
}

#contentfoa { 
 float: left;
 color: #333;
 background-image:url('source/velvet.gif');
 background-repeat:no-repeat;
 
  margin-top:10px;

 height: 100%;
 width: 800px;
 display: inline;
}

#contentfoamks { 
 float: left;
 color: #333;
 background-image:url('source/Foa-makassar-back.gif');

 background-repeat:no-repeat;
 
 margin-top:10px;
 
 height: 100%;
 width: 800px;
 display: inline;
}


#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 200px;
 float: left;
 position: relative;
}
.clear { clear: both; }