* {
    margin:0;
    padding:0;
    box-sizing:BORDER-BOX;
}

/* VARIABLES ====================================== */
:root {
    /* COLORS ===================================== */
    --BODY_BACKGROUND_COLOR:#A24F;
    --BUTTON_BACKGROUND_COLOR:#E6E6FAAA;
    --HEADER_FOOTER_BACKGROUND_COLOR:#412F;
    --HEADER_FOOTER_COLOR:#A00F;
    --HOME_DIV_P_COLOR:#000F;
    --HR_COLOR:#000F;
    --H1_COLOR:#000F;
    --H2_COLOR:#000F;
    --H3_COLOR:#000F;
    --ICON_BACKGROUND_COLOR:#E6E6FAAA;
    --LI_A_COLOR:#00FF;
    --LI_COLOR:#000F;
    --NAV_A_COLOR:#A00F;
    --NAV_A_HOVER_BACKGROUND_COLOR:#0000;
    --NAV_BACKGROUND_COLOR:#0000;
    --NAV_DIV_BUTTON_BACKGROUND_COLOR:#0000;
    --NAV_DIV_DIV_A_COLOR:VAR(--NAV_A_COLOR);
    --NAV_DIV_DIV_A_HOVER_BACKGROUND_COLOR:#634F;
    --NAV_DIV_DIV_BACKGROUND_COLOR:#412F;
    --SECTION_A_COLOR:#74BF;
    --SECTION_ARTICLE_BACKGROUND_COLOR:#E6E6FAAA;
    --SECTION_ARTICLE_P_COLOR:#000F;
    --SECTION_BACKGROUND_COLOR:#0000;
    --SECTION_DIV-IMAGE_BACKGROUND_COLOR:#ADAA;
    --SECTION_P_COLOR:#000F;
    --UL_COLOR:#000F;
    /* FONT FAMILY ================================ */
    --BUTTON_P_FONT_FAMILY:"UBUNTU MONO";
    --BUTTON12_P_FONT_FAMILY:"UBUNTU MONO";
    --HEADER_FOOTER_FONT_FAMILY:'CABIN SKETCH';
    --HOME_DIV_P_FONT_FAMILY:"SHADOWS INTO LIGHT";
    --H1_FONT_FAMILY:"SHADOWS INTO LIGHT";
    --H2_FONT_FAMILY:"SHADOWS INTO LIGHT";
    --H3_FONT_FAMILY:"SHADOWS INTO LIGHT";
    --ICON_P_FONT_FAMILY:"UBUNTU MONO";
    --LI_FONT_FAMILY:"UBUNTU MONO";
    --NAV_DIV_BUTTON_FONT_FAMILY:'CABIN SKETCH';
    --SECTION_ARTICLE_P_FONT_FAMILY:"ARCHITECTS DAUGHTER";
    --SECTION_P_FONT_FAMILY:"SHADOWS INTO LIGHT";
    --UL_FONT_FAMILY:"SHADOWS INTO LIGHT";
}
@media screen and (min-width:1000PX) and (orientation:landscape) {
    :root {
        /* SIZING ================================= */
        --BUTTON_IMG_HEIGHT:128PX;
        --BUTTON_IMG_WIDTH:128PX;
        --BUTTON_P_HEIGHT:50PX;
        --BUTTON_P_WIDTH:128PX;
        --BUTTON12_IMG_HEIGHT:VAR(--BUTTON_IMG_HEIGHT);
        --BUTTON12_IMG_WIDTH:256PX;
        --BUTTON12_P_HEIGHT:VAR(--BUTTON_P_HEIGHT);
        --BUTTON12_P_WIDTH:276PX;
        --HEADER_FOOTER_HEIGHT:5VH;
        --HEADING_LEFT_WIDTH:50%;
        --HEADING_LEFT_IMG_HEIGHT:4.5VH;
        --HEADING_RIGHT_WIDTH:50%;
        --ICON_IMG_HEIGHT:VAR(--ICON_WIDTH);
        --ICON_IMG_WIDTH:VAR(--ICON_WIDTH);
        --ICON_P_HEIGHT:50PX;
        --ICON_P_WIDTH:VAR(--ICON_WIDTH);
        --ICON_WIDTH:320PX;
        --NAV_DIV_BUTTON_HEIGHT:5VH;
        --SECTION_WIDTH:99%;
        --SECTION_ARTICLE_P_WIDTH:AUTO;
        --SECTION_ARTICLE_IMG_WIDTH:100%;
        --SECTION_ARTICLE_WIDTH:100%;
        --TEXTURE_ELECTRONIC_IMG_HEIGHT:192PX;
        --TEXTURE_ELECTRONIC_IMG_WIDTH:240PX;
        --TEXTURE_ELECTRONIC_WIDTH:240PX;
        --TEXTURE_GROUND_IMG_HEIGHT:240PX;
        --TEXTURE_GROUND_IMG_WIDTH:384PX;
        --TEXTURE_GROUND_WIDTH:384PX;
        /* FONT MARKUP ============================ */
        --BUTTON_P_FONT_SIZE:20PX;
        --BUTTON12_P_FONT_SIZE:VAR(--BUTTON_P_FONT_SIZE);
        --HEADER_FOOTER_FONT_SIZE:4.5VH;
        --HOME_DIV_P_FONT_SIZE:1.5EM;
        --H1_FONT_SIZE:2.5EM;
        --H2_FONT_SIZE:2EM;
        --H3_FONT_SIZE:1.75EM;
        --ICON_P_FONT_SIZE:20PX;
        --LI_FONT_SIZE:1EM;
        --NAV_A_FONT_SIZE:1.125EM;
        --NAV_DIV_BUTTON_FONT_SIZE:1.125EM;
        --SECTION_P_FONT_SIZE:1.5EM;
        --SECTION_ARTICLE_P_FONT_SIZE:1.25EM;
        --UL_FONT_SIZE:1EM;
    }
    
    /* ADVERTISMENTS ============================== */
    aside iframe {
        height:23VW;
        padding:0% 3%;
        width:14VW;
    }
    section div {
        width:100%;
    }
    section iframe {
        height:6.153VW;
        width:48VW;
        margin:1VH 18VW;
    }
}
@media screen and (max-width:999PX) and (orientation:landscape) {
    :root {
        /* SIZING ================================= */
        --BUTTON_IMG_HEIGHT:64PX;
        --BUTTON_IMG_WIDTH:64PX;
        --BUTTON_P_HEIGHT:25PX;
        --BUTTON_P_WIDTH:64PX;
        --BUTTON12_IMG_HEIGHT:VAR(--BUTTON_IMG_HEIGHT);
        --BUTTON12_IMG_WIDTH:128PX;
        --BUTTON12_P_HEIGHT:VAR(--BUTTON_P_HEIGHT);
        --BUTTON12_P_WIDTH:133PX;
        --HEADER_FOOTER_HEIGHT:10%;
        --HEADING_LEFT_WIDTH:50%;
        --HEADING_LEFT_IMG_HEIGHT:4.5%;
        --HEADING_RIGHT_WIDTH:50%;
        --ICON_IMG_HEIGHT:VAR(--ICON_WIDTH);
        --ICON_IMG_WIDTH:VAR(--ICON_WIDTH);
        --ICON_P_HEIGHT:50PX;
        --ICON_P_WIDTH:VAR(--ICON_WIDTH);
        --ICON_WIDTH:160PX;
        --NAV_DIV_BUTTON_HEIGHT:100%;
        --SECTION_WIDTH:99VW;
        --SECTION_ARTICLE_P_WIDTH:AUTO;
        --SECTION_ARTICLE_IMG_WIDTH:100%;
        --SECTION_ARTICLE_WIDTH:48%;
        --SECTION_DIV-IMAGE_HEIGHT:275PX;
        --SECTION_DIV-IMAGE_WIDTH:200PX;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_IMG_HEIGHT:200PX;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_WIDTH:100%;
        --TEXTURE_ELECTRONIC_IMG_HEIGHT:192PX;
        --TEXTURE_ELECTRONIC_IMG_WIDTH:240PX;
        --TEXTURE_ELECTRONIC_WIDTH:240PX;
        --TEXTURE_GROUND_IMG_HEIGHT:240PX;
        --TEXTURE_GROUND_IMG_WIDTH:384PX;
        --TEXTURE_GROUND_WIDTH:384PX;
        /* FONT MARKUP ============================ */
        --BUTTON_P_FONT_SIZE:20PX;
        --BUTTON12_P_FONT_SIZE:VAR(--BUTTON_P_FONT_SIZE);
        --HEADER_FOOTER_FONT_SIZE:2.5EM;
        --H1_FONT_SIZE:2.5EM;
        --H2_FONT_SIZE:2EM;
        --H3_FONT_SIZE:1.75EM;
        --LI_FONT_SIZE:1EM;
        --NAV_A_FONT_SIZE:1.5EM;
        --NAV_DIV_BUTTON_FONT_SIZE:1.25EM;
        --SECTION_P_FONT_SIZE:2EM;
        --SECTION_ARTICLE_P_FONT_SIZE:1.5EM;
        --SECTION_P_FONT_SIZE:1.5EM;
        --SECTION_ARTICLE_P_FONT_SIZE:1.25EM;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_P_FONT_SIZE:1EM;
        --UL_FONT_SIZE:1EM;
    }
    
    /* ADVERTISMENTS ============================== */
    aside iframe {
        height:60%;
        padding:0% 0.5%;
        width:90%;
        margin:0% 5%;
    }
    section div {
        width:100%;
    }
    section iframe {
        height:20%;
        width:80%;
        margin:1% 10%;
    }
}
@media screen and (min-width:1PX) and (orientation:portrait) {
    :root {
        /* SIZING ================================= */
        --BUTTON_IMG_HEIGHT:64PX;
        --BUTTON_IMG_WIDTH:64PX;
        --BUTTON_P_HEIGHT:25PX;
        --BUTTON_P_WIDTH:64PX;
        --BUTTON12_IMG_HEIGHT:VAR(--BUTTON_IMG_HEIGHT);
        --BUTTON12_IMG_WIDTH:128PX;
        --BUTTON12_P_HEIGHT:VAR(--BUTTON_P_HEIGHT);
        --BUTTON12_P_WIDTH:133PX;
        --HEADER_FOOTER_HEIGHT:5VH;
        --HEADING_LEFT_WIDTH:50%;
        --HEADING_LEFT_IMG_HEIGHT:4.5VH;
        --HEADING_RIGHT_WIDTH:50%;
        --ICON_IMG_HEIGHT:VAR(--ICON_WIDTH);
        --ICON_IMG_WIDTH:VAR(--ICON_WIDTH);
        --ICON_P_HEIGHT:50PX;
        --ICON_P_WIDTH:VAR(--ICON_WIDTH);
        --ICON_WIDTH:160PX;
        --NAV_DIV_BUTTON_HEIGHT:5VH;
        --SECTION_WIDTH:99VW;
        --SECTION_ARTICLE_P_WIDTH:AUTO;
        --SECTION_ARTICLE_IMG_WIDTH:100%;
        --SECTION_ARTICLE_WIDTH:98VW;
        --SECTION_DIV-IMAGE_HEIGHT:275PX;
        --SECTION_DIV-IMAGE_WIDTH:200PX;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_IMG_HEIGHT:200PX;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_WIDTH:100%;
        --TEXTURE_ELECTRONIC_IMG_HEIGHT:192PX;
        --TEXTURE_ELECTRONIC_IMG_WIDTH:240PX;
        --TEXTURE_ELECTRONIC_WIDTH:240PX;
        --TEXTURE_GROUND_IMG_HEIGHT:240PX;
        --TEXTURE_GROUND_IMG_WIDTH:384PX;
        --TEXTURE_GROUND_WIDTH:384PX;
        /* FONT MARKUP ============================ */
        --BUTTON_P_FONT_SIZE:20PX;
        --BUTTON12_P_FONT_SIZE:VAR(--BUTTON_P_FONT_SIZE);
        --HEADER_FOOTER_FONT_SIZE:2VH;
        --H1_FONT_SIZE:2.5EM;
        --H2_FONT_SIZE:2EM;
        --H3_FONT_SIZE:1.75EM;
        --LI_FONT_SIZE:1EM;
        --NAV_A_FONT_SIZE:1.75EM;
        --NAV_DIV_BUTTON_FONT_SIZE:1.5EM;
        --SECTION_P_FONT_SIZE:3EM;
        --SECTION_ARTICLE_P_FONT_SIZE:5EM;
        --SECTION_P_FONT_SIZE:1.5EM;
        --SECTION_ARTICLE_P_FONT_SIZE:1.25EM;
        --SECTION_DIV-IMAGE_DIV-IMAGE-CONTAINER_P_FONT_SIZE:1EM;
        --UL_FONT_SIZE:1EM;
    }
    /* ADVERTISMENTS ============================== */
    aside iframe {
        height:37.5VH;
        margin-left:5VW;
        margin-right:5VW;
        padding:1% 0.5%;
        width:38VW;
    }
    section div {
        width:100%;
    }
    section iframe {
        height:10.256VW;
        width:80VW;
        margin:1VH 10VW;
    }
}

