@import url('tinymce.css');
@import url('buttons.css');


/* --------------- overrides ------------------ */

hr
{
    display:none;
}

a
{
    text-decoration:none;
    color:#00AA00;
}
    a:hover
    {
        text-decoration:none;
    }

img
{
    border:0px;
}
p
{
    margin:4px 0px 6px 0px;
}

h1, h2, h3
{
    font-family: londonbetween;
    /*
    existence
    florencesans
    geosanslight
    londonbetween
    mammagamma
    */

    color:#000000;
    font-weight:normal;
}
h1
{
    font-size:28px;
    line-height:32px;
    margin:10px 0px 10px 0px;
}

h2
{
    font-size:22px;
    margin:10px 0px 3px 0px;
}
h3
{
    font-size:18px;
    margin:5px 0px 2px 0px;
}

/* --------------- custom ------------------ */
.alignLeft
{
    text-align:left;
}
.alignRight
{
    text-align:right;
}
.alignCenter
{
    text-align:center;
}
.clear
{
    clear:both;
}

.hidden
{
    display:none;
}
.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}
    

.hr1
{
    background-color:#AAAAAA;
    margin-left:auto;
    margin-right:auto;
    height:1px;
    margin-top:10px;
}


/* --------------- homepage ------------------ */
.logos
{
    margin:0px;
    line-height:0px;
}
    .logos a img
    {
        margin:0px 5px;
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
    .logos a img:hover
    {
        margin:0px 5px;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
    }

.homeSections
{
    position:relative;
    height:246px;
    margin:0px -20px 0px -20px;
    background-image:url(layout_images/bg_homesections.png);
    background-repeat: repeat-x;
}
    .section
    {
        position:relative;
        float:left;
        width:325px;
        height:198px;
        margin:0px 0px 0px 30px;
        top:24px;
        background-repeat: no-repeat;
    }
        .sectionLink
        {
            
        }
        .section1
        {
            background-image:url(layout_images/bg_section1-trans.png);
        }
        .section2
        {
            background-image:url(layout_images/bg_section2-trans.png);
        }
        .section3
        {
            background-image:url(layout_images/bg_section3-trans.png);
        }
        .section h2
        {
            position:absolute;
            left:10px;
            width:300px;
            text-align:center;
            top: 19px;
            font-family:londonbetween;
            font-size:28px;
            line-height:20px;
        }
        .section p
        {
            position:absolute;
            left:25px;
            width:280px;
            top: 65px;
            font-family:londonbetween;
            font-size:18px;
            line-height:22px;
            height:110px;
            overflow:hidden;
            color:#FFFFFF;
        }
        .sectionLink
        {
            position:absolute;
        }
            .sectionLink:hover
            {
                background-image:url(layout_images/bg_section-hover-trans.png);
            }


/* --------------- table ------------------ */
.formatTable
{
    
}
    .formatTable td
    {
        padding:5px 20px 5px 0px;
        vertical-align:top;
    }

    .formatTable h2
    {
        margin-bottom:0px;
    }

/* --------------- layout ------------------ */
body
{
    font-family:Trebuchet MS, Century Gothic, Arial, sans-serif;
    font-size:13px;
    line-height:20px;
    color:#222222;
    padding:0px;
    margin:0px;
    background-color:#f0f1ec;
}

.header
{
    position: relative;
    height:345px;
    background-image: url(layout_images/bg_header.jpg);
    background-position: center;
    background-repeat: no-repeat;
    color:#FFFFFF;
}
    .header a
    {
        color:#CCCCCC;
    }
        .header a:hover
        {
            color:#FFFFFF;
        }
    .tagline
    {
        position:absolute;
        left:275px;
        top:30px;
    }
    .headerInner
    {
        position: relative;
        width:1100px;
        margin-left:auto;
        margin-right:auto;
    }
        .topMenu
        {
            position:absolute;
            top:7px;
        }
            .topMenu a
            { 
                padding:0px 6px;
            }
        .mainMenu
        {
            position:absolute;
            top:288px;
            right:20px;
            text-align:right;
            font-size:22px;
            line-height:26px;
            /*font-family: Optimer;*/
            font-family: londonbetween;
            /*
            existence
            florencesans
            geosanslight
            londonbetween
            mammagamma
            */
        }
            .mainMenu a
            {
                margin-left:20px;
                color:#FFFFFF;
                filter:alpha(opacity=70);
                opacity:0.7;
                background-color: transparent;
            }
                .mainMenu a:hover
                {
                    filter:alpha(opacity=100);
                    opacity:1;
                }
        .languageSelection
        {
            position:absolute;
            top:9px;
            right:20px;
            text-align:right;
        }
            .languageSelection img
            {
                border:1px solid #AAAAAA;
                margin-left:4px;
            }
            .languageSelection img:hover
            {
                border:1px solid #FFFFFF;
            }
        
    
.container
{
    position: relative;
    width:1100px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFFFFF;
    border-left:1px solid #D3D3D3;
    border-right:1px solid #D3D3D3;
    z-index:100;
}
    .textContent
    {
        margin: -30px 20px 0px 20px;
        padding-bottom:20px;
    }
.footer
{
    position:relative;
    background-image: url(layout_images/bg_footer_s.png);
    background-position: center bottom;
    background-repeat: repeat-x;
    height:161px;
    margin-top:-28px;
    z-index:0;
}
    .footerInner
    {
        position: relative;
        width:1100px;
        height:127px;
        margin-left:auto;
        margin-right:auto;
        background-image: url(layout_images/bg_footer_inner_s.png);
        background-repeat: no-repeat;
        background-position: center bottom;
    }
        .footerText
        {
            position: absolute;
            left:0px;
            right:0px;
            bottom:30px;
            height:50px;
            font-size:11px;
            line-height:14px;
            text-align:center;
            color:#AAAAAA;
        }
        .footer a
        {
            text-decoration:none;
            color:#AAAAAA;
        }
        .footer a:hover
        {
            text-decoration:none;
            color:#FFFFFF;
        }
        
.ContactForm input, .ContactForm textarea{ background-color:#EEEEEE;}
.ContactForm{ padding-top:20px; width:540px; }
.ContactForm .col-1{ float:left; width:230px !important;}
.ContactForm .col-2{ float:left; width:300px !important; margin-left:0 !important;}
.ContactForm label{ display:block; height:42px;}
.ContactForm input{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:220px;}
.ContactForm textarea{ border:solid 1px #AAAAAA;font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:300px; height:101px;}
.ContactForm .link2{ margin:5px 15px 0 0;}
.ContactForm .captcha{height:100px;}
    .ContactForm .captcha input{margin-top:5px;}
.ContactForm .buttonArea { text-align:right; clear:both;}
.ContactForm .roundedButton {color:#000000; border:1px solid #AAAAAA; background-color:#CCCCCC; padding:3px;}