/*  File name               :   homepage.css
    Version                 :   1.0
    Author                  :   Patrick Boens
    Company                 :   Lato Sensu Management
                                Rue Bois des Mazuis, 47
                                5070 Vitrival (Fosses-La-Ville)
                                Belgique
    Creation date           :   03/03/2010 - 11:44
    Last modification date  :   03/03/2010 - 11:44
    Last modified by        :   Patrick Boens
    Copyrights              :   (c) 2010 - Lato Sensu Management
    Purpose                 :   Provides global styling definitions for the "calife new" paradeigma (homepage of LS)
*/

/* Call additional style sheets -- @import section */
/* @import url( pilars.css             ); */ /* Inclusion of styles needed for the two pilars */
/* End of @import */

body        {   background      :   #000 url(/images/calife-new-1st-page-background.jpg) repeat-x;
                color           :   #ddd;
                font            :   1em/1.2em Georgia,"times new roman",serif;
            }
#wrapper    {   width           :   1019px;
                margin          :   0 auto;
                background      :   #000;
            }

#main-menu  {   height          :   200px;
                background      :   #000 url(/images/ls-100.png) 140px 35px no-repeat;
                font-size       :   0.8em;
            }

#teaser     {   font-size       :   0.85em;
                line-height     :   1.7em;
                width           :   646px;
                float           :   right;
                margin          :   10px 10px 0 0;
                padding         :   10px 10px 10px 10px;
                background      :   rgb(54,54,54) url(/images/teaser.jpg);
            }

#teaser h1  {   display         :   none;
            }

#teaser strong
            {   color           :   rgb(245,175,1);
            }

#teaser p   {   margin          :   5px 0 0 0;
                padding         :   0;
            }

#header     {   background      :   #000;
                height          :   201px;
                color           :   #fff;
            }
#header div {   height          :   201px;
                max-height      :   201px;
                width           :   333px;
                clear           :   none;
                float           :   left;
            }

#header .tooltip
            {   display         :   none;
                font-size       :   9px;
                background      :   #000;
                opacity         :   0.5;
                padding         :   10px;
                border          :   1px solid #fff;
                position        :   relative;
                top             :   -133px;
                height          :   111px;
                overflow        :   hidden;
                cursor          :   hand;
            }


#pm         {   background      :   #000 url(/images/pm.jpg);
                margin          :   0 10px 0 0;
            }

#cm         {   background      :   #000 url(/images/cm.jpg);
                margin          :   0 10px 0 0;
            }

#we         {   background      :   #000 url(/images/we.jpg);
            }

#pm a,
#cm a,
#we a       {   display         :   block;
                width           :   100%;
                height          :   133px;
                text-decoration :   none;
                border          :   none;
            }

.sep        {   height          :   1px;
                max-height      :   1px;
                clear           :   both;
                overflow        :   hidden;
            }

#silos      {   background      :   #2f2f2f url(/images/imperial-footer-gradient.jpg) repeat-x;
                margin          :   20px 0 0 0;
                clear           :   both;
                height          :   260px;
                font            :   0.9em/1.1em "Lucida Grande",Helvetica,"arial narrow",sans-serif;
            }

/* #silos #silos-menus
            {   margin-top      :   -5px;
            }
*/
#silos .menu
            {   float           :   left;
                width           :   200px;
                font-size       :   0.8em;
                margin-right    :   5px;
            }

#silos .menu p
            {   text-align      :   center;
                padding         :   4px;
                margin          :   0;
                font-weight     :   bold;
            }

#silos .menu ul
            {   list-style-type :   none;
                margin          :   0;
                padding         :   0;
            }

#silos .menu ul li
            {   margin          :   6px 0 0 2px;
                width           :   184px;
                height          :   22px;
                line-height     :   22px;
                vertical-align  :   middle;
                border          :   1px dotted #444;
            }
#silos .menu ul li a
            {   display         :   block;
                height          :   16px;
                line-height     :   16px;
                text-decoration :   none;
                color           :   inherit;
                padding         :   3px 8px;
                margin          :   0;
            }

#silos .menu ul li a:hover
            {   background      :   #000;
                color           :   #fff;
            }

#footer
            {   background      :   rgb(245,175,1);
                background      :   #222;
                clear           :   both;
                position        :   relative;
                top             :   260px;  /* 263px (silos) - 50px (height of footer) */
                height          :   50px;
            }

#footer.inside
            {   top             :   0;
                font            :   0.9em/1.1em "Lucida Grande",Helvetica,"arial narrow",sans-serif;
            }
#footer address,
#footer p
            {   text-align      :   center;
                line-height     :   25px;
                margin          :   0;
                padding         :   0;
                font-style      :   normal;
            }

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
            {   text-decoration :   none;
                color           :   #ffe24d;
                border-bottom   :   1px dotted #ffe24d;
            }

#footer a:hover
            {   color           :   rgb(245,175,1);
                border-bottom   :   1px dotted rgb(245,175,1);
                background-color:   #000;
            }