/* ////////////////////////////////// GLOBAL \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
body {
	background-color: #ffffff;
}
.home, .level_2 {
	background-image: url(../img/bg_white_stripe.png);
}
.clearfix:after, .toc_holder:after, .summary .wrapper:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
.mobileonly, .aauinline {
	display: none;
}
/* ////////////////////////////////// HEADER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


header {
	background-color: #1a1a1a;
	height: 100px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
header .aau {
	display: block;
	width: 118px;
	height: 122px;
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(../img/aau_off.png);
	z-index: 5000;
	text-indent: -10000px;
}
header .aau:hover, header .aau:focus {
	background-position: -200px 0px;
}
header H1 {
	display: inline-block;
	position: absolute;
	left: 20px;
	top: 24px;
}
header H1 A {
	color: #8a8a8a;
	display: inline-block;
	font-family: "BentonSansComp Light", "Arial Narrow";
	width: 317px;
	height: 31px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	opacity: 1;
	text-transform: capitalize;
	font-size: 0;
	text-indent: none;
}
header H1:hover, header H1:focus {
	opacity: .8;
}
header H1 em {
	color: #fff;
}
header li {
	display: inline;
	float: left;
}
/* ////////////////////////////////// SEARCH \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

#quicksearch {
	background: url("../img/quicksearch.png") no-repeat scroll 0 transparent;
	height: 33px;
	position: absolute;
	right: 120px;
	top: 46px;
	width: 201px;
}
#quicksearch input {
	border: medium none;
	color: #939B9F;
}
#quicksearch input:focus {
	color: #222222;
}
#quicksearch input#q {
	border: medium none transparent;
	float: left;
	margin: 10px 12px;
	padding: 0;
	width: 149px;
}
#quicksearch input.button {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	float: left;
	height: 33px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9000px;
	text-transform: capitalize;
	width: 28px;
}
#quicksearch select {
	display: none;
}
/* ////////////////////////////////// SUBNAV \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
header UL {
	float: right;
	display: block;
	margin-right: 120px;
	padding-top: 15px;
}
header UL A {
	color: #6d6b6b;
	display: block;
	margin-bottom: 12px;
	padding: 0 10px;
	text-decoration: none;
}
header UL A:hover, header UL A:focus {
	color: #8a8a8a;
}
header UL LI {
	height: 14px;
	font-family: 'Arvo', serif;
	font-size: 11.5px;
	font-weight: 700;
}
header UL LI:last-child {
	border-right: 0px;
}
/* ////////////////////////////////// FEATURES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
#features {
	clear: both;
	height: 650px !important;
	background-color: #9d999a;
	background-repeat: no-repeat;
}
.forces .overlay .wrapper, .plane .overlay .wrapper, .timing .overlay .wrapper, .filmmaker .overlay .wrapper {
	display:block;
	width:920px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	text-decoration:none;
}
#pager-container {
	margin: 0 auto;
}
#pager {
	position: absolute;
	top: 700px;
	left: 50%;
	z-index: 600;
	text-align: center;
	margin: 0 auto;
	margin-left: -30px;
}
#pager a {
	background: #e3e8e9; /* Old browsers */
	background: -moz-linear-gradient(top, #e3e8e9 0%, #bfc4c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e8e9), color-stop(100%, #bfc4c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e8e9 0%, #bfc4c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3e8e9 0%, #bfc4c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3e8e9 0%, #bfc4c4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e3e8e9 0%, #bfc4c4 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e8e9', endColorstr='#bfc4c4', GradientType=0 ); /* IE6-9 */
	border-radius: 7px 7px 7px 7px;
	color: #A0F0FF;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	height: 14px;
	line-height: 20px;
	margin-right: 3px;
	text-indent: -9999px;
	transition: all 0.3s ease-in-out 0s;
	width: 14px;
}
#pager a:hover {
	background: #fafafa; /* Old browsers */
	background: -moz-linear-gradient(top, #fafafa 0%, #e4e5e6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #e4e5e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fafafa 0%, #e4e5e6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fafafa 0%, #e4e5e6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fafafa 0%, #e4e5e6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #fafafa 0%, #e4e5e6 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e4e5e6', GradientType=0 ); /* IE6-9 */
	color: #DFFAFF;
}
#pager .activeSlide {
	background: #00a0d3; /* Old browsers */
	background: linear-gradient(bottom, rgb(0,120,157) 0%, rgb(0,158,211) 100%);
	background: -o-linear-gradient(bottom, rgb(0,120,157) 0%, rgb(0,158,211) 100%);
	background: -moz-linear-gradient(bottom, rgb(0,120,157) 0%, rgb(0,158,211) 100%);
	background: -webkit-linear-gradient(bottom, rgb(0,120,157) 0%, rgb(0,158,211) 100%);
	background: -ms-linear-gradient(bottom, rgb(0,120,157) 0%, rgb(0,158,211) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0d3', endColorstr='#00b4ee',GradientType=0 ); /* IE6-8 */
}
#pager .activeSlide:hover {
	background-image: linear-gradient(bottom, rgb(0,143,186) 0%, rgb(0,182,242) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,143,186) 0%, rgb(0,182,242) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,143,186) 0%, rgb(0,182,242) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,143,186) 0%, rgb(0,182,242) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,143,186) 0%, rgb(0,182,242) 100%);
}
/*  -------- FEATURES--OVERLAY  -------- */


.overlay {
	background-image: url(../img/overlay.png);
	width: 100% !important;
	height: 650px !important;
	position: absolute;
	z-index: 500;
	text-align: center;
}

