/**
 *    Skljoc.si Layout
 *    Used on: -> global
 *
 *    @author  David Panzalović
 *    @version 1.0
 **/

/* =Common
----------------------------------------------- */
html, body {
    height: 100%;
    margin: 0;
}

#wrapper {
    height: 100%;
    width: 849px;
    margin: 0 auto;
}

    #wrapper > div {
        width: 765px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        padding: 0 42px;
        float: left;
    }

/* =Header
----------------------------------------------- */
#header {
    width: 100%;
    height: 80px;
    margin: 50px 0 54px 0;
    float: left;
    position: relative;
}

    #header h1 {
        width: 211px;
        height: 103px;
        position: absolute;
        top: -10px;
        left: 19px;
    }

        #header h1 a {
            width: 100%;
            height: 100%;
            display: block;
        }

    #header > a {
        width: 476px;
        height: 106px;
        line-height: 42px;
        padding: 45px 35px 0 0;
        display: block;
        position: absolute;
        top: -28px;
        right: 3px;
    }

    #header > img {
        width: 411px;
        height: 161px;
        position: absolute;
        top: -28px;
        right: 50px;
    }

/* =Content
----------------------------------------------- */
#content {
    width: 100%;
    margin-bottom: 32px;
    float: left;
}

    a.fb {
        width: 150px;
        height: 60px;
        padding: 20px 0 0 75px;
        display: block;
        float: left;
    }

        a.fb strong {
            padding-top: 4px;
            display: block;
        }

    #intro {
        width: 100%;
        padding-bottom: 40px;
        margin-bottom: 47px;
        float: left;
    }

    #intro.noBorder {
        margin-bottom: 36px;
    }

        #intro > div {
            width: 490px;
            margin-right: 50px;
            float: left;
        }

            #intro h2,
            #intro h3,
            #intro h4,
            #intro p {
                line-height: 1.4;
                display: block;
            }

            #intro h2 {
                margin-bottom: 12px;
            }

            #intro.noBorder h2 {
                margin-bottom: 24px;
            }

            #intro h3 {
                margin: 24px 0 16px 0;
            }

            #intro ul,
            #intro li {
                width: 100%;
                float: left;
            }

                #intro li {
                    line-height: 1.4;
                }

        #intro a.fb {
            margin-top: 8px;
        }

    #rules,
    #rules dt,
    #rules dd {
        width: 100%;
        float: left;
    }

    #rules {
        margin-bottom: 72px;
    }

        #rules dt,
        #rules dd {
            line-height: 1.4;
        }

        #rules dt {
            margin-top: 20px;
        }

        #rules dt:first-child {
            margin-top: 0;
        }

    #content > #flash {
        width: 585px;
        margin: 0 90px 42px 90px;
        float: left;
    }

    #benefits {
        width: 100%;
        margin-bottom: 40px;
        float: left;
    }

        #benefits > ul {
            width: 755px;
            padding: 15px 5px 25px 5px;
            float: left;
            position: relative;
            top: 10px;
        }

            #benefits > ul > li {
                width: 163px;
                padding: 0 15px 0 72px;
                float: left;
            }

                #benefits h3, #benefits p {
                    line-height: 1.4;
                    display: block;
                }

                #benefits h3 {
                    margin-bottom: 4px;
                }

    #content > #madeBy {
        width: 438px;
        height: 47px;
        padding-left: 62px;
        margin: 20px 40px 0 0;
        float: left;
    }

        #content > #madeBy > dt {
            padding: 10px 0 4px 0;
        }

/* =Footer
----------------------------------------------- */
#footer {
    width: 100%;
    padding: 15px 0 40px 0;
    float: left;
    clear: left;
}

    #footer > p {
        width: 200px;
        margin-right: 65px;
        display: block;
        float: left;
    }

    #footer > ul {
        width: 500px;
        float: left;
    }

        #footer > ul > li {
            width: auto;
            margin-left: 6px;
            float: right;
        }

        #footer > ul > li > a {
            padding-left: 6px;
        }