*{
    margin:0;
    padding:0;
}


html
{
    background: #F2F2EB;
    position:relative;
}

body
{
    padding: 200px 0 0;
    font:14px/1.3 'Segoe UI',Arial, sans-serif;
}

a, a:visited
{
    text-decoration:none;
    outline:none;
    color:#54a6de;
}

a:hover
{
    text-decoration:underline;
}

section, footer, nav
{
    display: block;
}


#colorNav > ul
{
    width: 400px;
    margin:0 auto;
}

#colorNav > ul > li
{
    list-style: none;
    box-shadow: 0 0 10px rgba(100, 100, 100, 0.2) inset,1px 1px 1px #CCC;
    display: inline-block;
    line-height: 1;
    margin: 1px;
    border-radius: 3px;
    position:relative;
}

#colorNav > ul > li > a
{
    color:inherit;
    text-decoration:none !important;
    font-size:25px;
    padding: 24px;
}

#colorNav li ul
{
    position:absolute;
    list-style:none;
    text-align:center;
    width:150px;
    left:50%;
    margin-left:-75px;
    top:70px;
    font:bold 12px 'Open Sans Condensed', sans-serif;
    max-height:0px;
    overflow:hidden;
    -webkit-transition:opacity 0.4s linear;
    -moz-transition:opacity 0.4s linear;
    transition:opacity 0.4s linear;
}

#colorNav li ul li
{
    background-color:#313131;
}

#colorNav li ul li a
{
    padding:10px;
    color:#fff !important;
    font-size:1.1em;
    text-decoration:none !important;
    display:block;
}

#colorNav li ul li:nth-child(odd)
{
    background-color:#363636;
}

#colorNav li ul li:hover
{
    background-color:#444;
}

#colorNav li ul li:first-child
{
    border-radius:3px 3px 0 0;
    margin-top:25px;
    position:relative;
}

#colorNav li ul li:first-child:before
{
    content:'';
    position:absolute;
    width:1px;
    height:1px;
    border:5px solid transparent;
    border-bottom-color:#313131;
    left:50%;
    top:-10px;
    margin-left:-5px;
}

#colorNav li ul li:last-child
{
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
}


#colorNav li:hover ul
{
    max-height:200px;
}


#colorNav li.green
{
    background-color:#00c08b;
    color:#127a5d;
}

#colorNav li.red{ background-color:#ea5080;color:#aa2a52;}
#colorNav li.blue{ background-color:#53bfe2;color:#2884a2;}
#colorNav li.yellow{ background-color:#f8c54d;color:#ab8426;}
#colorNav li.purple{ background-color:#df6dc2;color:#9f3c85;}


footer
{
    background-color: #111111;
    bottom: 0;
    box-shadow: 0 -1px 2px #111111;
    height: 45px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 100000;
}

footer h2
{
    color: #EEEEEE;
    font-size: 14px;
    font-weight: normal;
    left: 50%;
    margin-left: -125px;
    padding: 13px 0 0;
    position: absolute;
    width: 540px;
}

footer h2 i
{
    font-style:normal;
    color:#888;
}

footer a i
{
    color:#ccc;
    font-style: normal;
}

footer a i b
{
    color:#c92020;
    font-weight: normal;
}

.private
{
    visibility: hidden;
    display : none;
}