.overlay a {
	text-decoration: none;
}
.overlay H2, .anatomy H2, .all-timing H2, .filmmaker H2, .opposite-forces H2 {
	font-size: 75px;
	padding-top: 290px;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-style: italic;
	margin-bottom: 30px;
}

.home .overlay H2, .home .anatomy H2, .home .all-timing H2, .home .filmmaker H2, .home .opposite-forces H2 {
	margin-bottom:20px;
}


.overlay H2 span, .anatomy H2 span, .all-timing H2 span, .filmmaker H2 span, .opposite-forces H2 span {
	text-transform: none;
	font-size: 40px;
}
.overlay H2 em, .anatomy H2 em, .all-timing H2 em, .filmmaker H2 em, .opposite-forces H2 em {
	font-family: 'Arvo', serif;
	font-style: normal;
	font-size: 70px;
	font-weight: 700;
}
.overlay P, .anatomy P, .all-timing P, .filmmaker P, .opposite-forces P {
	font-size: 13px;
	font-family: 'Arvo', serif;
	display: inline-block;
	background-color: #fff;
	margin-bottom:30px;
	padding:5px;
}
.overlay P em, .anatomy P em, .all-timing P em, .filmmaker P em, .opposite-forces P em {
	font-style: italic;
}
.overlay H6, .anatomy H6, .all-timing H6, .filmmaker H6, .opposite-forces H6 {
	font-size: 13px;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	letter-spacing: 3px;
}
/*  -------- ANATOMY OF A TRAUMA  -------- */
.trauma {
	display: none;
	background-image: url(../img/feature_brain.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100% !important;
	height: 650px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.trauma .overlay H2, .anatomy H2 {
	color: #b8e5fb;
	text-shadow: 2px 1px 0px #000;
	padding-top: 210px;
	font-size: 70px;
	font-family: 'Arvo', sans-serif;
	font-weight: 700;
	font-style: normal;
}
.trauma .overlay H2 em, .anatomy H2 em {
	color: #fff;
	text-shadow: 2px 2px 0px #000;
	text-transform: uppercase;
}
.trauma .overlay H2 span, .anatomy H2 span {
	color: #fff;
	text-shadow: 0px 0px 0px #000;
	font-style: italic;
	font-family: "Times New Roman", serif;
}
.trauma .overlay H6, .anatomy H6 {
	color: #fff21e;
}
.trauma .overlay A P, .anatomy P {
	background-color: #000;
	color: #fff;
}
/*  -------- ALL IN THE TIMING  -------- */
.timing {
	display: none;
	background-image: url(../img/feature_timing.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100% !important;
	height: 650px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.timing .overlay H2, .all-timing H2 {
	padding-top: 190px;
	color: #d6ffff;
}
.timing .overlay H2 em, .all-timing H2 em {
	color: #fff;
	text-shadow: 2px 1px 0px #000;
}
.timing .overlay H2 span, .all-timing H2 span {
 color: #d6ffff;
}
.timing .overlay H6, .all-timing H6 {
	color: #fff;
}
.timing .overlay P, .all-timing P {
	color: #d6ffff;
	background-color: #000;
}
/*  -------- FILMMAKER, ARTIST, LIGHTNINGROD  -------- */
.filmmaker {
	background-image: url(../img/feature_film.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100% !important;
	height: 650px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.filmmaker .overlay H2, .filmmaker H2 {
	color: #000;
	text-shadow: 2px 1px 0px #fff;
}
.filmmaker .overlay H2 em, .filmmaker H2 em {
	color: #002d5d;
	text-shadow: 2px 1px 0px #fff200;
}
.filmmaker .overlay H6, .filmmaker H6 {
	color: #fff;
}
.filmmaker .overlay P, .filmmaker P {
	color: #000;
	background-color: #baff00;
}
/*  -------- EQUAL & OPPOSITE FORCES  -------- */
.forces {
	display: none;
	background-image: url(../img/feature_opposite-forces.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100% !important;
	height: 650px !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}
.forces .overlay H2, .opposite-forces H2 {
	padding-top: 230px;
	color: #d6ffff;
	text-shadow: 2px 1px 0px rgba(255, 171, 142, 1);
}
.forces .overlay H2 em, .opposite-forces H2 em {
	color: #96e2c0;
	text-shadow: 2px 1px 0px #fff;
	font-size: 90px;
}
.forces .overlay H2 span, .opposite-forces H2 span {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	font-family: 'Arvo', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	font-weight: 700;
}
.forces .overlay H6, .opposite-forces H6 {
	color: #fff;
}
.forces .overlay P, .opposite-forces P {
	color: #fff;
	background-color: #0d0d0c;
}
/* ////////////////////////////////// NAV \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
nav {
	height: 46px;
	text-align: center;
	background-image: url(../img/bg_nav.png);
	background-repeat: repeat-x;
	background-color: #f2f2f0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
nav li {
	display: inline-block;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	margin-right: -5px;
	transition: all 0.2s ease-in-out;
}
nav li:hover, nav li:focus {
	-moz-box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, .1);
}
nav UL {
	display: block;
	margin: 0 auto;
	height: 46px;
}
nav .dialogue a {
	background-image: url(../img/divider.png), url(../img/dialogues.png);
	padding-left: 30px;
	background-position: left top, 9px 15px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .paper a {
	background-image: url(../img/divider.png), url(../img/paper.png);
	padding-left: 30px;
	background-position: left top, 9px 16px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .community a {
	background-image: url(../img/divider.png), url(../img/community.png);
	padding-left: 23px;
	background-position: left top, 9px 14px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .climate a {
	background-image: url(../img/divider.png), url(../img/climate.png);
	padding-left: 30px;
	background-position: left top, 9px 15px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .global a {
	background-image: url(../img/divider.png), url(../img/global.png);
	padding-left: 30px;
	background-position: left top, 9px 15px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .snapshot a {
	background-image: url(../img/divider.png), url(../img/snapshot.png), url(../img/divider.png);
	padding-left: 30px;
	background-position: left top, 9px 15px, top right;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav li A {
	padding-right: 12px;
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 16px;
	color: #323527;
	text-shadow: 1px 1px 2px rgba(246, 245, 246, 1);
	color: #323527;
	text-decoration: none;
	display: block;
}
nav A:hover, nav A:focus {
	color: #000;
	text-decoration: none;
}
.dialogues nav .dialogue, .dialogues nav .dialogue li:hover, .paper nav .paper, .paper nav .paper li:hover, .community nav .community, .community nav .community li:hover, .climate nav .climate, .climate nav .climate li:hover, .global nav .global, .global nav .global li:hover, .snapshot nav .snapshot, .snapshot nav .snapshot li:hover, .home nav .active {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #d4d4d4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #d4d4d4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #d4d4d4 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d4', GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, 0);
	-webkit-box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 16px 16px rgba(0, 0, 0, 0);
}
/* turn off active tabs for pages that share snapshot styles but aren't really snapshots (welcome etc.) */

.snapshot.welcome nav .snapshot, .snapshot.glance nav .snapshot {
	background: transparent;
}

.welcome .copy {
	min-height: 700px;
}
/* tab style for 2nd lvl pages with copy
.paper.level_2 nav .paper, .community.level_2 nav .community, .climate.level_2 nav .climate, .global.level_2 nav .global {
	background:#ffffff;
} */


/* ////////////////////////////////// TOC \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
.toc_holder {
	width: 100%;
	background-image: url(../img/bg_white_stripe.png);
	-webkit-box-shadow: 0px -3px 6px 3px rgba(0, 0, 0, .1);
	box-shadow: 0px -3px 6px 3px rgba(0, 0, 0, .1);
}
#toc {
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto;
/*
	padding-left:6px;
	padding-right:6px;
*/
}

#toc .story {
	width: 300px;
	float: left;
	margin: 10px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background-color: #fbf9f9;
	overflow: hidden;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	z-index: 100;
	position: relative;
}
#toc .story:hover, #toc .story:focus {
	background-color: #fff;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.6);
	transform: scale(1.02);
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	-moz-transform: scale(1.02);
	z-index: 500;
}
#toc .holder {
	overflow: hidden;
	width: 300px;
	height: 370px;
}
#toc .snapshot .holder, #toc .snapshot .holder img, #toc .snapshot .shadow img {
	width: 300px;
	height: 185px;
}
.home #toc .aau .holder, .home #toc .aau .holder img, .home #toc .aau .shadow img, .dialogues #toc .aau .holder, .dialogues #toc .aau .holder img, .dialogues #toc .aau .shadow img {
	width: 300px;
	height: 370px;
}
.story .holder img {
	width: 300px;
	height: 370px;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
}
#toc H3 {
	padding-top: 17px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Arvo', serif;
	text-shadow: 1px 1px 2px rgba(192, 193, 187, 1);
	font-size: 18px;
	font-weight: 700;
}
#toc H3 {
	padding-top: 37px;
}
#toc P {
	padding: 15px;
	color: #969b83;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#toc P EM {
	font-style: italic;
}
#toc A {
	text-decoration: none;
	color: #323527;
}
#toc .snapshot H3:before {
	content: url(../img/snapshot.png);
	position: absolute;
	left: 139px;
	top: 200px;
}
.home #toc .aau H3:before, .dialogues #toc .aau H3:before {
	top: 380px;
}
#toc .climate H3:before {
	content: url(../img/climate.png);
	position: absolute;
	left: 138px;
	top: 380px;
}
#toc .paper H3:before {
	content: url(../img/paper.png);
	position: absolute;
	left: 138px;
	top: 380px;
}
#toc .community H3:before {
	content: url(../img/community.png);
	position: absolute;
	left: 145px;
	top: 380px;
}
.global H3:before {
	content: url(../img/global.png);
	position: absolute;
	left: 138px;
	top: 380px;
}
.dialogue H3:before {
	content: url(../img/dialogues.png);
	position: absolute;
	left: 138px;
	top: 380px;
}
#toc .shadow {
	position: absolute;
	top: 0;
	opacity: .9;
	transition: all 0.15s ease-in-out;
}
#toc .story:hover .shadow {
	opacity: 0;
}
.dialogues #toc, .paper #toc, .community #toc, .climate #toc, .global #toc, .snapshot #toc {
	padding-top: 55px;
}
#toc H4, .level_2 .copy H4 {
	display: block;
	font-family: 'Arvo', serif;
	text-shadow: 1px 1px 2px rgba(192, 193, 187, 1);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: -28px;
	margin-left: 12px;
	line-height: 16px;
}