/* MAIN ELEMENTS ================================== */
body {
    background-color:VAR(--BODY_BACKGROUND_COLOR);
    margin-left:AUTO;
    margin-right:AUTO;
    max-width:2000PX;
    width:100%;
}
header, footer {
    background:VAR(--HEADER_FOOTER_BACKGROUND_COLOR);
    color:VAR(--HEADER_FOOTER_COLOR);
    font-family:VAR(--HEADER_FOOTER_FONT_FAMILY);
    height:VAR(--HEADER_FOOTER_HEIGHT);
}
header {
    position:FIXED;
    width:100%;
}
hr {
    border:1PX DASHED;
    border-color:VAR(--HR_COLOR);
}
h1 {
    color:VAR(--H1_COLOR);
    font-family:VAR(--H1_FONT_FAMILY);
    font-size:VAR(--H1_FONT_SIZE);
    padding:0% 1%;
}
h2 {
    color:VAR(--H2_COLOR);
    font-family:VAR(--H2_FONT_FAMILY);
    font-size:VAR(--H2_FONT_SIZE);
}
h3 {
    color:VAR(--H3_COLOR);
    font-family:VAR(--H3_FONT_FAMILY);
    font-size:VAR(--H3_FONT_SIZE);
}
li {
    color:VAR(--LI_COLOR);
    font-family:VAR(--LI_FONT_FAMILY);
    font-size:VAR(--LI_FONT_SIZE);
}
li a {
    color:VAR(--LI_A_COLOR);
    text-decoration:none;
}
ul {
    color:VAR(--UL_COLOR);
    font-family:VAR(--UL_FONT_FAMILY);
    font-size:VAR(--UL_FONT_SIZE);
    padding:0% 2%;
}

