BODY {
    font-family: 'futura-pt', 'Muli', sans-serif;
    font-weight: 300;
    font-size: 12pt;
    font-style: normal;
    padding: 0px;
    margin: 0px;
    background-color: rgb(255,255,255);
    color: rgb(145,0,75);
}

BODY,
HTML
{
height: 100% ;
}

DIV, SECTION, HEADER, FOOTER, TD, NAV 
{
text-align: left;
vertical-align: top;
}

DIV, SECTION, HEADER, FOOTER, FIGURE, NAV
{
display: block;
margin: 0px;
padding: 0px;
}


SECTION
{
position: relative ;
margin-top: 40px ;
margin-bottom: 40px ;
}

H1, H2, H3, H4, H5, H6, H7
{
font-weight: bold ;
margin-top: 0px ;
margin-bottom: 40px ;
}

HEADER
{
margin-bottom: 40px;
}

HEADER FIGURE,
HEADER H1
{
display: inline-block;
}

HEADER FIGURE
{
width: 70% ;
max-width: 300px ;
}

HEADER FIGURE IMG
{
width: 100% ;
}


H1
{
font-size: 32pt ;
font-weight: 300 ;
vertical-align: middle ;
padding-left: 10px ; 
padding-bottom: 15px ;
white-space: nowrap ;
}


H2
{
font-size: 24pt ;
font-weight: 700 ;
margin-bottom: 3px ;
}

H3
{
font-size: 16pt ;
font-weight: 300 ;
margin-bottom: 20px ;
}
H3 SPAN
{
font-weight: 500 ;
}


H4
{
font-size: 16pt ;
font-weight: 500 ;
margin-bottom: 5px ;
}
H4 SPAN
{
font-size: 10pt ;
font-weight: 300 ;
margin-left: 6px ;
}


H2,
H3,
H4
{
max-width: 800px;
}

UL,
OL,
P
{
margin-top: 0px ;
margin-bottom: 20px ;
line-height: 140% ;
}

UL,
OL
{
line-height: 160% ;
}


UL
{
list-style-type: square ;
}

UL LI
{
font-weight: 700 ;
}

OL LI
{
font-weight: 300 ;
}

HR
{
display: block ;
height: 1px ;
border: none ;
color: rgba(145,0,75,0.5);
background-color: rgba(145,0,75,0.5);
}

LI SPAN
{
color: rgba(150,150,150,1);
font-style: italic ;
}

A,
A:link,
A:active,
A:visited,
A:hover 
{
    color: rgba(145,0,75,0.66);
    text-decoration: none;
    transition-property: color;
    transition-duration: 300ms;
}

A:hover 
{
    color: rgba(145,0,75,1);
text-decoration: underline ;
}

BODY > DIV
{
min-height: 100%;
border-left: solid 8px #ffffff ;
margin-left: 10% ;
}

BODY > DIV > DIV
{
display: inline-block ;
padding: 4% ;
min-height: 100%;
}

FOOTER
{
padding-top: 50%;
}

SECTION>DIV
{
display: inline-block ;
margin-right: 80px ;
margin-bottom: 40px ;
}


.bmk
{
position: absolute ;
top: -80px ;
left: 0px ;
color: rgba(0,0,0,0) ;
}




/* COLOURS  */

SECTION.colours
{
background-color: rgba(255,255,255,1) ;
padding: 4% ;
max-width: 1600px;
}

SECTION.colours H2,
SECTION.colours H3,
SECTION.colours H4
{
color: rgba(87,87,87,1) ;
}

.ColourScheme
{
font-family: Consolas, 'Courier New', sans-serif ; 
word-spacing: 3px;
line-height: 24px;
display: inline-block ;
width: 450px ;
height: 230px ;
}

.ColourScheme>DIV
{
display: inline-block ;
width: 100px ;
height: 100px ;
padding-top: 10px ;
padding-left: 5px ;
padding-right: 5px ;
float:left ;
font-size: 10pt ;
font-weight: 500 ;
text-align: center ;
color: rgba(255,255,255,1) ;
}

.ColourScheme>DIV:nth-child(1)
{
display: inline-block ;
width: 190px ;
height: 210px ;
padding-top: 10px ;
padding-left: 15px ;
padding-right: 15px ;
font-size: 12pt ;
text-align: left ;
background-color: rgba(29,29,29,1) ;
}

.ColourScheme>DIV:nth-child(2)
{
background-color: rgba(87,87,87,1) ;
}

.ColourScheme>DIV:nth-child(3)
{
background-color: rgba(135,135,135,1) ;
}

.ColourScheme>DIV:nth-child(4)
{
background-color: rgba(178,178,178,1) ;
}

.ColourScheme>DIV:nth-child(5)
{
background-color: rgba(218,218,218,1) ;
}


/*

.ColourScheme>DIV:nth-child(2),
.ColourScheme>DIV:nth-child(3)
{
color: rgba(255,255,255,0.75) ;
}

.ColourScheme>DIV:nth-child(4),
.ColourScheme>DIV:nth-child(5)
{
color: rgba(0,0,0,1) ;
}

*/


/* invert color  */

#colCadacGrey>DIV:nth-child(5),
#colNedGraphicsGrey>DIV:nth-child(5),
#colMFG>DIV:nth-child(5),
#colPPM>DIV:nth-child(5),
#colOrganice>DIV:nth-child(5),
#colConnect>DIV:nth-child(5),
#colControl>DIV:nth-child(5),
#colCreate>DIV:nth-child(5),
#colCompass>DIV:nth-child(5),
#colCatalog>DIV:nth-child(5),
#colCarto>DIV:nth-child(5),
#colInfra>DIV:nth-child(5),
{
color: rgba(0,0,0,0.7) ;
}