.level_3 #toc H4 {
	background-image: url(../img/related.png);
	background-repeat: no-repeat;
	padding-left: 24px;
	font-size: 17px;
}
#toc .story, #toc .story.snapshot.aau {
	min-height: 497px;
}

#toc .story.smaller {
	min-height: 312px;
}

#toc .smaller .holder {
	height: auto;
}

#toc .smaller .holder img {
	height: auto;
}

#toc .smaller .shadow {
	display: none;
}

#toc .paper.smaller h3::before,
#toc .dialogue.smaller h3::before,
#toc .community.smaller h3::before,
#toc .global.smaller h3::before {
	top: 200px;
}

.level_2 #toc .story.snapshot.aau, .level_3 #toc .story.snapshot.aau {
	min-height: 312px;
}
#toc .story.snapshot, .home #toc .story.snapshot {
	min-height: 312px;
}
.dialogues #toc .story.snapshot.aau, .home #toc .story.snapshot.aau {
	min-height: 497px;
}

.global #toc .story, .home #toc .story.global, .dialogues #toc .story, .home #toc .story.dialogue, .dialogues #toc .story.snapshot.aau {
	/*min-height: 510px;*/
}
.dialogues.reshaping #toc .story {
	min-height: 312px;
}
.level_3 #toc {
	width: 960px;
}
.level_3 .toc_holder {
	height: auto;
	overflow: hidden;
}