/* NAVIGATION ===================================== */
nav {
    background-color:var(--NAV_BACKGROUND_COLOR);
    overflow:HIDDEN;
}
nav a {
    color:VAR(--NAV_A_COLOR);
    float:LEFT;
    font-size:VAR(--NAV_A_FONT_SIZE);
    text-align:CENTER;
    text-decoration:NONE;
}
nav div {
    float:LEFT;
    overflow:HIDDEN;
}
nav div button {
    background-color:VAR(--NAV_DIV_BUTTON_BACKGROUND_COLOR);
    border:NONE;
    font-family:VAR(--NAV_DIV_BUTTON_FONT_FAMILY);
    font-size:1VAR(--NAV_DIV_BUTTON_FONT_SIZE);
    height:VAR(--NAV_DIV_BUTTON_HEIGHT);
    margin:0;
    outline:NONE;
    padding:0VH 1VW;
}
nav a:hover, nav div:hover button {
    background-color:VAR(--NAV_A_HOVER_BACKGROUND_COLOR);
}
nav div div {
    background-color:VAR(--NAV_DIV_DIV_BACKGROUND_COLOR);
    display:NONE;
    position:ABSOLUTE;
    min-width:120PX;
    box-shadow:0PX 6PX 6PX 6PX RGBA(0,0,0,0.5);
}
nav div div a {
    float:NONE;
    color:VAR(--NAV_DIV_DIV_A_COLOR);
    padding:4PX 12PX;
    text-decoration:NONE;
    display:BLOCK;
    text-align:LEFT;
}
nav div img {
    float:LEFT;
    margin:0;
    padding:0%;
}
nav div div a:hover {
    background-color:VAR(--NAV_DIV_DIV_A_HOVER_BACKGROUND_COLOR);
}
nav div div td a {
    float:NONE;
    color:VAR(--NAV_DIV_DIV_A_COLOR);
    padding:0PX 5PX;
    text-decoration:NONE;
    display:BLOCK;
    text-align:CENTER;
}
nav div div td a:hover {
    background-color:VAR(--NAV_DIV_DIV_A_HOVER_BACKGROUND_COLOR);
}
nav div:hover div {
    display:BLOCK;
}

