/* ********************* */
/* ****** GENERAL ****** */
/* ********************* */

body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    padding:0px;
    margin:0px;
    width:100%;
    background-image: url('../images/top-background.png');
    background-repeat: repeat-x;
}

.floatBreaker {
    clear:both;
}

.content {
    margin: auto;
    width:960px;
    position:relative;
}

.content h2, .content h3, .content h4  {
    text-transform:uppercase;
    font-family:Tahoma, Arial, Verdana;
    font-size:42px;
    margin-top:0px;
    margin-bottom:0px;
}
.content h3 { font-size:22px; }
.content h4 { font-size:18px; }

/* ********************* */
/* ******** TOP ******** */
/* ********************* */

#top {
    background-image: url('../images/top-background-full.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    overflow:hidden;
    overflow-x:no-display;
    height:293px;
    padding:0px;
    margin:0px;
    width:100%;
}

    #top a
    {
    display:block;
    width:196px;
    text-align:center;
    color: #eaecef;
    margin:auto;
    background-color:#495672;
    border: solid 1px #495672;
    border-radius:5px;
    text-transform:uppercase;
    position:absolute;
    top:228px;
    left:350px;
    padding:7px;
    text-decoration:none;
    font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size:11px;
    font-weight:bold;
    }

    #top a:hover {
        background-color:#414c64;
        border: solid 1px #414c64;
    }


/* ********************* */
/* ******* WORLD ******* */
/* ********************* */

#world {
    background-image: url('../images/world-background.png');
    background-repeat: repeat-x;
    height:365px;
    width:100%;
}

    #world .content {
        text-align:right;
        z-index:1;
    }

    #world .content .text {
        position:absolute;
        z-index:100;
        right:0px;
        top:40px;
    }

    #world .content .text h2 {
        color: #525e79;
        z-index:3;
        margin-bottom: -10px;
    }

        #world .content .text a#linkMembership
        {
        display:block;
        background-color: #cb8836;
        border-radius:10px;
        width:295px;
        padding:11px;
        text-align:center;
        color: #FFFFFF;
        text-decoration:none;
        text-transform:uppercase;
        font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
        font-size:20px;
        font-weight:bold;
        float:right;
        margin-top:25px;
        }

        #world .content .text a#linkMembership:hover {
            background-color: #b97f39;
        }

        #world .content .text a#linkAdvertise {
            color: #59657f;
            text-decoration:none;
            text-transform:uppercase;
            font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
            font-size:14px;
            font-weight:bold;
            float:right;
            margin-top:15px;
        }
        #world .content .text a#linkAdvertise:hover {
            text-decoration:underline;
        }

    #world .content #map
    {
        background-image: url('../images/world-map.png');
        background-repeat: no-repeat;
        position:absolute;
        top:40px;
        left:60px;
        width:569px;
        height:278px;
        z-index:1;
    }


/* ********************* */
/* ***** COUNTIES ****** */
/* ********************* */

#countries {
    min-height: 491px;
    background-color: #47526b;
    margin:0px;
    padding:0px;
}

#countries .content {
    padding-top:20px;   
}

