/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   D E F A U L T S                                                         */


/* default margins, paddings and foreground colour */
*                               { margin: 0px; padding: 0px; }

/* white page background */
body                            { background: #fff; font-size: 10px; }

/* border-less images */
img                             { border: none; }

/* anchors hover */
a                               { text-decoration: none; }
a:hover                         { text-decoration: underline; }



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   T Y P O                                                                 */


                                
/* font "tahoma" */
*
                                { font-family: Tahoma, Arial, Helvetica, sans-serif; font-style: normal; 
                                  text-transform: none; letter-spacing: 0.02em; }

/* paragraph spacing */
div.section p                   { margin-bottom: 0.6em; }

/* special formattings for navigation */
ul#navigation *                 { text-transform: lowercase; }

/* size: 12px */
body                            {  font-size: 12px; }

/* size: 11px */
ul#navigation                   {  font-size: 11px; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   L A Y O U T                                                             */


/* general formatting of the wrapper */
div#wrap                        {  }

div#stage                       { height: 480px; width: 100%; 
                                  overflow: auto; white-space: nowrap; padding-top: 50px; }
div#stage img                   { margin-right: 15px; }
div#stage.text                  { width: 990px; }
div#stage.text img, div#stage.text div.section
                                { float: left; }

div.section                     { width: 240px; padding: 30px; }

div#footer                      { padding: 20px; }


ul#navigation li, ul#navigation ul
                                { display: inline; list-style: none; }
ul#navigation li                { padding-left: 0px; padding-right: 20px; }
ul#navigation li li             { padding-left: 10px; padding-right: 0px; }
ul#navigation ul                { padding-right: 15px; }
ul#navigation a.active          { text-decoration: underline; }

img#logo                        { float: right; margin-top: -5px; }




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   C O L O R S                                                             */

/* white */
div#wrap                        { background: #fff; }
ul#navigation a                 { color: #fff; }


/* off white */
body                            { background: #eee; }
ul#navigation li                { color: #eee; }


/* dark gray */
body, a
                                { color: #666; }

/* off gray */
div#footer                      { background: #d4d0c8; }