/* SECTIONS ======================================= */
section {
    float:LEFT;
    margin-top:VAR(--HEADER_FOOTER_HEIGHT);
    width:VAR(--SECTION_WIDTH);
}
section article {
    background-color:VAR(--SECTION_ARTICLE_BACKGROUND_COLOR);
    border:2PX SOLID #412F;
    border-radius:7PX;
    margin:1%;
    padding:0.3%;
}
section article p {
    color:VAR(--SECTION_ARTICLE_P_COLOR);
    font-family:VAR(--SECTION_ARTICLE_P_FONT_FAMILY);
    font-size:VAR(--SECTION_ARTICLE_P_FONT_SIZE);
}

/* CLASSES AND IDS ================================ */
.HEADING_LEFT {
    float:LEFT;
    width:VAR(--HEADING_LEFT_WIDTH);
}
.HEADING_LEFT img {
    height:VAR(--HEADING_LEFT_IMG_HEIGHT);
    margin:0.25VH 0VW;
}
.HEADING_RIGHT {
    float:RIGHT;
    text-align:RIGHT;
    width:VAR(--HEADING_RIGHT_WIDTH);
    font-size:VAR(--HEADER_FOOTER_FONT_SIZE);
}
.BUTTON {
    float:LEFT;
    margin:5PX;
    padding:0.5%;
    width:VAR(--BUTTON_WIDTH);
}
.BUTTON img {
    height:VAR(--BUTTON_IMG_HEIGHT);
    width:VAR(--BUTTON_IMG_WIDTH);
}
.BUTTON p {
    background-color:VAR(--BUTTON_BACKGROUND_COLOR);
    border:2PX SOLID #412F;
    border-radius:7PX;
    font-family:VAR(--BUTTON_P_FONT_FAMILY);
    font-size:VAR(--BUTTON_P_FONT_SIZE);
    height:VAR(--BUTTON_P_HEIGHT);
    text-align:CENTER;
    width:VAR(--BUTTON_P_WIDTH);
}
.BUTTON12 {
    float:LEFT;
    margin:5PX;
    padding:0.5%;
    width:VAR(--BUTTON12_WIDTH);
}
.BUTTON12 img {
    height:VAR(--BUTTON12_IMG_HEIGHT);
    margin:0PX 10PX;
    width:VAR(--BUTTON12_IMG_WIDTH);
}
.BUTTON12 p {
    background-color:VAR(--BUTTON_BACKGROUND_COLOR);
    border:2PX SOLID #412F;
    border-radius:7PX;
    font-family:VAR(--BUTTON12_P_FONT_FAMILY);
    font-size:VAR(--BUTTON12_P_FONT_SIZE);
    height:VAR(--BUTTON12_P_HEIGHT);
    text-align:CENTER;
    width:VAR(--BUTTON12_P_WIDTH);
}
.HOME_BUTTON {
    float:LEFT;
    width:256PX;
    margin:5PX;
    position:relative;
    text-align:center;
}
.HOME_BUTTON p {
	font-family:Architects Daughter;
    font-size:175%;
    color:#000;
    position:absolute;
    top:45%;
    left:50%;
    transform:translate(-50%, -50%);
    margin:0;
    padding:0;
    width:100%;
}
.ICON {
    float:LEFT;
    margin:0.5% 1.5%;
    width:VAR(--ICON_WIDTH);
}
.ICON img {
    height:VAR(--ICON_IMG_HEIGHT);
    width:VAR(--ICON_IMG_WIDTH);
}
.ICON p {
    background-color:VAR(--ICON_BACKGROUND_COLOR);
    border:2PX SOLID #412F;
    border-radius:7PX;
    font-family:VAR(--ICON_P_FONT_FAMILY);
    font-size:VAR(--ICON_P_FONT_SIZE);
    height:VAR(--ICON_P_HEIGHT);
    text-align:CENTER;
    width:VAR(--ICON_P_WIDTH);
}
.D404 {
    margin-top:VAR(--HEADER_FOOTER_HEIGHT);
    width:98%;
}
.D404 p {
    float:NONE;
    font-size:3EM;
    padding:5VH 1VW;
    text-align:CENTER;
    width:100%;
}
.TEXTURE_ELECTRONIC {
    float:LEFT;
    margin:5PX;
    width:VAR(--TEXTURE_ELECTRONIC_WIDTH);
}
.TEXTURE_ELECTRONIC img {
    height:VAR(--TEXTURE__ELECTRONICIMG_HEIGHT);
    width:VAR(--TEXTURE__ELECTRONICIMG_WIDTH);
}
.TEXTURE_GROUND {
    float:LEFT;
    margin:5PX;
    width:VAR(--TEXTURE_GROUND_WIDTH);
}
.TEXTURE_GROUND img {
    height:VAR(--TEXTURE_GROUND_IMG_HEIGHT);
    width:VAR(--TEXTURE_GROUND_IMG_WIDTH);
}