/* 1. Global Reset */
html, body { min-height: 100%; margin: 0; padding: 0; } 
body { 
    background-color:#FFFDF5; 
    background-image: url(rc_images/cotton_fabric.jpg); 
    background-repeat:repeat; 
}

/* 2. The Logo - FIXED SMALL SIZE & LEFT FLOAT */
#img_24539a3a { 
    float: left !important; 
    width: 140px !important; /* Forces the small DeBeers look */
    height: auto !important; 
    margin: 30px 50px 20px 30px !important; /* 50px gap on the right */
    display: block !important;
}

/* 3. The Title - FORCED TO THE RIGHT */
#heading_390aab84 { 
    display: block !important; 
    margin-top: 75px !important; /* Aligns vertically with the logo center */
    font-family: Arial, sans-serif; 
    font-size: 2.2vw !important; 
    letter-spacing: 12px; 
    color: #000; 
    text-align: center !important; /* Centers within its remaining space */
}

/* 4. The Content - CLEARING THE FLOAT */
.charter-container {
    clear: both; /* This forces the text to start BELOW the logo/title row */
    max-width: 800px;
    margin: 80px auto;
    padding: 0 40px;
    line-height: 1.9;
    font-family: 'Times New Roman', serif;
    color: #333;
}

.article span { font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px; }

/* 5. The Navigation Footer */
.nav-container { 
    clear: both; 
    text-align: center; 
    padding: 60px 0; 
}

.debeers-link {
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    color: #888888 !important;
    text-decoration: none !important;
    letter-spacing: 5px !important;
    transition: color 0.4s ease;
}

.debeers-link:hover { color: #000 !important; cursor: pointer; }
.divider { color: #ccc; margin: 0 20px; }

/* Kill RocketCake's traps */
#text_14e88ee0, #text_5640478c, #text_7c4b71e { 
    position: static !important; 
    display: inline-block !important; 
}