body {
	font-family: "open_sansregular";
    padding-top: 50px; /* Whatever the height of your navbar is; thedefault is 50px */
	padding-bottom: 30px;
	 text-align: justify;
	 background: #F0F8FF; /* HTML ALICEBLUE */
}

h1, h2, h3, h4 {
	font-family: "bebasregular";
}

.whiteText{
	color: #FFF;
}

/* NAVBAR */
.navbar {
	font-family: "bebasregular";
	border: 0;
	/*background-color: #ee7858; /*#E8603C; /*#ee8888;*/
}

.navbar-brand {
	padding: 10px;
}
.navbar-brand > img {
	padding-top:0px;
	width:30px;
	display:inline;
}

.navbar-default  .navbar-brand,
.navbar-default  .navbar-brand:focus,
.navbar-default  .navbar-brand:hover  {
	font-size: 30px;
	color: #8888ee;
}
.navbar-default  .navbar-brand > span {
	font-size: 30px;
	color: #ee7858; 
}

.navbar-default .navbar-nav > li > a{
	color: #8888ee;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover
{
	color: #ee7858; 
}

.navbar-default{
	 background: #F0F8FF; /* HTML ALICEBLUE */
	/*background: #FFF;*/
	border: 0;
	box-shadow: none !important;
}

.navbar-default .navbar-nav > .active> a,
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover{
	color: #FFF;
	background: #ee7858;
}


.flag{
	border: 0;
}
.flag > img{
	width:30px;
}

.flags{
	float:left;
	margin-top:10px;
	margin-left:40px;
}

/* BACKGROUND */
.redBg{
	background: #ee7858; 
}
.blueBg{
	background: #8888ee;
}



/* FONTS */
@font-face {
    font-family: 'bebasregular';
    src: url('../fonts/BEBAS___-webfont.eot');
    src: url('../fonts/BEBAS___-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BEBAS___-webfont.woff') format('woff'),
         url('../fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('../fonts/BEBAS___-webfont.html#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.html#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* SPECIAL BACKGROUNDS */

.backBar{
	height:100%;
	width: 100%;
	position: absolute;
	background: #8888ee; 
	z-index: -10;
}

.backBar span{
	width: 65%;
	display: block;
	margin: 0 auto;
	background: #F0F8FF;
}

.homeBackBar, span
{
	height: 50px;
}


/* MISCELLANEOUS */

.sectionTitle{
	background:  #ee7858; 
	color: #FFF;
}

.topContainer{
	margin-top:20px;
}

/* FOOTER */

.footerBackBar, span{
	height: 350px;
}

.copyright{
	font-family: "bebasregular";
	color: #A0A0A0; 
	text-align:center;
	margin-top:20px;
}

.footer{
	margin-top:40px;
}

.footerLogos{
	/*background:#FFF;*/
	padding:5px;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}


.toolLogo{
	max-height:50px;
	padding-top:5px;
}

.clientLogo{
	max-height:70px;
	padding-top:5px;
}

/* INDEX */

.carousel {
	max-width:100%;
}
.carouselImage{
	margin: 0 auto;
	width: 100%;
}


.carousel-caption{
	background: rgba(88, 88, 200, 0.7);
}
.carousel-caption a,
.carousel-caption a:active,
.carousel-caption a:link,
.carousel-caption a:focus,
.carousel-caption a:hover{
	color:#FFF;
}

/* RESEARCH */

h3.year {
	font-size: 30px;
	font-weight: bold;
	padding: 0px 0px;
}

p.author {
	padding: 0px 0px;
	margin-bottom: 2px;
}

p.title {
	font-weight: bold;
	font-size: 16px;
	padding: 0px 0px;
	margin-bottom: 2px;
}

p.notes {
	padding: 0px 0px;
	margin-bottom: 20px;
}

.researchProject{
	display: inline-block;
}

/* MIXITIN */

.portfoliolist:after{
  display: inline-block;
  width: 100%;
}

.mix{
	display: none;
}

.mix:after{
	content: '';
	display: inline-block;
	width: 100%;
}

.mix:before{
  display: inline-block;
}


/* MIXITIN STYLE */

.mixContent {
	background: #F0F8FF; 
}

.mixContent a{
	text-decoration:none;
}

.mixTitle{
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 2px;
}

.mixTitle:hover,
.mixTitle:focus,
.mixTitle:visited,
.mixTitle:active,
.mixTitle:link
{
}


.mixDate{
	color: #FA0;
}

.mixImg{
	border: 1px solid black;
	width: 95%;
	margin-top: 5px;
}
.mixContent{
	margin-bottom: 0px;
}

.btn-info {
    color: #fff;
    background-color: #8888ee;
    border-color: #888800;
	background-image: none;
}

.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #8888ee;
    border-color: #888800;
}
.btn-info:hover {
  color: #fff;
  background-color: #ee7858;
    border-color: #888800;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #ee7858;
    border-color: #888800;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #ee7858;
  border-color: #FFF;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}

/* HOVER EFFECT */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background-color: rgba(0,0,0,0.5);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  background: rgba(0,0,128,0.6);
  -webkit-transform: translatey(-100px);
  -ms-transform: translatey(-100px);
  transform: translatey(-100px);
  -webkit-transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  transition: all 0.4s cubic-bezier(0.88,-0.99, 0, 1.81);
  padding: 10px;
}

.hovereffect a.info {
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 50px 0 0;
  padding: 7px 14px;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.hovereffect:hover img {
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-transform: translatey(0);
  -webkit-transform: translatey(0);
  transform: translatey(0);
}

.hovereffect:hover a.info {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}


/* PORTFOLIO ITEMS */

.portfolioImg{
}

.portfolioMediaImg{
	margin-top:15px;
}

.portfolioOtherProjects{
	margin:5px;
}

.subtitleRed{
	margin:auto;
	background:#ee7858; 
	padding:10px;
	color:#FFF; 
	text-align:center;
}
.subtitleBlue{
	margin:auto;
	background:#8888ee; 
	padding:10px;
	color:#FFF; 
	text-align:center;
}



/* SERVICES */
.servicesSubtitle{
	margin:auto;
	background:#8888FF; 
	padding:10px;
	color:#FFF; 
	text-align:center;
}

.servicesRow{
	margin-top:25px;
}

.servicesParagraph{
	margin-top:5px;
	font-size:18px;
}

/* PORTFOLIO */
.dl-horizontal dt{
	text-align:left;
}
.dl-horizontal dd{
	margin-bottom:5px;
}

.dl-horizontal{
	margin:auto;
}

.links h2{
	font-size:20px;
	
	margin:auto;
	background:#8888ee; 
	padding:10px;
	color:#FFF; 
	text-align:center;
}
.links div{
	margin-top:10px;
}
.authors h2{
	font-size:20px;
	
	margin:auto;
	background:#8888ee; 
	padding:10px;
	color:#FFF; 
	text-align:center;
}
.authors dl{
	margin-top:10px;
}

.otherProject{
	/*margin: 5px 10px; */
	border:1px solid black;
	margin-top:5px;
}

.insidegames h4{
	margin-bottom:2px;
	text-align: center;
}