/*

 \LAYOUT.CSS
 Philippe Benthien (phil@zantafio.com)
 last rev: 03/11/09

*/




/*
********************************************************************************
 ELEMENTS
********************************************************************************
*/


*
{
 margin		: 0;
 padding		: 0;
}


* html #container
{
 height		: 100%;	
}


a
{
 font-weight	: bold;
 text-decoration	: none;
}


body
{
 background		: url(/images/brown.jpg);
 font-family	: serif;
 font-size		: 1em;
}


body, html
{
 height		: 100%;	
}


img
{
 border		: none;
}


p
{
 padding		: 0 0 0.75em 0;
}




/*
********************************************************************************
 IDS
********************************************************************************
*/


#column_left, #column_right
{
 background		: url(/images/green.jpg);
 height		: 100%;
 position		: absolute;
 top			: 0;
 width		: 10%;
 z-index		: -10;
}


#column_left
{
 left			: 0;
}


#column_right
{
 right		: 0;
}


#column_right div, #column_left div
{
 background		: url(/images/wood.jpg);
 height		: 100%;
 position		: absolute;
 top			: 0;
 width		: 10%;
}


#column_left div
{
 right		: 0;
}


#column_right div
{
 left			: 0;
}


#container
{
 margin		: 0 0;
 min-height		: 100%;
 position		: relative;
 text-align		: center;
 width		: 100%;
}


#container p
{
 margin		: 0 10%;
}


#header
{
 font-size		: 1.25em;
 font-style		: italic;
 font-weight	: bold;
}




/*
********************************************************************************
 CLASSES
********************************************************************************
*/


.bold
{
 font-size		: 1.1em;
 font-weight	: bold;
}


.english
{
 font-style		: italic;
}


.menu
{
 font-size		: 1.25em;
}


.menu img
{
 clear		: both;
 display		: block;
 margin		: 2.5em auto;
}


.column
{
 float		: left;
 left			: 10%;
 position		: relative;
 width		: 40%;
}


.navigation
{
 clear		: both;
 margin		: 0 auto;
 width		: 80%;
}


.navigation img
{
 margin		: 0 2.5em;
}


.review p
{
 text-align		: justify;
}