/*
Theme Name: [[++site_name]] - Site
Theme Setup: default
Theme URI: [[++site_url]]
Version: 0.9
*/



/* Main Sections 

------------------------------------------------------------------------- */
html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}

html.no-ios,
.no-ios body {
    background-size: 100% auto;
}

html,
body,
button,
input,
select,
textarea {
    font: 14px Arial,Helvetica,Sans-serif,Verdana;
    color: 3f3f3e;
}

a,
a:link,
a:active,
a:visited,
a:hover { 
    text-decoration: none;
    border: none;
    color: #000000;
}

a img, img {
    border: 0px none;
}

#page {
    border: 0px solid;
    margin: 0px auto;
    text-align: left;
    height: 100%;
    width: 800px;
}

.pageClear {
    clear: both;
}

::-moz-selection { background: #717171; color:#fff; text-shadow: none; }
::selection { background:#717171; color:#fff; text-shadow: none; } 


/* Header 
------------------------------------------------------------------------- */
#header {
    height: 102px;
    width: 100%;
    float: left;
}

#headerLogo {
    float: right;
    height: 102px;
    width: 297px;
}

#headerImage {
}

#headerImages {
    height: 0px;
    width: 0px;
}


/* Navigation
------------------------------------------------------------------------- */
/* css for navigation in navigation.css and navigation_ie.css



/* Content
------------------------------------------------------------------------- */
#content {
    padding: 75px 0;
    float: left;
    width: 100%;
}

#contentText {
    line-height: 19px;
    float: left;
    width: 100%;
}

#contentText p {
    margin: 0px 0px 20px 0px;
}

#contentText h1 {
}

#contentText ul {
    margin: 0 0 20px 0;
    padding: 0 0 0 15px;
}

#contentText .teaser {
    width: 190px;
    float: left;
}

#contentText #teaser_1 {
    margin: 0 100px;
}

#contentText .teaser .image {
    
}

#contentText .teaser .image img {
}

#contentText .teaser .text {
    text-align: left;
}

#contentText .teaser .text a {
}


/* Footer 
------------------------------------------------------------------------- */
#footer {
    border-right: 8px solid #e2000f;
    height: 52px;
    line-height: 19px;
    padding: 1px 20px 1px 1px;
    text-align: right;
    width: 779px;
    float: left;
}

.textline {
    border-bottom: 2px solid #e2000f;
    width: 300px;
    position: relative;
    top: -5px;
}


/* Special handling for images & alignment 
------------------------------------------------------------------------------- */
.clear {
    clear: both;
}

@media only screen and (max-width: 500px) {
    #page {
        width: 480px;
    }
    
    #contentText .teaser {
        float: none;
    }

    #contentText #teaser_1 {
        margin: 100px 0;
    }

    #footer {
        height: 72px;
        padding: 1px 10px 1px 1px;
        width: 469px;
    }

    .textline {
        display: none;
    }
}