/* colCadacGroup  */

#colCadacGroup>DIV:nth-child(1) { background-color: rgba(145,0,75,1) }

#colCadacGroup>DIV:nth-child(2) { background-color: rgba(100,37,89,1) }

#colCadacGroup>DIV:nth-child(3) { background-color: rgba(178,31,91,1) }

#colCadacGroup>DIV:nth-child(4) { background-color: rgba(163,65,104,1) }

#colCadacGroup>DIV:nth-child(5) { background-color: rgba(208,88,128,1) }


/* colAEC  */

#colAEC>DIV:nth-child(1) { background-color: rgba(88,175,141,1) }

#colAEC>DIV:nth-child(2) { background-color: rgba(0,102,95,1) }

#colAEC>DIV:nth-child(3) { background-color: rgba(76,163,84,1) }

#colAEC>DIV:nth-child(4) { background-color: rgba(51,148,113,1) }

#colAEC>DIV:nth-child(5) { background-color: rgba(116,185,89,1) }


/* colMFG  */

#colMFG>DIV:nth-child(1) { background-color: rgba(236,101,47,1) }

#colMFG>DIV:nth-child(2) { background-color: rgba(167,65,36,1) }

#colMFG>DIV:nth-child(3) { background-color: rgba(238,118,1,1) }

#colMFG>DIV:nth-child(4) { background-color: rgba(243,146,0,1) }

#colMFG>DIV:nth-child(5) { background-color: rgba(249,178,51,1) }


/* colOrganice  */

#colOrganice>DIV:nth-child(1) { background-color: rgba(144,76,158,1) }

#colOrganice>DIV:nth-child(2) { background-color: rgba(97,53,108,1) }

#colOrganice>DIV:nth-child(3) { background-color: rgba(151,118,160,1) }

#colOrganice>DIV:nth-child(4) { background-color: rgba(181,122,181,1) }

#colOrganice>DIV:nth-child(5) { background-color: rgba(217,183,215,1) }


/* colConnect  */

#colConnect>DIV:nth-child(1) { background-color: rgba(1,151,157,1) }

#colConnect>DIV:nth-child(2) { background-color: rgba(8,92,96,1) }

#colConnect>DIV:nth-child(3) { background-color: rgba(76,160,166,1) }

#colConnect>DIV:nth-child(4) { background-color: rgba(121,198,191,1) }

#colConnect>DIV:nth-child(5) { background-color: rgba(137,205,207,1) }


/* colControl  */

#colControl>DIV:nth-child(1) { background-color: rgba(9,93,94,1) }

#colControl>DIV:nth-child(2) { background-color: rgba(0,150,158,1) }

#colControl>DIV:nth-child(3) { background-color: rgba(76,161,166,1) }

#colControl>DIV:nth-child(4) { background-color: rgba(106,194,190,1) }

#colControl>DIV:nth-child(5) { background-color: rgba(158,211,210,1) }


/* colCompass  */

#colCompass>DIV:nth-child(1) { background-color: rgba(109,177,221,1) }

#colCompass>DIV:nth-child(2) { background-color: rgba(35,114,172,1) }

#colCompass>DIV:nth-child(3) { background-color: rgba(0,130,188,1) }

#colCompass>DIV:nth-child(4) { background-color: rgba(60,147,201,1) }

#colCompass>DIV:nth-child(5) { background-color: rgba(75,170,215,1) }


/* colCatalog  */

#colCatalog>DIV:nth-child(1) { background-color: rgba(22,82,119,1) }

#colCatalog>DIV:nth-child(2) { background-color: rgba(8,101,149,1) }

#colCatalog>DIV:nth-child(3) { background-color: rgba(24,170,226,1) }

#colCatalog>DIV:nth-child(4) { background-color: rgba(1,139,200,1) }

#colCatalog>DIV:nth-child(5) { background-color: rgba(83,183,226,1) }


/* colCarto  */

#colCarto>DIV:nth-child(1) { background-color: rgba(7,106,167,1) }

#colCarto>DIV:nth-child(2) { background-color: rgba(66,143,191,1) }

#colCarto>DIV:nth-child(3) { background-color: rgba(109,175,217,1) }

#colCarto>DIV:nth-child(4) { background-color: rgba(125,178,210,1) }

#colCarto>DIV:nth-child(5) { background-color: rgba(188,219,239,1) }


/* colInfra */

#colInfra>DIV:nth-child(1) { background-color: rgba(107,180,222,1) }

#colInfra>DIV:nth-child(2) { background-color: rgba(35,112,171,1) }

#colInfra>DIV:nth-child(3) { background-color: rgba(0,131,187,1) }

#colInfra>DIV:nth-child(4) { background-color: rgba(57,147,202,1) }

#colInfra>DIV:nth-child(5) { background-color: rgba(76,170,215,1) }


@media only screen and (max-width: 760px)
{

BODY > DIV
{
border-left: none 8px #ffffff ;
margin-left: 0px ;
}

HEADER 
{
margin-bottom: 0px;
}

H1 SPAN
{
display: none ;
}

H1
{
white-space:normal ;
font-size: 22pt;
padding-bottom: 0px;
margin-bottom: 0px;
}

SECTION 
{
margin-top: 20px;
margin-bottom: 20px;
}
SECTION > DIV
{
margin-right: 4% ;
}

.ColourScheme
{
width: 260px ;
height: 130px ;
}

.ColourScheme>DIV
{
width: 50px ;
height: 50px ;
font-size: 8pt ;
}

.ColourScheme>DIV:nth-child(1)
{
width: 110px ;
height: 110px ;
font-size: 9pt ;
}


}