.level_3 #toc .story {
	margin-bottom:50px;
}
.snapshot.level_3 .toc_holder, .reshaping.level_3 .toc_holder {
	height: 395px;
}
.global.level_3 .toc_holder, .dialogues.level_3 .toc_holder {
	height: auto;
	overflow: hidden;
}
.dialogues.opening.level_3 .toc_holder {
	height: 395px;
}
/* ////////////////////////////////// FOOTER \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

footer {
	clear: both;
	background-color: #1a1a1a;
	padding-top: 20px;
}
footer .footernav {
	margin: 0 auto;
	clear: both;
	padding-bottom: 20px;
}
footer .plate {
	clear: both;
	margin: 0 auto;
	padding-top: 20px;
	width: 960px;
	padding-bottom: 20px;
	background-color: #1d1919;
}
footer UL.dialogue, footer UL.paper, footer UL.community, footer UL.climate, footer UL.global, footer UL.snapshot {
	min-height: 150px;
	display: block;
	width: 300px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* for some reason, adding the shadow helps the masonry blocks in toc and the footer reshuffle at the same time on browser resize - probbaly a width calculation*/
}
footer H5 A {
	color: #babbb7;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	padding-left: 20px;
	background-repeat: no-repeat;
}
footer UL.dialogue H5 A {
	background-image: url(../img/footer_dialogues.png);
}
footer .paper H5 A {
	background-image: url(../img/footer_paper.png);
}
footer .climate H5 A {
	background-image: url(../img/footer_climate.png);
}
footer .global H5 A {
	background-image: url(../img/footer_global.png);
}
footer .snapshot H5 A {
	background-image: url(../img/footer_snapshot.png);
}
footer .community H5 A {
	padding-left: 15px;
	background-image: url(../img/footer_community.png);
}
footer .info H5 A {
	background-image: url(../img/info.png);
	margin-top: 15px;
}
footer LI A {
	color: #565656;
	font-family: 'Arvo', serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	display: block;
	padding-top: 8px;
	line-height: 17px;
}
footer LI A:hover, footer LI A:focus {
	color: #8a8a8a;
}
footer P A:hover, footer P A:focus {
	text-decoration: underline;
}
footer H5 A {
	color: #babbb7;
	padding-top: 0px;
}
footer UL H5 A:hover, footer UL H5 A:focus {
	color: #ffffff;
}
footer .plate IMG {
	float: left;
	margin-right: 20px;
}
footer P {
	display: block;
	color: #babbb7;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	letter-spacing: -1px;
	line-height: 20px;
}
footer P STRONG {
	font-weight: bold;
}
footer P A {
	text-decoration: none;
	color: #f3f1ee;
	font-size: 17px;
}
.home footer, .level_2 footer, .glance footer {
	-webkit-box-shadow: 0px -3px 6px 3px rgba(0, 0, 0, .1);
	box-shadow: 0px -3px 6px 3px rgba(0, 0, 0, .1);
}
/* ////////////////////////////////// 2nd LEVEL \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.level_2 .copy {
	clear: both;
}
.level_2 .copy P, .summary P, blockquote {
	color: #1a1a1a;
	font-family: 'Arvo', serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 20px;
}

 .summary .wrapper {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 940px;
}

/* ////////////////////////////////// 3rd LEVEL \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.summary SPAN, .level_2 .copy SPAN {
	text-transform: uppercase;
}
.level_3 .copy {
	-webkit-box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, .1);
}
.snapshot.level_3 .copy {
	-webkit-box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 8px 8px 0px rgba(0, 0, 0, 0);
}
.level_3 .copy SPAN {
	display: inline-block;
	font-family: 'Arvo', serif;
	font-size: 80px;
	font-weight: 700;
	line-height: 60px;
	float: left;
	padding-top: 9px;
	padding-right: 10px;
}

.level_3 .copy span.answer {
	color: #63b0c9;
	line-height: inherit;
	padding-right: 7px;
	padding-top: 0;
	font-size: 14px;
	font-family: 'Arvo', sans-serif;
	font-weight: 700;
}

.reshaping .copy span.answer {
	color: #cc0000;
}

.level_3 .copy P {
	color: #252020;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 20px;
	width: 620px;
}
blockquote {
	width: 575px;
}
.level_3 .copy P EM {
	font-style: italic;
}
.level_3 .copy P A {
	color: #7B7B7B;
}
.level_3 .copy P A:hover, .level_3 .copy P A:focus {
	color: #252020;
}
.level_3 .copy H3 {
	display: block;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
	padding-right: 12px;
	background-repeat: no-repeat;
	color: #252020;
	margin-bottom: 20px;
	margin-top: 50px;
}
.level_3 .copy .wrapper {
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 40px;
	width: 940px;
}
.level_3 .overlay {
	position: relative;
	background: transparent;
	width: 100%;
	height: 520px !important;
	text-align: center;
	background-image: url(../img/bg_white_stripe.png);
	-webkit-box-shadow: inset 0px -8px 8px 0px rgba(0, 0, 0, .1);
	box-shadow: inset 0px -8px 8px 0px rgba(0, 0, 0, .1);
}
.level_3 .overlay H2 {
	padding-top: 170px;
	text-shadow: 2px 1px 0px rgba(255, 255, 255, 1);
}
.level_3 .overlay H2.three {
	padding-top: 130px;
}
.level_3 .overlay H2.one {
	padding-top: 200px;
}
.level_3 .overlay H2.four {
	padding-top: 85px;
}
.level_3 .overlay H2 SPAN {
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}
.level_3 .overlay H6 {
	padding-top: 20px;
}
.paper.level_3 .overlay H2, .paper .summary P, .paper .copy H3 {
	color: #ff001e;
}
.global.level_3 .overlay H2, .global .summary P, .global .copy H3 {
	color: #1594f5;
}
.climate.level_3 .overlay H2, .climate .summary P, .climate .copy H3 {
	color: #21a721;
}
.community.level_3 .overlay H2, .community .summary P, .community .copy H3 {
	color: #ff8a00;
}
.snapshot.level_3 .overlay H2, .snapshot .summary P, .snapshot .copy H3 {
	color: #7b7b7b;
}
.paper.level_3 .overlay H2 em, .paper.level_3 .overlay H2 span, .global.level_3 .overlay H2 em, .global.level_3 .overlay H2 span, .community.level_3 .overlay H2 em, .community.level_3 .overlay H2 span, .climate.level_3 .overlay H2 em, .climate.level_3 .overlay H2 span, .snapshot.level_3 .overlay H2 em, .snapshot.level_3 .overlay H2 span {
	color: #000;
}

span.audio-video-caption {font-size:14px !important; font-weight:normal !important; line-height:22px !important; margin-bottom:25px !important; font-family:Georgia, serif !important; color:#666 !important; float:none !important;}

.summary span.photo-credit {color:#ccc; font-size:13px; font-weight: normal; font-family: helvetica, sans-serif; text-transform: none !important; }

.summary .wrapper p.lead {float:right; width:800px;}
.summary .wrapper .lead-photo {float:left; width:120px;}
.summary .wrapper .lead-photo img {padding-bottom:10px;}
/* ////////////////////////////////// SUMMARY \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.summary {
	background-color: #020001;
	min-height: 284px;
}
.summary IMG {
	float: left;
	margin-right: 20px;
}
.summary H6 {
	display: block;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	background-repeat: no-repeat;
	color: #dcdad9;
	margin-bottom: 20px;
	padding-left: 20px;
}
.dialogues .summary H6 {
	background-image: url(../img/summary_dialogues.png);
}
.paper .summary H6 {
	background-image: url(../img/summary_paper.png);
}
.climate .summary H6 {
	background-image: url(../img/summary_climate.png);
}
.global .summary H6 {
	background-image: url(../img/summary_global.png);
}
.community .summary H6 {
	padding-left: 15px;
	background-image: url(../img/summary_community.png);
}
.summary P em {
	font-style: italic;
}
.level_3 .summary P SPAN.initial {
	display: inline-block;
	font-family: 'Arvo', serif;
	font-size: 110px;
	font-weight: 700;
	line-height: 110px;
	float: left;
	margin-top: -5px;
	margin-bottom: -10px;
	padding-right: 10px;
}
.summary .split2 {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	-moz-column-gap:20px; /* Firefox */
	-webkit-column-gap:20px; /* Safari and Chrome */
	column-gap:20px;
	border-bottom:1px dotted #DCDAD9;
	margin-bottom:20px;
	padding-bottom:20px;
}
.summary P.explainer {
	color:#DCDAD9;
	font-size:15px;
	line-height:25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-weight:400;
}
/* ////////////////////////////////// SIDEBAR \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

aside {
	display: block;
	width: 300px;
	float: right;
}
aside H4 {
	display: block;
	font-family: 'Arvo', serif;
	text-shadow: 1px 1px 2px rgba(192, 193, 187, 1);
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 20px;
}
aside H4.photos {
	background-image: url(../img/photos.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 3px;
}
aside H4.link {
	background-image: url(../img/link.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 0px 23px;
	margin-top: 20px;
	border-top: 1px dotted;
	padding-top: 20px
}
aside H4.link.nophoto {
	margin-top: 0px;
	border-top: none;
	background-position: 0px 3px;
	padding-top: 0px
}
aside UL a {
	text-decoration: none;
	color: #969b83;
	/*color: #ab0808;*/
	display: block;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.adventure aside UL a {
	/*color: #7079a3;*/
}
aside em {
	font-style: italic;
}
aside UL a:hover, aside UL a:focus {
	text-decoration: underline;
}
aside .holder {
	overflow: hidden;
	width: 300px;
	height: 185px;
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-moz-transform: scale(1);
	position: relative;
}
aside .holder:hover, aside .holder:focus {
	background-color: #fff;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.6);
	transform: scale(1.02);
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	-moz-transform: scale(1.02);
	z-index: 500;
	position: relative;
}
aside .shadow {
	position: absolute;
	top: 0;
	opacity: .9;
}
aside .holder:hover .shadow IMG {
	opacity: 0;
}
#hiddenpix {
	display: none;
}
/* ////////////////////////////////// DIALOGUES \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.level_3 .copy p.question {
	/*font-style: italic;*/
	font-family: 'Arvo', serif;
	font-weight: 700;
}
.level_3 P.question EM {
	font-style: normal;
}

