* { margin: 0px; border: 0px; }

a span { display: none; }

.alignleft {
    display: inline;
    float: left;
    margin: 0px 10px 10px 0px;
}
.alignright {
    display: inline;
    float: right;
    margin: 0px 0px 10px 10px;
}
.clear { clear: both; }


/* Typography */

body, input, select, textarea {
    font: 12px Arial, sans-serif;
    line-height: 1em;
    color: #000;
}

/* links */
a { text-decoration: none; color: #b50937; }
a:link {}
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

/* headings  */
h1,h2,h3 { font-weight: normal; }
h1 {
    color: #01650d;
    font-size: 54px;
    margin-bottom: 22px;
}
h2 {
    color: #014f01;
    font-size: 27px;
    margin-bottom: 6px;
}
    h2 a:hover {
        text-decoration: none;
        border-bottom: 1px solid #b50937;
    }
h3 {
    color: #014f01;
    font-size: 18px;
    line-height: 1.5em;
}
strong { color: #014f01; }

/* text body  */
p, #Content ul, #Content ol {
    font-size: 15px;
    line-height: 1.5em;
    margin: 0em 0px 1em 0px;
}
p.date {
    font-size: 13px;
    margin: 0em 0px 0.5em 0px;
    color: #888;
}
p.postmetadata {
    font-size: 13px;
    margin: -0.5em 0px 2em 0px;
}
small {
    font-size: 11px;
}
blockquote {
    padding: 0px 47px;
}
.navigation {
    font-size: 13px;
}

.highlight h2 { font-weight: 300; }
.highlight p { margin-bottom: 0.5em; }
.highlight a { display: block; color: #000; }
.highlight a:hover { text-decoration: none; }

/* sidebar */
#sidebar p, #sidebar ul, #sidebar ol {
    font-size: 14px;
}
#searchform input {
    font-size: 13px;
    line-height: 1em;
}

/* navigation */
#Navi li a {
    font-size: 16px;
    font-weight: 300;
    color: #b50937;
}
#Navi li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #b50937;
}
    #Navi li.current_page_ancestor a,
    #Navi li.current_page_item a {
        color: #00753e;
    }
    #Navi li.current_page_ancestor a:hover,
    #Navi li.current_page_item a:hover {
        border-bottom: 1px solid #00753e;
    }

/* footer */
#Footer li a {
    font-size: 14px;
    line-height: 1.5em;
}
    #Footer li a:hover {
        text-decoration: none;
        border-bottom: 1px solid #000;
    }


/* Basic layout */

html, body { height: 100%; }
html {
    min-width: 1206px;
    width: auto !important;
    width: 1206px;
}

body {
    position: relative;

    background: #fff url("../gfx/bg-body-plain.jpg") repeat-y fixed top center;
}
/*
body.home { background: url("../gfx/bg-front.jpg") repeat-y top center; }
*/

#Wrapper {
    width: 716px;

    min-height: 100%;
    height: auto !important;
    height: 100%;

    margin: 0px auto;
    padding: 0px 245px;

    background: url("../gfx/bg-content.png") repeat-y top center;
}
body.home #Wrapper {
    /* background: url("../gfx/bg-content-front.png") no-repeat top center; */
    background: url("../gfx/bg-content-front-4-highlights.png") no-repeat top center;
}


/* Front page */

#Highlight {
    position: relative;

    height: 527px;
    margin: 0px 5px 53px 5px;

    overflow: hidden;
}
    #Highlight .container {
        position: absolute;
        top: 72px;
        left: 0px;

        width: 706px;
        height: 450px;
    }
        #Highlight .container a, #Highlight .container img {
            float: left;
        }

#Extras {
    width: 100%;
    padding-bottom: 60px;
}
    #Extras .highlight {
        display: inline;
        float: left;
        overflow: hidden;

        width: 193px;
        height: 208px;
        margin: 0px 14px 14px 0px;
        padding: 18px 18px 0px;
    }
    #Extras .last {
        margin-right: 0px;
    }
        .highlight h2 {
            text-align: center;
        }
        .highlight img.aligncenter {
            margin-left: -18px;
        }

    /* Specific highlights */
    #HighlightProducts {
        background: url("../gfx/highlight-products.png") no-repeat;
    }
    #HighlightWhy {
        background: url("../gfx/highlight-why.png") no-repeat;
    }


/* Content page */

#Content {
    padding: 103px 47px 80px 47px;
}
    #Content img.product {
        margin: 0px -47px 47px 0px;
    }


/* Blog page */

/* sidebar */
#sidebar {
    float: right;
    width: 200px;
    margin-right: -27px;
}
    #sidebar ul {
        padding: 0px;
        list-style: none;
    }
        #sidebar ul ul {
            padding-left: 20px;
        }

/* search */
#searchform label {
    display: none;
}
#searchform input {
    width: 124px;
    padding: 5px 3px;
    border: 1px solid #bbb;
}
#searchform #searchsubmit {
    width: 54px;
    color: #fff;
    background: #0b6d88;
    border: 0px;
}

#posts {
    width: 390px;
}

/* Navigation */

#Navi {
    position: absolute;
    top: 66px;
    left: 0px;

    width: 246px;

    background: url("../gfx/navi-top.png") no-repeat;
}
    #Navi .top {
        display: block;
        height: 81px;
        margin-bottom: 30px;
    }
    #Navi .content {
        padding: 0px 30px 0px 27px;
        background: url("../gfx/navi-middle.png") repeat-y;
    }
        #Navi ul {
            list-style: none;
            padding: 0px;
        }
            #Navi li {
                margin-bottom: 16px;
            }
                #Navi li ul {
                    margin-top: 6px;
                    padding-left: 12px;
                    display: none;
                }
                #Navi li.current_page_ancestor ul, #Navi li.current_page_item ul {
                    display: block;
                }
                    #Navi li li {
                        margin-bottom: 4px;
                    }
                    #Navi li li a {
                        line-height: 1.1em;
                    }
    #Navi .bottom {
        height: 47px;
        margin-top: -16px;
        background: url("../gfx/navi-bottom.png") no-repeat;
    }


/* Footer */

#Footer {
    margin-top: -47px;

    min-width: 1206px;
    width: 100%;
    height: 34px;
    padding: 13px 0px 0px 0px;

    list-style: none;
    text-align: center;

    background: #fff;
    opacity: 0.75;
    filter:alpha(opacity=75);
}
    #Footer li {
        display: inline;
        padding: 0px 3px;
    }
        #Footer li a {
            color: #000;
        }