/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
	color: #C9E2E4;
	font-size: small;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
	height: 100%;
	background-color: #222;
	padding-top: 0px;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #CCC;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.AJSbody {
  padding: 0px;
  margin-bottom: 25px;
  color: inherit;
}
.Projectbody, .Aboutbody {
  padding: 10px;
  color: inherit;
}
.h1{
  font-family:Arial, Helvetica, sans-serif;
  color:#CCC;
}
.Projectbody>h1{
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  font-size:2em;
  padding-bottom:0.1em;
}
.Projectbody>h2{
  font-family:Arial, Helvetica, sans-serif;
  margin:0;
  color:#fff;
  text-align:left;
  font-size:inherit;
  padding-bottom:1em;
}
.Projectbody>p, .Aboutbody>p{
  text-align:justify;
}
.Aboutbody>p{
padding:5px;
}
.navbar-ajs {
	background-color: #111;
	border-color: #000;
}
@media (min-width: 768px) {
.navbar-ajs {
	background-color: #111;
	border-color: #222;
	background-image: url(../images/bg_nav_downglow.png);
	background-repeat:no-repeat;
	background-position:center top;
}
}
.navbar-ajs .navbar-brand {
  color: #777;
}
.navbar-ajs .navbar-brand:hover,
.navbar-ajs .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-ajs .navbar-text {
  color: #777;
}
.navbar-ajs .navbar-nav > li > a {
  color: #777;
}
.navbar-ajs .navbar-nav > li > a:hover,
.navbar-ajs .navbar-nav > li > a:focus {
  color: #000;
  background-color: #19cbd9;
}
.navbar-ajs .navbar-nav > .active > a{
  color: #777;
  background-color: #1f2020;
}
.navbar-ajs .navbar-nav > .active > a:hover,
.navbar-ajs .navbar-nav > .active > a:focus {
  color: #000;
  background-color: #19cbd9;
}
@media (min-width: 768px) {
.navbar-ajs .navbar-nav > li > a:hover,
.navbar-ajs .navbar-nav > li > a:focus {
  color: #19cbd9;
  background-color: #1f2020;
  background-image: url(../images/button_hover_bg.png);
  background-repeat:repeat-x;
  background-position:bottom;
}
.navbar-ajs .navbar-nav > .active > a{
  color: #777;
  background-color: #1f2020;
  background-image: url(../images/button_active_bg.png);
  background-repeat:repeat-x;
  background-position:bottom;
}
.navbar-ajs .navbar-nav > .active > a:hover,
.navbar-ajs .navbar-nav > .active > a:focus {
  color: #19cbd9;
  background-color: #1f2020;
  background-image: url(../images/button_hover_bg.png);
  background-repeat:repeat-x;
  background-position:bottom;
}
}

