/*  File name               :   newyork.css
    Version                 :   1.3
    Author                  :   Patrick Boens
    Creation date           :   05/10/2009 - 14:59
    Last modification date  :   22/02/2010 - 13:59
    Last modified by        :   Patrick Boens
    Copyrights              :   (c) 2006-2010 Lato Sensu Management
    Purpose                 :   Provides global styling definitions for The Raid Agency
*/

/* Call additional style sheets -- @import section */
@import url( enroll-form.css );
@import url( sitemap.css );
@import url( sysmenu.css );
@import url( footer.css );
@import url( motto.css );
@import url( vaesoli.css );         /* Overwrites Vae Soli! defaults */
@import url( share.css );           /* Facebook, Twitter, ... */
/* End of @import */
/* General -- Must be categorized later */
body
                    {   margin              :   4px 2em 2em 2em;
                        padding             :   0;
                        background          :   #111;
                    }

div#Wrapper         {   margin              :   114px auto 0 auto;
                        padding             :   0;
                        width               :   810px;
                        position            :   relative;
                        border              :   2px solid rgb(73,9,28);
                    }

div#design-by       {   width               :   810px;
                        margin              :   0 auto;
                    }

div#design-by p     {   display             :   block;
                        float               :   right;
                        font                :   0.7em/1em verdana,arial,sans-serif;
                    }

div#design-by p a   {   text-decoration     :   none;
                        color               :   #fff;
                        border-bottom       :   1px dotted #fff;
                    }

div#design-by p a:hover
                    {   color               :   rgb(204,94,127);
                        border-bottom       :   1px dotted rgb(204,94,127);
                    }

.hide               {   visibility          :   hidden;
                    }

p.DivisionTitle     {   display             :   none;
                    }

div#MainSpot        {   display             :   block;
                        margin              :   0;
                        font-size           :   x-small;
                        font-family         :   verdana,arial,sans-serif;
                        line-height         :   1.5;
                        display             :   block;
                        width               :   100%;
                    }

div#MainSpot:after  {   content             :   ".";
                        display             :   block;
                        height              :   0;
                        clear               :   both;
                        visibility          :   hidden;
                    }

div#MainSpot        {   display              :  inline-table;}  /* Mark Hadley's fix for IE Mac */

/* Hides from IE Mac \*/
* html div#MainSpot {height: 1%;}
div#MainSpot{display:block;}
/* End Hack */

div#logo            {   position            :   absolute;
                        /* top                 :   -517px; (for relative positionning) */ /* 405 (LeftColumn height) + 112 (picture height / 2) */
                        top                 :   -95px; /* 405 (LeftColumn height) + 112 (picture height / 2) */
                        left                :   -80px;
                        width               :   150px;
                        height              :   189px;
                        top                 :   -50px; /* 405 (LeftColumn height) + 112 (picture height / 2) */
                        left                :   -58px;
                        width               :   100px;
                        height              :   126px;
                        /* background          :   url(/images/logo-no-text.png) no-repeat;
                        background          :   url(/images/logo-home-small.jpg) no-repeat; */
                        background          :   url(/images/logo-home-very-small.jpg) no-repeat;
                        border              :   5px solid rgb(73,9,28);
                    }

body.home div#logo  {   display             :   none;
                    }

table#LayoutTable   {   border              :  none;
                        width               :  100%;
                        background-color    :  #fff;
                    }

div#LeftColumn,
div#RightColumn     {   width               :   375px;
                        height              :   375px;
                        padding             :   15px;
                        overflow            :   hidden;
                        background-repeat   :   no-repeat;
                    }

div#LeftColumn      {   float               :   left;
                        background          :   rgb(178,178,178) url(/images/mainillu-main.jpg) no-repeat;
                        width               :   405px;
                        height              :   405px;
                        padding             :   0;
                        margin              :   0;
                    }

div#RightColumn     {   float               :   right;
                        background          :   rgb(73,9,28) url(/images/gradient.jpg) no-repeat;
                        font                :   1.3em/1.5em Georgia,"Times New Roman",times,serif;
                        color               :   #fff;
                        overflow            :   auto;
                    }

div#RightColumn a
                    {   color               :   gold;
                        text-decoration     :   none;
                        border-bottom       :   1px dotted gold;
                    }

div#RightColumn a:hover
                    {   color               :   #000;
                        border-bottom       :   1px solid #000;
                    }

body.home div#RightColumn
                    {   width               :   405px;
                        height              :   405px;
                        padding             :   0;
                        margin              :   0;
                    }

div#LeftColumn div.InfoBlockOdd,
div#LeftColumn div.InfoBlockEven
                    {   margin               :  2px 0 15px 0;
                        padding              :  2px;
                    }

div#LeftColumn div.InfoBlockOdd     {}

div#LeftColumn div.InfoBlockEven
                    {   background-color    :   rgb(253,243,243);
                    }

/***************************************************************************/
/* Titres                                                                  */
/***************************************************************************/
div#RightColumn h2,
div#LeftColumn h2   {   font-family         :   Georgia,Serif;
                        font-size           :   1.4em;
                        line-height         :   2em;
                        margin              :   0 5px;
                        border-bottom       :   1px dotted rgb( 187,26,122);
                        color               :   rgb( 187,26,122);
                        display             :   block;
                    }