#countries .content h2 {
    color: #c6d0e0;
}

    #countries .content p.description
    {
        font-family:Tahoma, Arial, Verdana;
        font-size:16px;
        color: #c6d0e0;
        margin-bottom:25px;
        margin-top:3px;
    }

    #countries .content #countryList {
        
    }

    #countries .content #countryList a {
        display:block;
        position:relative;
        float:left;
        width: 200px;
        height:67px;
        margin-right:15px;
        margin-bottom:15px;
        background-color: #e2e8f1;
        
        border-radius: 3px;

        border-top-color: #e7ecf3;
        border-left-color: #e7ecf3;
        border-right-color: #3d465a;
        border-bottom-color: #3d465a;
    }

    #countries .content #countryList a:hover
    {
        background-color: #dadfe7;
    }

    #countries .content #countryList a img.flag {
        position:absolute;
        left:12px;
        top:10px;
        z-index:10;
        border:none;
        
    }

    #countries .content #countryList a div.name
    {
        position:absolute;
        left:72px;
        top:13px;

        color: #495672;
        text-transform:uppercase;
        font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
        font-size:13px;
        font-weight:bold;
    }

    #countries .content #countryList a div.info {
        position:absolute;
        left:72px;
        top:30px;

        color: #495672;
        font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
        font-size:11px;
        line-height:13px;
    }


    #countries .content #countryList a img.free {
        display:none;
    }
    #countries .content #countryList a.free img.free {
        display:block;
        position:absolute;
        right:0px;
        bottom:0px;
        z-index:100;
        border:none;
    }

    #countries .content #countryList a img.new {
        display:none;
    }
    #countries .content #countryList a.new img.new {
        display:block;
        position:absolute;
        left:0px;
        top:0px;
        z-index:100;
        border:none;
    }

    #countries .content #freeCountryDescription {
        display:block;
        margin-top:15px;
    }

    #countries .content #freeCountryDescription div {
        float:left;
        background-color: #a5b2c6;
        padding: 3px 5px 3px 5px;
        color: #FFFFFF;
        line-height:20px;
        border-radius:4px;
        font-size:11px;
    }

    #countries .content #freeCountryDescription span {
        color: #939eb1;
        font-size:11px;
        padding:5px;
        margin-left:5px;
        display:inline-block;
        line-height: 16px;
    }

/* ********************* */
/* ***** MEMBERSHIP **** */
/* ********************* */

#membership {
    background-image: url('../images/membership-background.png');
    background-repeat: repeat-x;
    height:374px;
    width:100%;
}

#membership .content {
    padding-top:20px;   
}

    #membership .content .text
    {
        width:690px;
        text-align:right;
        padding-top:20px;
        color: #49526A;
    }

    #membership .content h2
    {
        color: #d38c3c;
    }

    #membership .content h4
    {
        color: #d38c3c;
    }

    #membership .content #sticker {
        background-image: url('../images/membership-sticker.png');
        background-repeat: no-repeat;
        height:374px;
        width:232px;
        position:absolute;
        right:0px;
        top:0px;
    }

    #membership .content a#createUserAccount {
        display:block;
        background-color: #cb8836;
        border-radius:10px;
        width:335px;
        padding:6px;
        text-align:center;
        color: #FFFFFF;
        text-decoration:none;
        text-transform:uppercase;
        font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
        font-size:16px;
        font-weight:bold;
        float:right;
        margin-top:17px;
    }

    #membership .content a#createUserAccount:hover {
        background-color: #b97f39;
    }

/* ********************* */
/* ***** ADVERTISE ***** */
/* ********************* */

#advertise {
    background-color: #c8d2e2;
    height:416px;
    width:100%;
}

#advertise .content {
    padding-top:50px;
    color: #49526A;
}

#advertise .content h2 {
    margin:0px;
    color: #495672;
    text-transform:uppercase;
}

#advertise .content h3 {
    margin:0px;
    color: #495672;
    text-transform:uppercase;
}

#advertise .content a#createAdvertiserAccount {
    display:block;
    width:200px;
    text-align:center;
    color: #eaecef;
    background-color:#495672;
    border: solid 1px #495672;
    border-radius:5px;
    text-transform:uppercase;
    padding:5px;
    text-decoration:none;
    font-family:Verdana, Geneva, 'DejaVu Sans', sans-serif;
    font-size:13px;
    font-weight:bold;
    margin-top:22px;
}

/* ********************* */
/* ******* FOOTER ****** */
/* ********************* */

#footer {
    background-color: #2d3340;
    height:230px;
    width:100%;
}

#footer .content {
    padding-top:40px;
}

#footer #logo {
    background: url('../images/footer-logo.png');
    background-repeat: no-repeat;
    width:159px;
    height:141px;
    margin:auto;
}