/*
 * S T R U C T U R A L  L A Y O U T
 * 960px centered, fixed layout.
 */

/* Obligatory Yahoo resetter. (Move this to a master.css document later) */
@import url('reset-fonts.css');
@import url('typography.css');

html
{
    background: transparent;
}

body
{
    background-image: url('../layout/body_background.png');
    background-position: 0px -65px;
}

.centered-839px
{
    width: 839px;
    margin-left: auto;
    margin-right: auto;
}


/* HEADER & NAVIGATION
 * Includes the logo, contact & payment information, languages and navigation bar.
 * The full height is 173px, most elements are located inside of #sidebar.
 */
#header
{
    height: 173px;
    background-image: url('../layout/header_background.png');
    
    margin-left: auto;
    margin-right: auto;
}

#logo
{
    width: 183px;
    height: 116px;
    background-image: url('../layout/logo.png');
    background-repeat: no-repeat;
    float: left;
    margin-top: 6px;
    border: none;
}

#sidebar
{
    float: right;
}

#languages
{
    padding: 3px;
    text-align: right;
}

#languages li
{
    display: inline;
    margin-right: 9px;
    padding: 3px;
}

#languages li:last-child
{
    margin-right: 0px;
    padding-right: 0px;
}

#languages li.selected
{
    background-color: #880000;
}

#contact-info
{
    margin-top: 4px;
    display: block;
}

#cards-accepted
{
    margin-top: 6px;
}

#cards-accepted li
{
    display: inline;
}

#nav
{
    height: 33px;
    width: 839px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-image: url('../layout/header_fullmenubar.png');
    background-repeat: no-repeat;
}

#nav
{
    padding-top: 13px;
    clear: both;
}

#nav li
{
    display: inline;
    padding-left: 12px;
    padding-right: 12px;
}


/* BODY & ARTICLE
 * #body is used for the initial gradient background, all content is located inside of #article.
 */
#body
{
    background-image: url('../layout/body_fading_background.png');
    background-repeat: repeat-x;
}

#article
{
    width: 835px;
    margin-left: auto;
    margin-right: auto;
    
    background: #e2dfae;
    background-image: url('../layout/body_content_gradient.png');
    background-repeat: repeat-x;
}

#title
{
    margin-left: 15px;
    margin-bottom: 35px;
    display: block;
}

blockquote
{
    border-top: 1px solid #C7BDAA;
    border-bottom: 1px solid #C7BDAA;
    margin: 0 20px 20px 20px;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}

img.blockleft
{
    float: left;
    display: block;
    margin: 15px;
    border: 1px solid #313131;
    background-color: white;
}

img.blockright
{
    float: right;
    display: block;
    margin: 15px;
    border: 1px solid #313131;
    background-color: white;
}

.treatment-samples
{
    margin-left: 15px;
    margin-bottom: 15px;
    display: block;
}

.spaceright
{
    margin-right: 15px;
}

#FAQ
{
    padding-top: 15px;
}

ol
{
    margin: 0 0 1.1em 30px;
}

hr
{
    border: 0;
    padding: 0;
    margin: 30px;
}

/* FOOTER
 * Miniature nav and the copyright notice.
 */
#footer
{
    display: block;
    clear: both;
    padding: 15px 0px 15px 0px;
    text-align: center;
}