body {
    color: #5A5A5A;
    padding-bottom: 40px;
    background-color:#EEEEEE !important;
}
hr {
    border-color:#DDDDDD;
}
.container.sub {
    margin-top:60px;
}
.navbar-wrapper {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 20;
}
.navbar-wrapper > .container {
    padding-left: 0;
    padding-right: 0;
}
.navbar-wrapper .navbar {
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-wrapper .navbar .container {
    width: auto;
}
body .navbar-inverse {
    background-color: #159117;
    border-color: #047604;
    background: -webkit-linear-gradient(#159117, #2EAB2E); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#159117, #2EAB2E); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#159117, #2EAB2E); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#159117, #2EAB2E); /* Standard syntax */
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color:#2EAB2E;
}
body a {
    color:#159117;
}
body a:hover, body a:focus{color:#2EAB2E;}
body .navbar-inverse .navbar-nav > .open > a,
body .navbar-inverse .navbar-nav > .open > a:hover,
body .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #2EAB2E;
    color: #FFFFFF;
}

body .navbar-inverse .navbar-toggle:hover,
body .navbar-inverse .navbar-toggle:focus {
    background-color: #2EAB2E;
}

body .navbar-inverse .navbar-nav > li > a {
    color:#FFFFFF;
}
body .navbar-inverse .navbar-brand {
    color:#FFFFFF;
}
body .navbar-brand img {
    margin-top:-6px;
}
.carousel {
    height: 300px;
    margin-bottom: 30px;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: #777777;
    height: 300px;
}
.carousel-inner > .item > img {
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
}
body .carousel-control .glyphicon-chevron-left {
    margin-left:-17px;
}
body .carousel-control.right {
    right:15px;
}
body .carousel-control .glyphicon-chevron-left,
body .carousel-control .glyphicon-chevron-right {
    font-size:20px;
    margin-top:-10px;
}
body .img-responsive,
body .thumbnail > img,
body .thumbnail a > img,
body .carousel-inner > .item > img,
body .carousel-inner > .item > a > img {
    height:300px;
}
body .carousel-control {
    background: none repeat scroll 0 0 #222222;
    border: 3px solid #ffffff;
    border-radius: 23px;
    font-weight: 100;
    height: 40px;
    line-height: 30px;
    margin-top: 15px;
    top: 40%;
    width: 40px;
    left:15px;
    display:none;
}
body .carousel:hover .carousel-control {
    display:block;
    opacity:0.5;
}
.marketing .row {
    margin-bottom:35px;
}
.marketing .row > a > div {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #ddd transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 2px;
    color:#333333;
    text-align:center;
}
.marketing .row > a:hover {
    text-decoration:none;
}
.marketing .row > a:last-child > div {
    border-right: 2px solid transparent;
}
.marketing .row > a > div:hover {
    xbackground-color: #E6FEE6;
    background-color:#DDDDDD;
    border: 2px solid #159117;
}
body .carousel .carousel-control:hover {
    opacity:1.0;
}
.marketing .col-md-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing .icon {
    width:160px;
    height:160px;
    border-radius:50%;
    margin:17px auto;
    border:4px solid #aaaaaa;
    background:url("../images/softwareeng.png") no-repeat scroll -4px -4px #EEEEEE;
}
.marketing .icon.software-eng {
    background-image:url("../images/softwareeng.png");
}
.marketing .icon.system-arch {
    background-image:url("../images/sysarch.png");
}
.marketing .icon.cyber-sec {
    background-image:url("../images/cybersec.png");
}
.marketing .icon.careers {
    background-image:url("../images/careers-160.png");
    background-position:-4px -15px;
}
.marketing h3 {
    font-weight: bold;
    text-align:center;
    text-transform:uppercase;
    font-size:17px;
}
.marketing .col-md-4 p {
    margin-left: 10px;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .navbar-wrapper {
        margin-top: 20px;
    }
    .navbar-wrapper .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-wrapper .navbar {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-wrapper .navbar {
        border-radius: 4px;
    }
    .carousel-caption p {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    body .marketing {
        margin-top:60px;
    }

    .carousel {
        display:none;
    }

    body .marketing .row > div {
        border:medium none;
    }
}

.callout {
    padding: 24px 60px 16px;
    background-color:#DDDDDD;
    border:2px dashed #CCCCCC;
    border-radius:10px;
}
.callout > div {
    width:50%;
    float:left;
}

.callout h4 {
    font-weight:bold;
}

.callout > div > img {
    transform: rotate(7deg);
    border:12px solid #BBBBBB;
    border-radius: 9px;
    position:relative;
    z-index:2;
    margin-left:50px;
}
.callout > div + div {
    position:relative;
    left:7%;
}

.callout > div > img.c {
    transform:rotate(-7deg);
    z-index:1;
    left:-19%;
}
.contact .office,
.contact > ul {
    margin-top:15px;
    float:left;
}
.contact > ul {
    margin-left:15px;
}
.contact > ul > li {
    margin-bottom:10px;
}
.contact > ul > li label {
    margin-bottom:0;
}
.contact .office img {
    height:200px;
    border-radius:13px;
}
.callout-full {
    width:100%;
}
.careers .callout {
    margin-bottom:25px;
}
.careers .callout > div {
    width:75%;
}
.careers .callout > div + div {
    width:25%;
}
.careers .finale {
    margin-top:25px;
}

br {
    margin-bottom:10px;
}

.about .callout img {
    height:250px;
}

.about .callout img.c {
    left:auto;
}

.contact .callout img.c {
    left:-13%;
}

.about h4, .careers h4 {
    text-transform:uppercase;
    color:#159117;
}

.card {
    position: relative;
    height:250px;
    border-radius:6px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
    background-color:#BBBBBB;
    cursor:pointer;
}
.card h4 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    color:white;
    font-weight:bold;
}
.card img {
    border:9px solid white;
    border-radius:50%;
}
.card .front, .card .back {
    border-radius:6px;
}

.card .front {
    backface-visibility: hidden;
    border: 1px solid #ccc;
    float: none;
    height: 250px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transform: rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 900;
}
.card.flip .front {
    border-color: #eee;
    transform: rotateY(180deg);
    z-index: 900;
}
.card .back {
    backface-visibility: hidden;
    border: 1px solid #ccc;
    float: none;
    height: 250px;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotateY(-179deg);
    transform-style: preserve-3d;
    transition: all 0.4s ease-in-out 0s;
    width: inherit;
    z-index: 800;
}
.card.flip .back {
    transform: rotateX(0deg) rotateY(0deg);
    z-index: 1000;
}
.card .pad {
    padding: 15px 0;
}
.card .pad ul {
    padding-left:25px;
}

.card, .card .front, .card .back {
    background: -webkit-linear-gradient(#BBBBBB, #DDDDDD); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BBBBBB, #DDDDDD); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BBBBBB, #DDDDDD); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#BBBBBB, #DDDDDD); /* Standard syntax */
}
.card:hover, .card:hover .front, .card:hover .back,
.card:focus, .card:focus .front, .card:focus .back {
    background: -webkit-linear-gradient(#DDDDDD, #BBBBBB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DDDDDD, #BBBBBB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DDDDDD, #BBBBBB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DDDDDD, #BBBBBB); /* Standard syntax */
}
.row + .row {
    margin-top:15px;
}

@media (max-width: 768px) {
    .callout > div {
        width:100%;
        float:none;
    }

    .callout > div + div {
        display:none;
    }
}