@font-face{ 
	font-family: 'Roboto Light';
	src: url('fonts/RobotoCondensed-Light-webfont.eot');
	src: url('fonts/RobotoCondensed-Light-webfont.eot?iefix') format('eot'),
	     url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'),
	     url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'),
	     url('fonts/RobotoCondensed-Light-webfont.svg#webfont') format('svg');
}

@font-face{ 
	font-family: 'Roboto Reg';
	src: url('fonts/Roboto-Regular-webfont.eot');
	src: url('fonts/Roboto-Regular-webfont.eot?iefix') format('eot'),
	     url('fonts/Roboto-Regular-webfont.woff') format('woff'),
	     url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
	     url('fonts/Roboto-Regular-webfont.svg#webfont') format('svg');
}

/* ***** Story Sub Menu ******/
.nav-container-bottom ul {
	padding-bottom: 80px;
}

article h4 {
	font-size: 20px;
	color: rgb(3,187,255);
	margin-top: 55px;
}

article h4.in-house {
	text-align: center;
}

.story-sub-menu ul.sub-menu {
	background-color: transparent;
	position: absolute;
	z-index: 10;
	text-align: center;
  	padding-left: 0;
	list-style-type: none;
  	padding: 0px 0 30px 0;
  	margin-bottom: 0px;
  	border-bottom: none;
  	top: 75px;
  	min-width: 970px;
}

.story-sub-menu ul.sub-menu li {
	padding: 7px 13px;
	font-family: 'Roboto Reg';
	font-size: 14px;
	display: inline;
}

.story-sub-menu ul.sub-menu li.selected {
	border: 3px solid rgb(3,187,255);
}

.drop-nav-menu ul.main-menu {
	text-align: center;
  	padding-left: 0;
	list-style-type: none;
	border-bottom: 2px solid black;
  	padding: 10px 0 30px 0;
  	margin-bottom: 0px;
}

.drop-nav-menu ul.main-menu li {
	padding: 0 30px;
	font-family: 'Roboto Light';
	font-size: 28px;
	display: inline;
}

.sub-menu a {
	letter-spacing: 0px;
}

header .sub-menu a:hover {
	border-bottom: none;
}

.sub-menu a.selected {

}

div.main-nav {
	margin-bottom: 225px;
}

img.hamburger {
	top: 120px;
	z-index: 11;
}

div.article-container {
	width: 100%;
	max-width: 575px;
	margin: 0px auto 0 auto;
}

div.article-container div.article-header-container {
	width: 300px;
	margin: 0 auto;
}

div.article-container h2.article-header {
	color: #000000;
	font-size: 53px;
	letter-spacing: 1px;
	line-height: 65px;
	margin: 0 auto 65px auto;
  	display: block;
  	text-align: center;
}

div.article-container div.article-header-container img {
	display: inline-block;
	margin-top: -117px;
	
	margin-left: 100%;
}

div.article-container div.article-body-container img.article-img {
	display: block;
  	margin: 40px auto;
  	width: 100%;
}

img.data-analysis {
	display: block;
	margin: 0 auto;
	padding-bottom: 45px;
}

img.glasses {
	margin: 0 auto;
	display: block;
}


div.article-container div.article-body-container p {
	font-family: 'Lora', serif;
	line-height: 25px;
	font-size: 17px;
	margin-bottom: 25px;
}

/* ***** Bottom Nav ***** */
div.bottom-nav {
	border-top: 2px solid #000;
  	margin-top: 100px;
}

div.bottom-nav h3 {
	font-family: 'Roboto Reg';
	text-align: center;
  	font-size: 14px;
  	border: 3px solid rgb(3,187,255);
  	padding: 10px 5px;
  	margin: 12px auto 10px auto;
}

div.bottom-nav h4 {
	font-size: 28px;
	margin: 0 auto;
	line-height: 33px;
  	letter-spacing: 1px;
  	width: 470px;
  	transition: all 0.6s ease-in;
}

div.bottom-nav p.read-more-in {
	text-align: center;
	margin-bottom: 0px;
}

div.bottom-nav a {
	text-decoration: none;
  	border-bottom: 1px solid #000;
  	color: #000;
  	padding-bottom: 5px;
  	transition: all 0.6s ease-in;
}

div.bottom-nav-story {
	text-align: center;
	width: 50%;
	float: left;
	height: 200px;
	position: relative;
	padding: 60px 0px 0px 0px;
	overflow: hidden;
}

div.bottom-nav-story-center {
	float: none;
	clear: both;
	margin: 0 auto;
}

div.bottom-nav-story img {
	opacity: 0;
    position: absolute;
    transition: all 0.6s ease-in;
    top: 0;
    left: 0;
    z-index: -1;
}

div.bottom-nav-story:hover img {
	transition: all 0.6s ease-in;
	opacity: 1;
}

div.bottom-nav-story:hover h4 {
	color: #ffffff;
}

div.bottom-nav-story:hover a {
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

div.bottom-nav a.story-link {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 6; /* Places the link above everything else in the div */
    opacity: 0;
}

div.article-container div.article-body-container p.caption {
	font-family: 'Roboto Reg', sans-serif;
	color: rgb(3,187,255);
	font-size: 14px;
	margin-top: -30px;
}

div.article-container div.article-body-container p.brain-vid {
	margin-top: 10px;
}

div.article-container div.article-body-container p.snapshots {
	margin-top: 10px;
}

div.article-container div.article-body-container p.john-ewing {
	margin-top: 10px;
}

a.full-article {
	color: #000;
	font-family: 'Roboto Reg';
}

.article-body-container a.quanta-link {
	color: #03bbff;
  	text-decoration: none;
}

/* ***** Brain Animation ***** */
div.brain-container {
	position: relative;
	height: 640px;
}

div.brain-container img {
	position: absolute;
	display: block;
}

div.brain-container img.brain-one {
	opacity: 1;
}

div.brain-container img.brain-two {
	opacity: 0;
	 transition:0s 180s;
}

div.brain-container:hover img.brain-two {
	transition: opacity 1s;
	opacity: 1;
}

video.video {
	width: 100%;
}

video.rapa {
	padding-bottom: 30px;
}

div.article-container div.article-body-container p.video {
	margin-top: 10px;
}

div.you-tube-container iframe {
	padding-bottom: 30px;
}

img.spinning-brain {
	display: block;
	margin: 0 auto 20px auto;
}

/* ****** Quanta Slide Show ***** */

#quanta-slideshow p.photo-cred {
	font-family: 'Roboto Reg', sans-serif;
	color: rgb(3,187,255);
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#quanta-slideshow p.slide-caption {
	font-family: 'Roboto Reg', sans-serif;
	color: rgb(3,187,255);
	font-size: 14px;
	margin-top: 5px;

}

#quanta-slideshow { 
    position: relative; 
    width: 100%;
    height: 490px;
}

#quanta-slideshow > div { 
    position: absolute;  
}

div.article-container div.article-body-container p.msri-vid-caption {
	font-family: 'Roboto Reg', sans-serif;
	color: rgb(3,187,255);
	font-size: 14px;
	margin-top: 10px;
}


@media (max-width: 1000px) {
	.story-sub-menu ul.sub-menu li {
		padding: 7px 10px;
		min-width: 945px;
	}
	.story-sub-menu ul.sub-menu {
		min-width: 945px;
	}
}
