/**
 * CREATED BY GAD LAB (c) 2009 - www.gadlab.net
 *
 * CSS Template for www.chamanisme.ch
 * 
 * LAYOUT ELEMENTS
 * 
 */

/* Automatic elements
   --------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}
html, body {
    background-color: #fff;
    height: 100%;
    width: 100%;
}

/*
div {
    outline: 1px dashed red;
}

div div {
    outline: 1px dashed green;
}

div div div {
    outline: 1px dashed blue;
}

div div div div {
    outline: 1px dashed red;
}

div div div div div {
    outline: 1px dashed green;
}

div div div div div div {
    outline: 1px dashed blue;
}
*/

/* Structural elements
   --------------------------------------------------------------------------*/

div#mainwrap {
    border-collapse: collapse;
    display: table;
    background: transparent url('images/header-background.gif') scroll repeat-x top left;
    margin: 0 auto;
    padding: 0;
    height: 100%;
    width: 100%;
}
div#headerwrap {
    display: table-row;
    background: transparent url('images/header-background.gif') scroll repeat-x top left;
    margin: 0;
    height: 133px;
    padding: 0;
    width: 100%;
}
div#header {
    background: transparent url('images/logo-fss.png') scroll no-repeat top left;
    margin: 0 auto;
    height: inherit;
    width: 1026px;
}
div#logo {
    margin-left: 163px;
    height: 81px;
    width: 409px;
}
div#pagebodywrap {
    display: table-row;
    background-color: #fff;
    margin: 0;
    padding: 0;
    width: 100%;
}
div#pagebodycell {
    background: transparent url('images/page-shadow.gif') scroll repeat-y 78px top;
    display: table;
    clear: both;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    width: 1026px;
}
div#pagebody {
    display: table-cell;
    width: 1026px;
}
div#pagetitles {
    color: #663E00;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 0 208px;
    width: 100%;
}
div#pagetitles h1.title {
    clear: both;
    color: #E18700;
    font-size: 26px;
    margin: 0px
}
div#contentarea {
    margin: 0 0 50px 208px;
}
div#left-col {
    float: left;
    margin: 0 40px 50px 0;
    width: 355px;
}
div#right-col {
    float: left;
    width: 355px;
    margin: 0 0 50px 0;
}
div#footerwrap {
    display: table-row;
    background:url("images/footer-background.gif") repeat-x scroll left top #F6EFEA;
    clear:both;
    display:table-row;
    height:170px;
    width:100%;
}
div#footer {
    background:url("images/footer-page-shadow.png") repeat-y scroll 78px top transparent;
    height:140px;
    margin:0 auto;
    padding-top:30px;
    width:1026px;
}

/* Menu Level1
   --------------------------------------------------------------------------*/

div#menu {
    background: transparent url('images/logo-chamanisme-reflexion.png') scroll no-repeat 163px top;
    height: 51px;
    width: 100%;
}
div#menu ul#level1 {
    margin-left: 205px;
    padding-left: 0px;
    list-style-type:none;
    height: 51px;
}
div#menu ul#level1 li {
    float: left;
    color: #fff;
    position: relative;
    padding-top: 20px;
}
div#menu ul#level1 li a {
    display: block;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 31px;
    padding: 0 15px;
    border-right: 1px solid #fff;
}
div#menu ul#level1 li a:link, ul#level1 li a:visited {
    color: #fff;
    text-decoration: none;
}
div#menu ul#level1 li a:hover {
    color: #FFE100;
    text-decoration: underline;
}
div#menu ul#level1 li.first a {
    padding-left: 0 !important;
}
div#menu ul#level1 li.l1-current a, div#menu ul#level1 li.l1-active a {
    color: #FFE100 !important;
}
div#menu ul#level1 li.l1-current a:hover, div#menu ul#level1 li.l1-active a:active {
    text-decoration: none !important;
}
div#menu ul#level1 li.last a {
    padding-right: 0 !important;
    border: 0 none !important;
}

/* Menu Level2
   --------------------------------------------------------------------------*/

div#submenu ul#level2 {
    background:url("images/submenu-background.gif") repeat-y scroll left top transparent;
    display:block;
    height:40px;
    list-style:none outside none;
    margin:0 0 0 163px;
    padding-left:42px;
    width:818px;
}
div#submenu UL#level2 li {
    float: left;
    list-style: none;
    padding: 12px 15px 0 0;
}
div#submenu UL#level2 li a {
    margin: 0px;
    border-right: 1px solid #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding-right: 15px;
    text-decoration: none;
}
div#submenu UL#level2 li a:link, div#submenu UL#level2 li a:visited {
    color: #FFFFFF;
}
div#submenu UL#level2 li a:hover {
    color: #0066B3;
    text-decoration: underline;
}
div#submenu UL#level2 li.l2-current a {
    color: #0066B3 !important;
    text-decoration: none;
}

/* Menus Footer
   --------------------------------------------------------------------------*/
div#footer h3 {
    color: #663e00;
    font-size: 14px;
}
div#fss, div#contacts, div#social, div#shop {
    float: left;
    margin: 0 0 0 45px;
    width: 155px;
}
div#fss {
    margin-left: 208px;
}
div#fss p, div#contacts p, div#social p, div#shop p {
    margin: 0;
    font-size: 14px;
}
div#footer a {
    color: #003a66;
}
div#footer a:link, div#footer a:visited {
    text-decoration: none;
}
div#footer a:hover {
    color: #e18700;
    text-decoration: underline;
}