.level_3 .copy span.name {
	font-weight: 700;
	line-height: inherit;
	float: none;
	padding-top: 0;
	padding-right: 0;
	font-size: inherit;
	text-transform: uppercase;
}

.summary P em {
	font-style: italic;
}
blockquote {
	border-left: 25px solid #ecebeb;
	padding-left: 20px;
	letter-spacing: 0px;
	font-size: 24px;
	text-shadow: 2px 1px 0px rgba(255, 255, 255, 1);
	margin: 30px 0;
}
.floatie {
	text-align: center;
	width: 920px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
/*  -------- ANATOMY OF TRAUMA  -------- */

.anatomy {
	background: url(../img/brain_wide_bg.jpg) no-repeat center top;
	height: 700px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.anatomy H2 {
	padding-top: 200px;
	display: block;
}

.adventure .summary P {
	color: #b8e5fb;
}

.adventure blockquote {
	color: #69813c;
}
/*  -------- ALL IN THE TIMING  -------- */

.all-timing {
	background: url(../img/timing_wide_bg.jpg) no-repeat center top;
	height: 700px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.reshaping H2 {
	padding-top: 210px;
}

.reshaping .summary P {
	color: #c6b9ad;
}
.reshaping blockquote {
	color: #63b0c9;
}
/*  -------- EQUAL & OPPOSITE FORCES  -------- */

.opposite-forces {
	background: url(../img/opposite-forces_wide_bg.jpg) no-repeat center top;
	height: 700px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.opposite-forces H6 {
	color: #fff;
}
.opposite-forces H2 {
	padding-top: 250px;
}

.opening .summary P {
	color: #6fb1c9;
}
.opening blockquote {
	color: #63b0c9;
}
/*  -------- FILMMAKER, ARTIST, LIGHTNINGROD  -------- */

.filmmaker {
	background: url(../img/film_wide_bg.jpg) no-repeat center top;
	height: 650px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.filmmaker H6 {
	color: #fff;
}
.filmmaker H2 {
	padding-top: 210px;
}
.filmmaker P {
	background-color: #d9f4ea;
}

.beginnings .summary P {
	color: #f1ed74;
}
.beginnings blockquote {
	color: #642701;
}
.filmmaker H2 {
	text-shadow: 2px 1px 0px #fff;
}
.filmmaker H6 {
	color: #000;
}
/* ////////////////////////////////// WELCOME \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */


.level_3.welcome .question {
	font-style: italic;
	color: #be782a;
}
.level_3.welcome .overlay H2.three {
	padding-top: 160px;
}
/* ////////////////////////////////// BU AT A GLANCE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.glance.level_3 .copy P {
	width: auto;
}
.glance.level_3 .copy STRONG {
	font-weight: bold;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	color: #1594F5;
	display: block;
}
.glance.level_3 .copy .stripes STRONG {
	margin-bottom: 10px;
	margin-top: 30px;
}
.glance .leftcol {
	width: 450px;
	float: right;
}
.glance .rightcol {
	width: 450px;
	float: left;
}
.glance.level_3 H3 {
	color: #252020;
	margin-bottom: 10px;
}
.level_3 .copy .splitme {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
	-moz-column-gap: 20px; /* Firefox */
	-webkit-column-gap: 20px; /* Safari and Chrome */
	column-gap: 20px;
}
.glance .stripes P {
	display: block;
	padding: 3px;
	margin-bottom: 5px;
}
.glance .stripes P:nth-child(2n+1) {
	background-color: #f3f4f2;
}
.glance P.mousetext {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}

.awards.glance.level_3 .copy STRONG {
	display: inline;
}

/* ////////////////////////////////// RESPONSIVENESS- WIDE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width:1295px) {
footer .plate {
	width: 1280px;
}
.level_3 #toc {
	width: 1280px;
}
/*  -------- DIALOGUES  -------- */

.floatie {
	width: 1240px;
}
.anatomy {
	background: url(../img/brain_wide_bg.jpg) no-repeat fixed;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.anatomy H2 {
	padding-top: 180px;
}
.all-timing {
	background: url(../img/timing_wide_bg.jpg) no-repeat fixed;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.opposite-forces {
	background: url(../img/opposite-forces_wide_bg.jpg) no-repeat fixed;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.filmmaker {
	background: url(../img/film_wide_bg.jpg) no-repeat fixed;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.forces .overlay .wrapper, .plane .overlay .wrapper, .timing .overlay .wrapper, .filmmaker .overlay .wrapper {
	width:1255px;
}
.filmmaker .overlay  H2{
	padding-top: 220px;

}
}

/* ////////////////////////////////// RESPONSIVENESS- SUPER WIDE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width:1580px) {
footer .plate {
	width: 1580px;
}
}
/* ////////////////////////////////// RESPONSIVENESS- TABLET \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width:600px) and (max-width:960px) {
/*  -------- HEADER  -------- */

header H1 {
	top: 40px;
}

header .aau {
	display:none;
}
header .aauinline {
	display:inline;
}
#quicksearch {
	right: 20px;
}
header UL {
	margin-right: 20px;
}
/*  -------- NAV  -------- */

nav li {
	text-indent: -10000px;
	padding-right: 0px;
	width: 16.67%;
}
nav .dialogue a {
	background-image: url(../img/dialogues_large.png);
	padding-left: 0px;
	background-position: center 15px;
	background-repeat: no-repeat;
}
nav .paper a {
	background-image: url(../img/divider.png), url(../img/paper_large.png);
	padding-left: 0px;
	background-position: left top, center 16px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .community a {
	background-image: url(../img/divider.png), url(../img/community_large.png);
	padding-left: 0px;
	background-position: left top, center 14px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .climate a {
	background-image: url(../img/divider.png), url(../img/climate_large.png);
	padding-left: 0px;
	;
	background-position: left top, center 15px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .global a {
	background-image: url(../img/divider.png), url(../img/global_large.png);
	padding-left: 0px;
	background-position: left top, center 15px;
	background-repeat: no-repeat, no-repeat, no-repeat;
}
nav .snapshot a {
	background-image: url(../img/divider.png), url(../img/snapshot_large.png);
	padding-left: 0px;
	background-position: left top, center 15px;
	background-repeat: no-repeat, no-repeat;
}
/*  -------- FEATURES  -------- */
#features, .overlay, .plane, .forces, .filmmaker, .timing, .trauma {
	height: 500px !important;
}
.forces .overlay .wrapper, .plane .overlay .wrapper, .timing .overlay .wrapper, .filmmaker .overlay .wrapper {
	width:728px;
}

#pager {
	top: 550px;
}
.floatie {
	width: 600px;
}

.trauma .overlay h2 {
	padding-top: 120px;
	font-size: 53px;
}

.anatomy {
	background: url(../img/plane_tablet_bg.jpg) no-repeat;
	height: 700px;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.anatomy H2 {
	padding-top: 100px;
}
.anatomy H2 span {
	display: block;
	clear: both;
	padding-bottom: 5px;
}

.overlay H2, .anatomy H2, .opher H2, .kotton H2, .allison H2 {
	font-size: 65px;
}
.overlay H2 em, .anatomy H2 em, .opher H2 em, .kotton H2 em, .allison H2 em {
	font-size: 65px;
}
.overlay H2 span, .anatomy H2 span, .opher H2 span, .kotton H2 span, .allison H2 span {
	font-size: 34px;
}
#features, .overlay, .brain, .forces, .filmmaker, .timing {
	height: 500px;
}
.overlay H2 {
	font-size: 55px;
}
.forces .overlay H2, .timing .overlay H2 {
	padding-top: 150px;
}
.brain .overlay H2, .filmmaker .overlay H2 {
	padding-top: 150px;
}
.overlay H2 span {
	font-size: 30px;
}
.overlay H2 em {
	font-size: 53px;
}
.overlay P {
	font-size: 12px;
}

.summary .split2 {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}

.summary .wrapper p.lead {
	width: 400px;
	float: left;
	padding-left: 40px;
}

iframe {
	width: 320px !important;
	height: auto !important;
}


/*  -------- COPY  -------- */

.level_3 .copy .wrapper, .level_2 .copy .wrapper, .summary .wrapper {
	width: auto;
}
.level_3 .copy P {
	width: 320px;
}
blockquote {
	width: 275px;
}
.glance .leftcol {
	width: auto;
	float: none;
}
.glance .rightcol {
	width: auto;
	float: none;
}
/*  -------- FOOTER  -------- */


footer .plate {
	width: 640px;
}
footer UL.dialogue, footer UL.paper, footer UL.community, footer UL.climate, footer UL.global, footer UL.snapshot {
	min-height: 0px;
	padding-bottom: 20px;
}
/*  -------- TOC  -------- */

.level_3 #toc {
	width: 640px;
}


}

/* ////////////////////////////////// RESPONSIVENESS- SMALLER TABLETS \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width:601px) and (max-width:767px) {
.level_3 .copy P {
 width: auto;
}
aside {
 display:none;
}
blockquote {
 width:auto;
}

.forces .overlay .wrapper, .brain .overlay .wrapper, .timing .overlay .wrapper, .filmmaker .overlay .wrapper {
	width:580px;
}

}
/* ////////////////////////////////// RESPONSIVENESS- MOBILE \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */
@media only screen and (max-width:600px) {

body {
	overflow-x:hidden;
}
/*  -------- HEADER  -------- */
header H1 {
	position: absolute;
	top: 50px;
	left: 10px;
}
header H1 A {
	margin: 0px;
	width: 280px;
	height: 28px;
	background-image: url(../img/logo-small.png);
}
header UL {
	display: none;
}
header .aau {
	display: none;
}
#quicksearch {
	background: url("../img/quicksearch.png") no-repeat scroll 0 center transparent;
	height: 33px;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 201px;
}
header #mobilemenu {
	display: block;
	color: #babbb7;
	font-family: 'Arvo', serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
	padding-left: 17px;
	background-repeat: no-repeat;
	background-image: url(../img/menu.png);
	text-decoration: none;
	padding-top: 20px;
	margin-left: 10px;
	background-position: 0px 18px;
}
header #mobilemenu:hover, header #mobilemenu:focus {
	color: #fff;
}
/*  -------- NAV  -------- */
nav, .home #toc, aside {
	display: none;
}
/*  -------- FEATURES  -------- */

.floatie {
	width: 260px;
}


iframe {
	width: 100% !important;
}

.trauma, .anatomy {
	background: url(../img/trauma_mobile_bg.jpg) no-repeat;
	height: 400px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.timing, .all-timing {
	background: url(../img/timing_mobile_bg.jpg) no-repeat;
	height: 400px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.filmmaker {
	background: url(../img/film_mobile_bg.jpg) no-repeat;
	height: 400px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.forces, .opposite-forces {
	background: url(../img/opposite-forces_mobile_bg.jpg) no-repeat;
	height: 400px !important;
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/*  -------- TOC  -------- */
.home #toc, .level_3 #toc, .level_3 .toc_holder {
	display: none;
}

/*  -------- COPY  -------- */
.level_3 .summary P SPAN.initial {
	font-size: 77px;
	line-height: 85px;
	padding-right: 7px;
}
.level_3 .copy .wrapper, .level_2 .copy .wrapper, .summary .wrapper, .level_3 .copy P {
	width: auto;
}
.level_3 .copy .wrapper {
    padding-top:30px;
	padding-bottom:30px;
}
blockquote {
	width: auto;
	border-left: 15px solid #ECEBEB;
}
.level_3 .copy .splitme {
	-moz-column-count: 1; /* Firefox */
	-webkit-column-count: 1; /* Safari and Chrome */
	column-count: 1;
	-moz-column-gap: 0px; /* Firefox */
	-webkit-column-gap: 0px; /* Safari and Chrome */
	column-gap: 0px;
}
.level_3 .copy P {
	font-size: 14px;
	line-height: 21px;
}
.level_2 .copy P, .summary P, blockquote {
	font-size: 14px;
	line-height: 24px;
}
.summary .wrapper {
	padding: 20px 20px 20px;
}
.level_3 .copy SPAN {
	font-size: 70px;
	line-height: 50px;
	padding-right: 10px;
	padding-top: 8px;
}
.glance .leftcol {
	width: auto;
	float: none;
}
.glance .rightcol {
	width: auto;
	float: none;
}
.level_3.welcome .overlay H2.three, .level_3.glance .overlay H2 {
	padding-top: 40px;
	padding-bottom: 40px;
}
/*  -------- OVERLAY  -------- */
.level_3 .overlay {
	height: auto !important;
}
.level_3 .overlay .wrapper {
	padding-left: 10px;
	padding-right: 10px;
	width: 260px;
	text-align: center;
	margin: 0 auto;
}
.level_3 .overlay H2, .level_3 .overlay H2.three, .level_3 .overlay H2.one, .level_3 .overlay H2.four {
	padding-top: 40px;
	font-size: 40px;
}
.level_3 .overlay H6 {
	padding-bottom: 40px;
	font-size: 12px;
	line-height: 16px;
}
.anatomy H2 {
	font-size: 40px;
	padding-top: 50px;
}
.trauma .overlay H2,
.timing .overlay h2,
.all-timing h2,
.filmmaker h2,
.forces .overlay h2,
.opposite-forces h2 {
	padding-top: 95px;
	font-size: 40px;
}

.filmmaker .overlay h2 {
	padding-top: 50px;
}

.overlay H2 em, .anatomy H2 em, .opposite-forces h2 em, .filmmaker h2 em, .all-timing h2 em {
	font-size: 40px;
}

.timing .overlay H2 em {
	font-size: 58px;
}

.forces .overlay h2 em {
	font-size: 38px;
}

.overlay H2 span, .anatomy H2 span {
	font-size: 26px;
}

.forces .overlay h2 span {
	font-size: 21px;
}

.level_3 .overlay H2 SPAN {
	padding-bottom: 10px;
	padding-top: 10px;
}
.overlay P, .anatomy P {
	font-size: 13px;
	line-height: 18px;
	padding: 8px;
}
.overlay H6, .anatomy H6 {
	font-size: 12px;
}


.summary .wrapper .lead-photo {
	display: none;
}
.summary .wrapper p.lead {
	width: 100%;
	padding: 0;
}

.summary .split2 {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}

/*  -------- FOOTER  -------- */

footer .plate, footer .footernav {
	width: auto;
}

footer .plate {
	padding-left:20px;
}

footer UL {
	float: none;
	clear: both;
	min-height: 0px;
	margin: 0px;
	margin-bottom: 20px;
	width: 260px;
	margin-right:-60px;
}
footer UL.dialogue, footer UL.paper, footer UL.community, footer UL.climate, footer UL.global, footer UL.snapshot, footer UL.info {
	min-height: 0px;
	float: left;
	margin: 0px;
	margin-left: 20px;
}
footer UL.info {
	display: block;
	float: left;
	margin: 0px;
	margin-left: 20px;
	min-height: 0px;
	width: 260px;
}
footer .mobileonly {
	display: block;
}
footer .non-mobileonly {
	display: none;
}
footer P {
	font-size: 12px;
	line-height: 20px;
}
footer P A {
	font-size: 13px;
}
/*  -------- FEATURES--OVERLAY  -------- */
#features {
	height: 400px !important;
}

#features .overlay {
	height: 400px !important;
}
#pager {
	top: 470px;
}

#features .overlay {
	height: 400px !important;
}
.forces .overlay .wrapper, .plane .overlay .wrapper, .timing .overlay .wrapper, .filmmaker .overlay .wrapper {
	width:260px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
}