.navbar-ajs .navbar-nav > .disabled > a,
.navbar-ajs .navbar-nav > .disabled > a:hover,
.navbar-ajs .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-ajs .navbar-toggle {
  border-color: #777;
}
.navbar-ajs .navbar-toggle:hover,
.navbar-ajs .navbar-toggle:focus {
  background-color: #1bc3cd;
  border-color: #111;
}
.navbar-ajs .navbar-toggle .icon-bar {
  background-color: #777;
}
.navbar-ajs .navbar-toggle:hover .icon-bar,
.navbar-ajs .navbar-toggle:focus .icon-bar {
  background-color: #111;
}
.navbar-ajs .navbar-collapse,
.navbar-ajs .navbar-form {
  border-color: #111;
}
.navbar-ajs .navbar-nav > .open > a,
.navbar-ajs .navbar-nav > .open > a:hover,
.navbar-ajs .navbar-nav > .open > a:focus {
  color: #111;
  border-color: #111;
  background-color: #1bc3cd;
}
@media (max-width: 767px) {
  .navbar-ajs .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-ajs .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-ajs .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-ajs .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-ajs .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-ajs .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-ajs .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-ajs .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-ajs .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-ajs .navbar-link {
  color: #777;
}
.navbar-ajs .navbar-link:hover {
  color: #333;
}
.navbar-ajs .btn-link {
  color: #777;
}
.navbar-ajs .btn-link:hover,
.navbar-ajs .btn-link:focus {
  color: #333;
}
.navbar-ajs .btn-link[disabled]:hover,
fieldset[disabled] .navbar-ajs .btn-link:hover,
.navbar-ajs .btn-link[disabled]:focus,
fieldset[disabled] .navbar-ajs .btn-link:focus {
  color: #ccc;
}
.pagetitle{
	height:31px;
	width:100%;
	margin-bottom:6px;
}
.contacttitle{
	background-image: url(../images/contact_title_mobile.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.cvtitle{
	background-image: url(../images/cv_title_mobile.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.abouttitle{
	background-image: url(../images/about_title_mobile.png);
	background-repeat: no-repeat;
	background-position: center top;
}
@media (min-width: 768px) {
.pagetitle{
	height:44px;
	width:100%;
	margin-bottom:8px;
}
.contacttitle{
	background-image: url(../images/contact_title_main.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.cvtitle{
	background-image: url(../images/cv_title_main.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.abouttitle{
	background-image: url(../images/about_title_main.png);
	background-repeat: no-repeat;
	background-position: center top;
}
}
.cvbody{
	border:1px solid #222;
	margin:1em 0 0.5em 0;
	background-color: #151515;
}
.cvheader{
	border:1px solid #222;
	margin:1em 0 0.5em 0;
	background-color: #151515;
}
@media (min-width: 768px) {
	.cvbody{
	width:728px;
	margin:0.5em auto 0.5em auto;
}
	.cvheader{
	width:728px;
	margin:1em auto 0.5em auto;
}
}
	.cvbody + .cvheader{
	margin-top:1.5em;
}
p.cvyear {
	font-size: small;
	color: #44C8D7;
	margin: 4px 22px;
	text-align: left;
}
p.cvyear>span {
float:right;
}
p.cvitem {
	color: #FFFFFF;
	margin: 22px 22px 0;
	font-size: large;
	text-align: left;
}
p.cvlvl2 {
	margin: 0 22px 0 42px;
	color: #CCCCCC;
}
p.cvsubhead {
	font-size: small;
	margin: 4px 22px 4px 32px;
	color: #9FE2EA;
	text-align: left;
}
.cvlvl2 strong{
	color: #9FE2EA;
	text-align: left;
}
ul{
	font-size: small;
	margin: 0 22px 0 12px;
}
ul.list2{
	font-size: small;
	margin: 0 22px 0 -2px;
	list-style-image: url(../../images/bullet.gif);
}
ul strong{
	color: #C9E2E4;
	font-style: normal;
	font-weight: normal;
}
p.cvlvl3 {
	font-size: x-small;
	color: #9FE2EA;
	margin: 0 22px 0 62px;
	text-align: left;
}
p.reference {
	margin: 11px;
	color: #DBEAEE;
}
.reference strong{
	color: #8AB7C7;
	font-weight: normal;
}
.pf{
	position:absolute;
	right:80px;
}
.acrobat{
	position:absolute;
	right:27px;
}
.downglow{
height:19px;
  background-image: url(../images/bg_body_downglow.png);
  background-repeat:no-repeat;
  background-position:center top;
	
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {

}
.carousel-inner > .item > img {

  top: 0;
  left: 0;
  min-width: 100%;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 1;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
  z-index: 2;
}
.carousel-fade .carousel-control {
  z-index: 3;
}
.contact{
	text-align:center;
}
.cvbody>h1{
margin-bottom:0;
margin-top:0;
}
.project_thumb, .project_header_image{
	width:100%;
	height: auto;
}
.project_image{
	width:100%;
	height: auto;
	padding:10px;
}
.dark{
	background:#161616;
	padding:20px 0 25px;
}

/*
 * Caption component
 */
.caption {
    position: relative;
    overflow: hidden;

    /* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}

.caption::before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    transition: background .35s ease-out;
}

.caption:hover::before {
    background: rgba(0, 84, 94, .6);
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    color: white;

    -webkit-transform: translateY(100%);
            transform: translateY(100%);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}
.caption__content {
	position:absolute;
	bottom: 0;
	left: 0;
	width:100%;
	padding:0;
}
.caption__content>h1 {
	color:#fff;
	font-size:18px;
	margin:0;
	padding: 0px 20px;
}
.caption__content>p {
	color:#38dbec;
	padding: 0px 20px;
}
.caption__content>p>span {
	float:right;
}

.caption:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    -webkit-transform: translateY( -webkit-calc(-100% - 10px) );
            transform: translateY( calc(-100% - 10px) );

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.caption:hover .caption__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.embed-padded{
margin:10px;	
}
.contact_confirmation{
	margin:1em auto;
	padding:0.5em 0;
	width: 728px;
		background-color: #44c8d7;
		color:#000;
}