@charset "utf-8";


/* Y!UI 'Reset' [2008-11-25] */
@import "reset.min.css";


/* Standard elements ------------------------------------------------ */

body {
    background: #fff url("../img/body-bg.gif") center top repeat-y;
    color: #111;
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}


/* Layout ----------------------------------------------------------- */

#content {
    width: 614px;
    margin: 0 auto;
    background: #fff url(../img/for-your-consideration.jpg) bottom center no-repeat;
    padding: 4.286em 28px 92px; /* 60px ... ... */
    color: #222;
    font-size: 87.5%; /* 14px */
}

#content h1 {
    float: left;
    text-indent: -999em;
}

#content h2 {}

#content h3 {
    margin: 0 0 0.9em; /* ... ... 20px */
    font-size: 1.283em; /* 18px */
}

#content p,
#content ul {
    margin: 0 0 1em; /* ... ... 14px */
    line-height: 1.429em; /* 20px */
}

#content ul {
    margin-left: 1em;
}

#content table {
    margin: 0 1em 1em;
    border: 4px solid #222;
    border-collapse: separate;
    padding: 2px;
}

#content table.narrow {
    width: 200px;
}

#content table.medium {
    width: 300px;
}

#content table th,
#content table td {
    border: 2px solid #fff;
    border-collapse: collapse;
    padding: 3px 4px 2px;
}

#content table th {
    background: #222;
    color: #fff;
}

#content table.narrow th {
}

#content table.medium th {
}

#content table td {
    width: 84px;
    text-align: center;
    font-weight: bold;
}

#content p.note {
    color: #222;
    font-size: 0.786em; /* 11px */
    font-style: italic;
}

#content p.note strong {
    font-size: 1.273em; /* 14px */
}


/* Specific styles -------------------------------------------------- */

img.photo {
    display: block;
    margin-bottom: 1.429em; /* 20px */
}

h2.title {
    margin: 0 auto 0.952em; /* ... ... 20px */
    background: #222;
    padding: 0.333em 0.476em 0.381em; /* 7px 10px 8px */
    color: #fff;
    text-align: right;
    font-size: 1.5em; /* 21px */
    font-style: italic;
    font-family: Georgia, serif;
}

h2.title em {
    font-weight: bold;
}

#strap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    background: #222;
    padding: 0.563em 0 0.5em; /* 9px ... 8px */
    color: #fff;
    text-align: center;
    font-size: 1.143em; /* 16px */
    font-style: italic;
    font-family: Georgia, serif;
}

#contact {
    margin: 0 1em 1em ;
    font-size: 0.929em; /* 13px */
}

#contact dt,
#contact dd {
    display: inline;
}

#contact dd {
    margin-right: 0.3em;
    padding-left: 1.615em; /* 21px */
    padding-right: 0.15em;
}

#contact dd.gb {
    background: transparent url("../img/flags/gb.gif") left 50% no-repeat;
}

#contact dd.fr {
    background: transparent url("../img/flags/fr.gif") left 50% no-repeat;
}

#contact dd.gmail {
    background: transparent url("../img/icons/gmail.gif") left 50% no-repeat;
}

#contact dd.gmail a {
    *text-decoration: none; /* because IE is stupid */
}

#contact dd.gmail span {
    padding-right: 2px;
}