/* Global Nav
   ========================================================================== */

#global-nav {
        background: url(images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b;
		z-index: 2;
}

#global-nav nav {
        height: 85px;
}

#global-nav nav ul {
        text-align: left;
        display: inline;
        float: left;
        margin: 0;
        list-style: none;
        border-right: 1px solid rgba(255, 255, 255, 0.0976562);
        border-left: 1px solid rgba(0, 0, 0, 0.347656);
}

#global-nav nav ul.links {
        float: right;
}

#global-nav nav ul li {
        font: bold 12px/16px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
        display: inline-block;
        float: left;
        position: relative;
        top: 1px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        text-shadow: 0 0px 2px #000;
        border-left: 1px solid rgba(255, 255, 255, 0.0976562);
        border-right: 1px solid rgba(0, 0, 0, 0.347656);
}
.ie #global-nav nav ul li {
        top: 2px;
}
#global-nav nav ul li:hover {
        background: url(images/bg-footer-noise.jpg) #000;
        color: #fff;
}

#global-nav nav ul li i {
        height: 1em;
}

#global-nav nav ul li a {
        color: #e6e6e6;
        font-weight: bold;
		font-variant: small-caps;
        font-style: normal;
        text-decoration: none;
        display: block;
        padding: 8px 12px;
}
#global-nav nav ul li ul {
        padding: 0;
        position: absolute;
        top: 32px;
        left: -2px;
        width: 120px;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transiton: opacity 0.2s;
        transition: opacity 0.2s;
        -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
        z-index: 400;
}
#global-nav nav ul li ul {
        padding: 0;
        position: absolute;
        top: 32px;
        left: -2px;
        width: 120px;
        display: none;
        opacity: 0;
        visibility: hidden;
        -webkit-transiton: opacity 0.2s;
        transition: opacity 0.2s;
        -webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
        z-index: 400;
}
#global-nav nav ul li ul li {
        background: url(images/bg-footer-noise.jpg) #000;
        display: block;
        color: #fff;
        float: none;
}

#global-nav nav ul li ul li:hover { background: #000; }
#global-nav nav ul li:hover ul {
        display: block;
        opacity: 1;
        visibility: visible;
}
#global-nav nav ul.projects li.project {
        width: 42px;
        padding: 0;
        height: 33px;
        text-indent: -9999px;
        background: url(images/jq-nav-icons.png) -6px 0;
        z-index: 10;
}

#global-nav nav ul.projects li.project a {
        display: block;
        height: 33px;
}

#global-nav nav ul.projects li.jquery-ui {
        background-position: -57px 0px;
}

.constrain {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
}

.lte8 .constrain {
  max-width: 1198px; /* Accomodate for padding + 1px border */
}