@charset "utf-8";

img
{
max-width: 100%;
}

img.logo
{
display: block;
max-width: 99%;
margin-top: 12em;
}

img.logo-skunk
{
display: block;
max-width: 99%;
margin-top: 10em;
}

img.logo-home
{
display: block;
max-width: 99%;
margin-top: 10em;
}

.float-left
{
float: left;
margin: 0 0 0 1em;
}

.float-right
{
float: left;
margin: 0 1em 0 0;
}

#content
{
width:95%;
margin-top: 0em;
}

.container
{
max-width: 95%;
}

.sidebar
{
clear: both;
width: 100%;
}

.col-one
{
float: left;
width: 100%;
}

.col-two
{
float: left;
width: 100%;
}

.col-three
{
float: left;
width: 100%;
}


/* -- start navigation -- */

#navcontainer
{
margin-top: 0;
margin-bottom: 3em;
padding: 0;
height: auto;
position: absolute;
left: 0em;
top: 0em;
z-index: 1000;
width: 100%;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li.portfolio-li
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: rgba(0,236,22,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.skunkworks-li
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: rgba(0,236,22,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.publicity-li
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: rgba(0,236,22,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.design-li
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: rgba(0,236,22,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li.contact-li
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: rgba(0,236,22,.5);
float: right;
text-align: center;
margin: 0em;
width: 100%;
}

#navcontainer ul li a
{
background: transparent;
border: none;
margin: 0 0;
padding: 1em;
color: #000;
text-decoration: none;
display: block;
text-align: center;
font: bold .75em/1em 'cabin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

#navcontainer ul li a:hover
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
color: #fff;
padding: 1em;
background: rgba(27,120,20,.5);
}

#navcontainer a:active
{
font-family: 'cabin', 'Helvetica Neue', Verdana, sans-serif;
background: #fff;
padding: 1em;
margin: 0 0;
color: black;
}

#navcontainer li#active a
{
background: #fff;
padding: 1em;
margin: 0 0;
color: black;
}

/* -- end navigation -- */