div#RightColumn h3,
div#LeftColumn h3   {   font-family         :   Georgia,Serif;
                        font-size           :   1.4em;
                        line-height         :   2em;
                        margin              :   0 5px;
                        border-bottom       :   1px solid rgb( 216,23,130 );
                        color               :   rgb( 216,23,130 );
                        display             :   block;
                    }

div#RightColumn h4,
div#LeftColumn h4   {   font-family         :   Georgia,Serif;
                        font-size           :   1.2em;
                        line-height         :   1.5em;
                        margin-left         :   20px;
                        color               :   rgb( 216,23,130 );
                        display             :   block;
                    }

*.center            {   text-align          :   center;
                    }

ol.square-menu      {   list-style          :   none;
                        margin              :   0;
                        padding             :   0;
                        width               :   405px;
                        height              :   405px;
                        overflow            :   hidden;
                    }

ol.square-menu li   {   width               :   135px;
                        height              :   135px;
                        display             :   block;
                        float               :   left;
                        margin              :   0;
                        padding             :   0;
                    }

ol.square-menu a    {   display             :   block;
                        width               :   100%;
                        height              :   100%;
                        margin              :   0;
                        padding             :   0;
                        text-decoration     :   none;
                    }

ol.square-menu a span
                    {   visibility          :   hidden;
                        display             :   block;
                        height              :   100%;
                        width               :   100%;
                        margin              :   auto auto;
                        text-align          :   center;
                        font                :   bold 1.5em/135px Georgia,'Times New Roman',serif;
                        color               :   #fff;
                        vertical-align      :   middle;
                    }

ol.square-menu a span.smaller
                    {   font-size           :   1.2em;
                    }

ol.square-menu a:hover span
                    {   visibility          :   visible;
                    }

ol.square-menu li#main01 a
                    {   background          :   url(/images/slices/mainillu_01_ori.jpg) no-repeat;
                    }

ol.square-menu li#main01 a:hover
                    {   background          :   url(/images/slices/mainillu_01.jpg) no-repeat;
                    }

ol.square-menu li#main02 a
                    {   background          :   url(/images/slices/mainillu_02_ori.jpg) no-repeat;
                    }

ol.square-menu li#main02 a:hover
                    {   background          :   url(/images/slices/mainillu_02.jpg) no-repeat;
                    }

ol.square-menu li#main03 a
                    {   background          :   url(/images/slices/mainillu_03_ori.jpg) no-repeat;
                    }

ol.square-menu li#main03 a:hover
                    {   background          :   url(/images/slices/mainillu_03.jpg) no-repeat;
                    }

ol.square-menu li#main04 a
                    {   background          :   url(/images/slices/mainillu_04_ori.jpg) no-repeat;
                    }

ol.square-menu li#main04 a:hover
                    {   background          :   url(/images/slices/mainillu_04.jpg) no-repeat;
                    }

ol.square-menu li#main05 a
                    {   background          :   url(/images/slices/mainillu_05_ori.jpg) no-repeat;
                    }

ol.square-menu li#main05 a:hover
                    {   background          :   url(/images/slices/mainillu_05.jpg) no-repeat;
                    }

ol.square-menu li#main06 a
                    {   background          :   url(/images/slices/mainillu_06_ori.jpg) no-repeat;
                    }

ol.square-menu li#main06 a:hover
                    {   background          :   url(/images/slices/mainillu_06.jpg) no-repeat;
                    }

ol.square-menu li#main07 a
                    {   background          :   url(/images/slices/mainillu_07_ori.jpg) no-repeat;
                    }

ol.square-menu li#main07 a:hover
                    {   background          :   url(/images/slices/mainillu_07.jpg) no-repeat;
                    }

ol.square-menu li#main08 a
                    {   background          :   url(/images/slices/mainillu_08_ori.jpg) no-repeat;
                    }

ol.square-menu li#main08 a:hover
                    {   background          :   url(/images/slices/mainillu_08.jpg) no-repeat;
                    }

ol.square-menu li#main09 a
                    {   background          :   url(/images/slices/mainillu_09_ori.jpg) no-repeat;
                    }

ol.square-menu li#main09 a:hover
                    {   background          :   url(/images/slices/mainillu_09.jpg) no-repeat;
                    }

table.portfolio     {   border              :   1px solid rgb(230,200,200);
                        border-collapse     :   collapse;
                        font-size           :   0.9em;
                    }

table.portfolio td  {   border              :   1px solid rgb(230,200,200);
                        padding             :   3px;
                    }

ol.portfolio-logos  {   list-style          :   none;
                        text-align          :   center;
                        margin              :   0;
                        padding             :   0;
                    }

ol.portfolio-logos img
                    {   padding             :   10px;
                        background          :   white;
                    }

table.LSContentsImageGallery
                    {   border              :   1px solid #eee;
                        padding             :   0;
                        margin              :   5px 0;
                    }

table.LSContentsImageGallery td
                    {   border              :   1px solid #eee;
                        text-align          :   center;
                        vertical-align      :   middle;
                    }

table.LSContentsImageGallery td a,
table.LSContentsImageGallery td a:link,
table.LSContentsImageGallery td a:visited,
table.LSContentsImageGallery td a:active
                    {   border              :   none !important;
                    }

img.logo-ref        {   margin              :   3px 5px 3px 0;
                    }