/*
ff-meta-web-pro 400
ff-meta-web-pro-condensed 400 500 700
felt-tip-senior 400 700
*/
html, body{
	margin: 0;
    min-height: 100%;
    height: 100%;
    background: #000;
}
body{
	min-width: 980px;
	font: 700 16px/24px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
}

input{ outline: none; }
img{
	display: block;
	border: 0;
}
#loader{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9999;
	top: 0;
	left: 0;
}
#page-wrapper{
	width: 100%;
	overflow: hidden;
	min-width: 980px;
	visibility: hidden;
	opacity: 0;
}
.element-hidden{
	display: none;
}
.element-invisible{
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus{
	clip: auto;
	position: static !important;
}
*+html .element-invisible{
	display: none;
}
.clearfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix{
	height: 1%;
}
:first-child + html .clearfix{
	min-height: 1%;
}
.menu-clearfix .content ul,
.menu-clearfix .content ul li{
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}
.clearboth{
	clear: both;
}
a{
	text-decoration: none;
	color: #fdf87d;
	outline: none;
}
a:hover{
	text-decoration: underline;
}
a img{
	border-style: none;
}
a, a span, a img, .menu li > span{
	-webkit-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
	   -moz-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
	    -ms-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
	     -o-transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
	        transition: background-color 0.2s ease, border 0.2s ease, color 0.2s ease;
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.5em;
	margin: 15px 0 0;
	font-family: "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #fdf87d;
	text-decoration: none;
}
h1{
	font-size: 28px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 21px;
}
h4{
	font-size: 17px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 15px;
}
p{
	margin: 15px 0 0;
}
ol{
	margin-left: 35px;
}
ul{
	margin-left: 30px;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
.alignleft{
	float: left;
	margin-right: 10px;
}
.alignright{
	float: right;
	margin-left: 10px;
}
.aligncenter{
	text-align: center;
}
.relative{
	position: relative;
}

/* ajax loader */

#ajax-loading {
  display: none;
  width: 35px;
  height: 35px;
  padding: 10px;
  margin: -18px 0 0 -18px;
  top: 50%;
  left: 50%;
  background-color: #fff;
  background-color: rgba(255,255,255,0.95);
  position: fixed;
  z-index: 9998;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
     -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
       -o-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);
}
#ajax-loading .throbber {
  position: relative;
  width: 35px;
  height: 35px;
  margin: auto;
  background: url(../images/ajax-loader-old.gif) no-repeat;
  color: #000;
  z-index: 9999;
}
img.bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
div.section{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#timeline-intro div.section{
	width: 100%;
	min-width: 980px;
}
div.section-wrapper{
	width: 100%;
	overflow: hidden;
	min-width: 980px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}
div.section-wrapper.hidden{
	visibility: hidden !important;
	opacity: 0 !important;
}
#trailer{
	z-index: 0;
}

/* Intro Poll */

#intro-poll a.skip,
#poll a.skip{
	width: 260px;
	height: 54px;
	background: url(../images/logo-bottom.png) no-repeat 0 0;
	position: absolute;
	left: 10px;
	bottom: 10px;
	text-indent: -9999px;
}
#intro-poll a.skip.right,
#poll a.skip.right{
	left: auto;
	right: 10px;
}
#intro-poll img.logo-transparent,
#intro img.logo-transparent{
	position: absolute;
	left: 10px;
	bottom: 20px;
}
#intro-poll a.skip-section,
#poll a.skip-section{
	color: #fff;
	font: 400 24px/18px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 30px 0 0;
	background: url(../images/bg-arrow-next.png) no-repeat 100% 50%;
	position: absolute;
	bottom: 20px;
	right: 10px;
}
#intro-poll div.region-header,
#poll div.region-header{
	width: 500px;
	float: left;
}
#intro-poll div.region-header.right,
#poll div.region-header.right{
	float: right;
}
#intro-poll div.node-advpoll,
#poll div.node-advpoll{
	width: 500px;
	float: left;
	position: relative;
	z-index: 10;
}
#intro-poll div.node-advpoll.right,
#poll div.node-advpoll.right{
	float: right;
}
#intro-poll div.node-advpoll h2,
#poll div.node-advpoll h2{
	margin: 0;
	padding: 70px 0 0 0;
	color: #ca5645;
	font: 700 46px/48px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#intro-poll div.node-advpoll div.content,
#poll div.node-advpoll div.content{
	width: 100%;
	float: left;
}
#intro-poll div.node-advpoll div.form-item input,
#poll div.node-advpoll div.form-item input{
	display: none;
}
#intro-poll div.node-advpoll div.form-item,
#poll div.node-advpoll div.form-item{
	-webkit-transform: rotate(-1.5deg);
	-moz-transform: rotate(-1.5deg);
	-ms-transform: rotate(-1.5deg);
	-o-transform: rotate(-1.5deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
}
#intro-poll div.node-advpoll div.form-radios div.form-item,
#poll div.node-advpoll div.form-radios div.form-item{
	display: none;
	width: 100%;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#intro-poll div.node-advpoll div.form-item label,
#poll div.node-advpoll div.form-item label{
	color: #0d6392;
	font: 400 36px/30px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 7px 0 7px 50px;
	background: url(../images/bg-checkboxes-blue.png) no-repeat 10px -10px;
	display: block;
}
#intro-poll div.node-advpoll.white div.form-item label,
#poll div.node-advpoll.white div.form-item label{
	color: #fff;
	background: url(../images/bg-checkboxes-white.png) no-repeat 10px -10px;
}
#intro-poll div.node-advpoll div.form-item label:hover,
#intro-poll div.node-advpoll div.form-item.active label,
#poll div.node-advpoll div.form-item label:hover,
#poll div.node-advpoll div.form-item.active label{
	color: #002d40;
	cursor: pointer;
	background-position: 10px -80px;
}
#intro-poll div.node-advpoll div.form-radios div.form-item:hover,
#poll div.node-advpoll div.form-radios div.form-item:hover{
	background: #fdf87d;
}
#intro-poll div.node-advpoll.white div.form-item label:hover,
#intro-poll div.node-advpoll div.form-item.active label,
#poll div.node-advpoll.white div.form-item label:hover,
#poll div.node-advpoll div.form-item.active label{
	color: #0d6392;
}
#intro-poll div.node-advpoll div.form-item.second label,
#poll div.node-advpoll div.form-item.second label{
	background-position: -490px -15px;
}
#intro-poll div.node-advpoll div.form-item.second label:hover,
#intro-poll div.node-advpoll div.form-item.second.active label,
#poll div.node-advpoll div.form-item.second label:hover,
#poll div.node-advpoll div.form-item.second.active label{
	background-position: -490px -85px;
}
#intro-poll div.node-advpoll div.form-item.third label,
#poll div.node-advpoll div.form-item.third label{
	background-position: -990px -15px;
}
#intro-poll div.node-advpoll div.form-item.third label:hover,
#intro-poll div.node-advpoll div.form-item.third.active label,
#poll div.node-advpoll div.form-item.third label:hover,
#poll div.node-advpoll div.form-item.third.active label{
	background-position: -990px -85px;
}
#intro-poll div.node-advpoll div.form-item.fourth label,
#poll div.node-advpoll div.form-item.fourth label{
	background-position: -1490px -10px;
}
#intro-poll div.node-advpoll div.form-item.fourth label:hover,
#intro-poll div.node-advpoll div.form-item.fourth.active label,
#poll div.node-advpoll div.form-item.fourth label:hover,
#poll div.node-advpoll div.form-item.fourth.active label{
	background-position: -1490px -80px;
}
#intro-poll video.video-bg,
#poll video.video-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
#intro-poll div.poll-image,
#poll div.poll-image{
	display: none;
	width: 100%;
	overflow: hidden;

}
#intro-poll div.poll-image img,
#poll div.poll-image img{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 0;
}
.mobile #intro-poll video.video-bg,
.mobile #poll video.video-bg{
	display: none;
}
.mobile #intro-poll div.poll-image,
.mobile #poll div.poll-image{
	display: block;
}
#intro-poll div.node-advpoll .form-submit,
#poll div.node-advpoll .form-submit{
	display: none;
}
#intro-poll .view-intro-poll,
#poll .view-poll{
	display: none;
}
#intro-poll #views-exposed-form-intro-poll-block,
#poll #views-exposed-form-poll-block{
	display: none;
}
#intro-poll p.thank-you,
#poll p.thank-you{
	display: none;
	color: #fff;
	font: 400 36px/30px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: 25px 0 0 15px;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#intro-poll div.poll,
#poll div.poll{
	overflow: visible;
}
#intro-poll div.results div.poll,
#poll div.results div.poll{
	display: block;
}
#intro-poll div.results,
#poll div.results{
	width: 600px;
	margin: 50px auto 0;
	position: relative;
	float: left;
	clear: both;
}
#poll-results{
	width: 250px !important;
	height: 125px !important;
	margin: 0 0 0 175px;
	float: left;
}
#intro-poll div.poll div.value,
#intro-poll div.poll div.total,
#poll div.poll div.value,
#poll div.poll div.total{
	display: none;
}
#intro-poll div.results div.poll-bar,
#poll div.results div.poll-bar{
	width: 230px;
	float: left;
	position: absolute;
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-ms-transform: rotate(-4deg);
	-o-transform: rotate(-4deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
	text-align: right;
}
#intro-poll div.results div.poll-bar.first,
#poll div.results div.poll-bar.first{
	top: 10px;
	right: 0;
	text-align: left;
}
#intro-poll div.results div.poll-bar.second,
#poll div.results div.poll-bar.second{
	bottom: -15px;
	right: 0;
	text-align: left;
}
#intro-poll div.results div.poll-bar.third,
#poll div.results div.poll-bar.third{
	bottom: 5px;
	left: 0;
}
#intro-poll div.results div.poll-bar.fourth,
#poll div.results div.poll-bar.fourth{
	top: 0;
	left: 0;
}
#intro-poll div.results div.text,
#poll div.results div.text{
	color: #fff;
	font: 400 22px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#intro-poll div.results.blue div.text,
#poll div.results.blue div.text{
	color: #0d6392;
}
#intro-poll div.results div.text strong,
#poll div.results div.text strong{
	font-family: "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	font-weight: 700;
}

/* Intro */

#intro{
	text-align: center;
}
#intro img.cinemagraph{
	position: fixed;
	bottom: 0;
	z-index: 0;
}
#intro img.cinemagraph.left{
	left: 0;
}
#intro img.cinemagraph.right{
	right: 0;
}
#intro img.awards,
#intro img.logo{
	margin: 0 auto;
	padding: 77px 0 4px;
}
#intro #block-system-main div.content{
	width: 460px;
	margin: 66px auto 0;
}
#intro div.content p{
	color: #fff;
	font: 700 24px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#intro div.content p span{
	color: #fdf87d;
}
#page-wrapper a.next-section{
	font: 400 24px/18px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 0 0 25px;
	background: url(../images/bg-arrow-bottom.png) no-repeat 50% 100%;
	display: inline-block;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#intro-poll a.next-section,
#poll a.next-section{
	display: none;
}

/* Trailer */

#page-wrapper div.share{
	width: 170px;
	float: right;
	position: fixed;
	top: 35px;
	right: 0;
	z-index: 2;
}
#page-wrapper div.share ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#page-wrapper div.share ul li{
	margin: 0;
	padding: 0 0 2px;
	width: 100%;
	overflow: hidden;
}
#page-wrapper div.share ul li a{
	float: right;
	background: url(../images/bg-social.png) repeat 0 0;
	padding: 7px 11px 7px 14px;
	color: #fff;
	text-transform: uppercase;
	font: 700 18px/20px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#page-wrapper div.share ul li a span{
	display: block;
	padding-right: 28px;
}
#page-wrapper div.share ul li a.film span{
	background: url(../images/ico-social.png) no-repeat 100% 2px;
}
#page-wrapper div.share ul li a.twitter span{
	background: url(../images/ico-social.png) no-repeat 100% -34px;
}
#page-wrapper div.share ul li a.facebook span{
	background: url(../images/ico-social.png) no-repeat 100% -70px;
}
#page-wrapper div.share ul li a.get-involved span{
	background: url(../images/ico-social.png) no-repeat 100% -95px;
}
#trailer #box-video,
#timeline #timeline-video{
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	height: auto;
	z-index: 1;
	/*background: #000;*/
}
#timeline #timeline-video{
	position: absolute;
	z-index: -1;
}
#timeline #timeline-video iframe,
#timeline #timeline-video div.vimeo,
#timeline #timeline-video div.youtube{
	visibility: hidden !important;
}
#timeline.active-section #timeline-video div.vimeo,
#timeline.active-section #timeline-video div.youtube{
	visibility: visible !important;
	width: 100% !important;
	/*margin-left: 15px !important;*/
}
#timeline.active-section #timeline-video div.vimeo{
	/*margin-top: -25px !important;*/
}
#timeline.active-section #timeline-video iframe{
	visibility: visible !important;
	margin: 0 0 0 60px !important;
}
#trailer iframe{
	margin: 0 auto !important;
	width: 100% !important;
	height: 100% !important;
}
#timeline div.playervideo-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
}
#timeline-video div.field-collection-container{
	display: block;
	position: absolute;
	bottom: 100px;
	right:0;
	width: 500px;
	background: #ccc;
	z-index: 100;
}
#timeline-video div.markers-wrapper{
	width: 508px;
	display: none;
	position: fixed;
	bottom: 120px;
	right: 30px;
	background: url(../images/bg-trigger.png) no-repeat 0 0;
	padding: 20px 0 0;
}
#timeline-video div.markers-inner{
	background: url(../images/bg-trigger.png) no-repeat -1016px 100%;
	padding: 0 0 70px;
	width: 100%;
	overflow: hidden;
}
#timeline-video div.markers{
	width: 458px;
	padding: 0 25px;
	position: relative;
	background: url(../images/bg-trigger.png) repeat-y -508px 0;
	min-height: 113px;
}
#timeline-video div.markers div.marker{
	display: none;
}
#timeline-video div.markers div.marker a.close{
	width: 19px;
	height: 16px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	right: 25px;
	background: url(../images/ico-close.png) no-repeat 0 0;
}
#timeline-video div.markers div.marker h2{
	margin: 0;
	padding: 0 160px 0 0;
	text-transform: uppercase;
	color: #242a30;
	font: 700 24px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#timeline-video div.markers div.marker{
	color: #0d6392;
}
#timeline-video div.markers div.marker h2 a{
	color: #242A30;
}
#timeline-video div.markers div.marker p{
	font: 700 20px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	padding: 0 0 10px;
}
#timeline-video div.markers div.marker .field-name-field-link a{
	text-decoration: none;
    color: #B23025;
    float: left;
    font: 400 24px/24px "felt-tip-senior",Arial,Helvetica,sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    transform: rotate(-3deg);
}
#timeline-video div.markers div.marker div.poll-bar div.text,
#timeline-video div.markers div.marker div.form-item label{
	color: #0d6392;
	font: 400 24px/18px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
}
#timeline-video div.markers div.marker div.form-item label{
	background: url(../images/bg-trigger-poll.png) no-repeat 3px 3px;
	padding-left: 22px;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#timeline-video div.markers div.marker div.form-item label:hover{
	cursor: pointer;
	color: #b23025;
	background-position: 3px -84px;
	background-color:#f4f08e;
}
#timeline-video div.markers div.marker div.form-item{
	margin: 0;
}
#timeline-video div.markers div.marker div.poll-bar{
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0;
}
#timeline-video div.markers div.marker div.poll-bar div.text strong{
	color: #b23025;
}
#timeline-video div.markers div.form-radios div.form-item{
	width: 45%;
	float: left;
	margin: 0 5% 0 0;
	padding: 5px 0;
}
#timeline-video div.markers div.marker .form-submit,
#timeline-video div.markers div.marker .form-radio{
	display: none;
}
#timeline-video div.markers div.marker #poll-results,
#timeline-video div.markers div.marker div.value{
	display: none;
}
#trailer #box-video div.video{
	width: 100%;
	overflow: hidden;
	background: #000;
}
#trailer #box-pauseplay a,
#pauseplay a,
#timeline-pauseplay a{
	position: absolute;
	left: 10px;
	bottom: 20px;
	z-index: 1000;
	background: url(../images/bg-player-controls.png) no-repeat 0 0;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	display: none;
}
#trailer #box-pauseplay a{
	display: none;
}
#timeline-pauseplay a{
	bottom: 70px;
	left: 70px;
}
.mobile #trailer #box-pauseplay a,
.mobile #timeline-pauseplay a{
	display: none;
}
#pauseplay a{
	position: fixed;
	display: none;
	bottom: 60px;
}
#trailer #box-pauseplay a.icon-pause,
#pauseplay a.icon-pause,
#timeline-pauseplay a.icon-pause{
	background-position: 0 50%;
}
#trailer #box-pauseplay a.icon-replay,
#pauseplay a.icon-replay,
#timeline-pauseplay a.icon-replay{
	background-position: 0 100%;
}
.contorls-wrapper{
	padding-left: 60px;
}
#trailer #box-controls,
#timeline-video div.contorls-wrapper{
	width: 100%;
	overflow: hidden;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/bg-player-progressbar.png) repeat-x 0 0;
	z-index: 2;
}
#timeline-video div.contorls-wrapper{
	bottom: 50px;
	padding-left: 60px;
	display: none;
}
#timeline-controls{
	width: 100%;
	overflow: hidden;
	height: 10px;
}
#trailer #box-controls #vidbox-progress,
#timeline-controls #timeline-progress{
	float: left;
	height: 10px;
	background: #144e6e;
	z-index: 3;
}
#sign-up a.replay{
	position: absolute;
	left: 10px;
	bottom: 20px;
	z-index: 1000;
	background: url(../images/bg-player-controls.png) no-repeat 0 100%;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
}
#sign-up div.bottom-line{
	width: 100%;
	overflow: hidden;
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #144e6e;
	z-index: 2;
}
#sign-up div.section{
	text-align: center;
	position: relative;
	z-index: 6;
}
#page-wrapper div.glow{
	width: 571px;
	height: 195px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -285px;
	background: url(../images/bg-glow.png) no-repeat 0 0;
	z-index: 5;
}
#page-wrapper div.glow a.explore-project{
	font: 400 24px/18px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding: 5px 35px 5px 0;
	background: url(../images/bg-arrow-explore.png) no-repeat 100% 50%;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: 50%;
}
#sign-up div.trailer-text h2{
	color: #fff;
	font: 700 60px/70px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
}
#sign-up div.trailer-text h3{
	color: #fdf87d;
	font: 400 48px/48px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0;
}
#page-wrapper div.sign-up h2{
	color: #b23025;
	font: 700 36px/40px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 40px 0 0;
	padding: 0 0 5px;
}
#intro-poll div.sign-up h2,
#poll div.sign-up h2{
	font: 700 24px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 0;
	position: relative;
	text-align: center;
	padding: 0 0 5px;
}

/* Sign Up Form*/

#sign-up div.trailer-text{
	margin: 250px 0 0;
}
#page-wrapper div.sign-up{
	width: 342px;
	margin: 0 auto;
}
#block-ap-about-mobile-app div.sign-up{
	width: 100%;
	float: left;
}
#page-wrapper div.sign-up form{
	width: 342px;
	height: 75px;
	float: left;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
/*#page-wrapper div.sign-up .messages{
	width: 280px;
	overflow: hidden;
	clear: both;
	float: left;
	margin: 5px 0 0;
}*/
#page-wrapper #block-ap-about-mobile-app div.sign-up form{
	margin: 20px auto 0;
	float: none;
}
#page-wrapper #block-ap-about-mobile-app div.sign-up h3{
	font: 400 25px/25px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: -10px 0 0;
	text-align: center;
	text-transform: uppercase;
}
#intro-poll #block-mailchimp-lists-american-promise,
#block-mailchimp-lists-american-promise-newsletter,
#intro-poll #block-mailchimp-signup-american-promise,
#block-mailchimp-signup-american-promise-newsletter{
	/*position: absolute;
	bottom: 5px;
	right: 10px;*/
	display: none;
	clear: both;
	padding: 75px 0 0 75px;
	float: left;
}
#intro-poll .region-header.right #block-mailchimp-lists-american-promise,
#poll .region-poll.right #block-mailchimp-lists-american-promise-newsletter,
#intro-poll .region-header.right #block-mailchimp-signup-american-promise,
#poll .region-poll.right #block-mailchimp-signup-american-promise-newsletter{
	padding: 75px 75px 0 0;
	float: right;
}
#page-wrapper div.sign-up div.form-item{
	margin: 0;
	position: relative;
}
#page-wrapper div.sign-up form label{
	font: 400 24px/28px "felt-tip-senior", Arial, Helvetica, sans-serif;
	color: #556672;
	position: absolute;
	top: 11px;
	left: 10px;
	text-transform: uppercase;
	z-index: 0;
	cursor: text;
}
#page-wrapper div.sign-up input.form-text{
	width: 210px;
	float: left;
	background: url(../images/bg-signup-input.png) no-repeat 0 0;
	height: 28px;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	padding: 10px;
	border: none;
	color: #556672;
}
#page-wrapper div.sign-up .form-type-checkbox{
	margin: 10px 0 0;
	width: 50px;
	float: left;
}
#page-wrapper div.sign-up input.form-submit{
	width: 112px;
	float: left;
	background: url(../images/bg-signup-submit.png) no-repeat 0 0;
	height: 48px;
	border: none;
	font: 700 24px/48px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}
#page-wrapper div.sign-up input.form-submit.disabled{
	opacity: 0.8;
}
#page-wrapper div.drupal-messages div.messages{
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 100;
	margin: 0;
}
#page-wrapper div.sign-up #messages-box,
#page-wrapper div.sign-up #messages-box-2,
#page-wrapper div.sign-up #messages-box-3{
	position: absolute;
	left: 10px;
	bottom: 0;
}
#page-wrapper div.sign-up #messages-box div.messages,
#page-wrapper div.sign-up #messages-box-2 div.messages,
#page-wrapper div.sign-up #messages-box-3 div.messages{
	margin: 0;
	border: none;
	background: none;
	padding: 0;
	color: #000;
	font-size: 11px;
}
#page-wrapper div.ajax-progress{
	display: none;
}

/* Nav */

#nav{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	height: 50px;
	background: url(../images/bg-nav.png) repeat-x 0 0;
	z-index: 10;
}
#nav a.logo{
	width: 200px;
	height: 30px;
	padding: 10px;
	display: block;
	margin: 0 auto;
}
#nav img.logo{
	margin: 0 auto;
}
#nav ul{
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}
#nav ul.right{
	float: right;
}
#nav ul li{
	width: 22px;
	height: 20px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}
#nav ul.left li {
	position: relative;
}
#nav ul.right li{
	margin: 0 0 0 20px;
}
#nav ul.left li > span {
	background: url(../images/ico-arrow-top.png) no-repeat 20px 100%;
	display: none;
	text-indent: 0;
	padding: 0 0 20px;
	position: absolute;
	bottom: -100%;
	left: -15px;
	color: #fff;
	text-transform: uppercase;
	font: 400 24px/26px "felt-tip-senior", Arial, Helvetica, sans-serif;
	width: 500px;
	margin: 0 0 28px;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#nav ul.left li > span strong{
	background: #827f81;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    padding: 0 5px;
    font-weight: 400;
}
#nav ul.left li a:hover + span {
	display: block;
	bottom: 100%;
}
#nav ul li a{
	width: 22px;
	height: 20px;
	float: left;
	text-indent: -9999px;
	background: url(../images/bg-nav-li.png) no-repeat 0 0;
}
#nav ul li a.see-the-film{
	background-position: 2px 0;
}
#nav ul li a.see-the-film:hover{
	background-position: 2px -35px;
}
#nav ul li a.see-the-film.active{
	background-position: 2px -70px;
}
#nav ul li a.book{
	background-position: -38px 0;
}
#nav ul li a.book:hover{
	background-position: -38px -35px;
}
#nav ul li a.book.active{
	background-position: -38px -70px;
}
#nav ul li a.promise-club{
	background-position: -77px 0;
}
#nav ul li a.promise-club:hover{
	background-position: -77px -35px;
}
#nav ul li a.promise-club.active{
	background-position: -77px -70px;
}
#nav ul li a.promise-tracker{
	background-position: -116px 0;
}
#nav ul li a.promise-tracker:hover{
	background-position: -116px -35px;
}
#nav ul li a.promise-tracker.active{
	background-position: -116px -70px;
}
#nav ul li a.resources{
	background-position: -155px 0;
}
#nav ul li a.resources:hover{
	background-position: -155px -35px;
}
#nav ul li a.resources.active{
	background-position: -155px -70px;
}
#nav ul li a.twitter{
	background-position: -832px 0;
}
#nav ul li a.twitter:hover{
	background-position: -832px -35px;
}
#nav ul li a.twitter.active{
	background-position: -832px -70px;
}
#nav ul li a.facebook{
	background-position: -868px 0;
}
#nav ul li a.facebook:hover{
	background-position: -868px -35px;
}
#nav ul li a.facebook.active{
	background-position: -868px -70px;
}
#nav ul li a.email{
	background-position: -904px 0;
}
#nav ul li a.email:hover{
	background-position: -904px -35px;
}
#nav ul li a.email.active{
	background-position: -904px -70px;
}
#nav ul li a.info{
	background-position: -944px 0;
}
#nav ul.right li.info-holder:hover a,
#nav ul li a.info:hover{
	background-position: -944px -35px;
}
#nav ul li a.info.active{
	background-position: -944px -70px;
}

/* Info menu in footer */
#page #nav .right .info-menu {
  position: absolute;
  display: none;
  margin: 0 -5px -8px 0;
  bottom: 100%;
  right: 0;
  z-index: 400;
  background: url(../images/bg-nav.png) 70% 70%;
  -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.75);
}
#page #nav .right .info-menu:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#page #nav .right .info-menu:after {
	border-color: rgba(248, 247, 246, 0);
	border-top-color: #f8f7f6;
	border-width: 5px;
	left: 91%;
	margin-left: -5px;
}
#page #nav .right .info-menu ul,
#page #nav .right .info-menu ul li {
	margin: 0;
	padding: 0;
	list-style: none outside none;
	width: auto;
	height: auto;
}
#page #nav .right .info-menu ul {
	padding: 4px 20px 30px;
	margin-bottom: -26px;
}
#page #nav .right .info-menu ul li {
	border-bottom: 1px solid #e8ebf2;
	display: block;
	float: none;
	text-transform: uppercase;
}
#page #nav .right .info-menu ul li:last-child {
	border: 0;
}
#page #nav .right .info-menu ul li a {
	width: auto;
	height: auto;
	padding: 7px 0px;
	background: none;
	display: block;
	float: none;
	text-indent: 0;
	color: #827f81;
	text-decoration: none !important;
	font: 400 14px/16px "ff-meta-web-pro-condensed",Arial,Helvetica,sans-serif
}
#page #nav .right .info-menu ul li a:hover {
	color: #b23025;
}
#page #nav .right .info-menu ul li a.active {
	color: #0d6392;
}


/* Filmmakers */

#filmmakers div.filmmakers > h2{
	margin: 0;
	padding: 30px 0 80px;
	color: #fff;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 2px;
}
#filmmakers div.view-filmmakers{
	width: 100%;
	overflow: hidden;
}
#filmmakers div.view-filmmakers div.views-row{
	width: 300px;
	float: left;
}
#filmmakers div.view-filmmakers div.views-row-last{
	float: right;
	text-align: right;
}
#filmmakers div.view-filmmakers div.views-row h2{
	color: #fff;
	margin: 0;
	padding: 0;
	font: 400 30px/34px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#filmmakers div.view-filmmakers div.views-row p{
	color: #222222;
	font: 400 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 130px 0 0;
}
#filmmakers div.view-filmmakers div.views-row-last p{
	padding: 0 0 0 130px;
}

/* News */

#news div.news-header{
	width: 450px;
	float: left;
}
#news div.news-header > h2{
	margin: 0;
	padding: 30px 0 0;
	color: #0d6392;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}
#news div.news-header p{
	color: #b23025;
	font: 400 32px/32px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 5px 10px;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
#news div.news-header p a {
  color: #b23025;
  background: #fdf87d;
  padding: 0 5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#news div.news-header p a:hover {
  color: #242a30;
  text-decoration: none;
}
#news div.news{
	width: 450px;
	float: left;
	clear: left;
	margin: 50px 75px 0;
	padding: 0 0 40px;
	position: relative;
}
#news div.view-news-events div.views-row{
	width: 100%;
	float: left;
}
#news div.view-news-events div.views-row .contextual-links-wrapper {
	right: 45px;
}
#news div.view-news-events div.views-field-title h2{
	color: #242a30;
	font: 700 18px/24px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	margin: 0 0 -5px;
	padding: 0;
	text-transform: uppercase;
}
#news div.view-news-events div.views-field-title h2 a {
	color: #242a30;
	text-decoration: none !important;
}
#news div.view-news-events div.views-field-field-news-date {
	margin: 2px 0 0;
}
#news div.view-news-events div.views-field-field-news-date span{
	color: #242a30;
	font: 400 14px/16px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#news div.view-news-events div.views-field-body {
	color: #242a30;
	font: 400 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 20px 0 0;
	padding: 0;
}
#news div.view-news-events div.views-field-body p {
	margin: 0 0 10px;
}
#news div.view-news-events div.views-field-field-news-author a{
	color: #b23025;
	font: 400 18px/20px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	float: right;
	background: #fdf87d;
	padding: 4px 10px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin: 10px 10px 0 0;
	text-decoration: none !important;
}
#news div.view-news-events div.views-field-field-news-author a:hover {
	color: #242A30;
}
div.pager-outer-wrapper{
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
}
div.pager-inner-wrapper{
    float: right;
    position: absolute;
    right: 50%;
    top: 0;
}
#timeline.resources div.view-rmv-resources div.pager-inner-wrapper{
	position: fixed;
	bottom: 60px;
	top: auto;
}
div.pager-wrapper{
	position: relative;
    right: -50%;
}
div.pager-wrapper a.cycle-prev,
div.pager-wrapper a.cycle-next{
	width: 20px;
	height: 13px;
	float: left;
	text-indent: -9999px;
	background: url(../images/bg-slider-nav.png) no-repeat 0 -5px;
}
.view-news-events div.pager-wrapper a.cycle-prev,
.view-news-events div.pager-wrapper a.cycle-prev{
	margin: 0 10px;
}
div.pager-wrapper a.cycle-next{
	background-position: -72px -5px;
}
div.pager-wrapper a.cycle-prev:hover{
	background-position: 0 -30px;
}
div.pager-wrapper a.cycle-next:hover{
	background-position: -72px -30px;
}
div.pager-wrapper div.pager{
	float: left;
	padding: 0 12px;
}
div.pager-wrapper div.pager span{
	cursor: pointer;
	float: left;
	width: 19px;
	height: 25px;
	text-indent: -9999px;
	margin: -5px 4px 0;
	background: url(../images/bg-slider-nav.png) no-repeat -36px 0;
}
div.pager-wrapper div.pager span:hover,
div.pager-wrapper div.pager span.cycle-pager-active{
	background: url(../images/bg-slider-nav.png) no-repeat -36px -25px;
}
#news div.view-screening{
	width: 290px;
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
#news div.view-screening div.view-header{
	display: none;
}

/* Pressroom */

#pressroom div.pressroom > h2{
	margin: 0;
	padding: 10px 0 0;
	color: #0d6392;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 2px;
}
#pressroom div.pressroom{
	background: url(../images/bg-press-kit.png) no-repeat 95% 23px;
}
#pressroom div.pressroom p{
	color: #242a30;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	padding: 0 5px 30px;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
#pressroom div.pressroom p a.press-kit{
	color: #b23025;
	background: #fdf87d;
	padding: 0 5px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}
#pressroom div.pressroom p a.press-kit:hover{
	color: #242a30;
}
#pressroom div.press{
	width: 940px;
	padding: 0 10px;
	float: left;
	margin: 0;
	position: relative;
}
#pressroom div.press > h2{
	color: #827e81;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	font: 700 24px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#pressroom div.view-press-images div.views-row,
#pressroom div.view-press-videos div.views-row{
	width: 220px;
	float: left;
	margin: 3px 12px -18px 0;
	padding: 0 0 18px;
	background: url(../images/bg-press-shadow.png) no-repeat 50% 100%;
}
#pressroom div.node-press{
	width: 220px;
	float: left;
	background: #fff;
}
#pressroom div.node-press h2{
	margin: 0;
	padding: 0;
	font: 400 14px/16px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
}
#pressroom div.node-press h2 a{
	color: #b23025;
	text-decoration: none;
	display: block;
	padding: 118px 10px 5px;
	margin-top: -115px;
	position: relative;
	z-index: 1;
}
#pressroom div.node-press h2 a:hover{
	color: #242a30;
}
#pressroom div.node-press div.field-name-field-credit,
#pressroom div.node-press div.field-name-field-download{
	padding: 0 10px 5px;
	font: 400 14px/18px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
}
#pressroom div.node-press div.field-name-field-download a{
	text-decoration: none;
	color: #242a30;
}
#pressroom div.node-press div.field-name-field-download a:hover{
	color: #b23025;
}
#pressroom div.item-list{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#pressroom ul.pager{
	float: right;
	margin: 0 25px 0 0;
}
#pressroom ul.pager li{
	float: left;
	margin: 0 5px;
	padding: 0;
	width: 18px;
	height: 25px;
	text-indent: -9999px;
}
#pressroom ul.pager li.pager-current{
	background: url(../images/bg-pager.png) no-repeat 0 0;
}
#pressroom ul.pager li a{
	float: right;
	width: 18px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/bg-pager.png) no-repeat -30px 0;
}
#pressroom ul.pager li a:hover{
	background: url(../images/bg-pager.png) no-repeat 0 0;
}
#pressroom ul.pager li.pager-next,
#pressroom ul.pager li.pager-previous{
	position: absolute;
	top: 75px;
	right: -20px;
	display: block;
	margin: 0;
	padding: 0;
	width: 28px;
	height: 30px;
}
#pressroom ul.pager li.pager-previous{
	right: auto;
	left: -45px;
}
#pressroom ul.pager li.pager-previous a,
#pressroom ul.pager li.pager-next a{
	width: 28px;
	height: 30px;
	float: right;
	text-indent: -9999px;
	background: url(../images/bg-pager-arrow.png) no-repeat 100% 0;
}
#pressroom ul.pager li.pager-previous a{
	float: left;
	background: url(../images/bg-pager-arrow.png) no-repeat 0 0;
}
#pressroom ul.pager li.pager-first,
#pressroom ul.pager li.pager-last{
	display: none;
}

/* See The Film */

#see-the-film a.popup-close{
	display: none;
}

#see-the-film #host-screening{
	display: none;
}
#host-screening{
	width: 845px;
	min-height: 317px;
	overflow: hidden;
	background: url(../images/bg-host-screening.png) no-repeat 50% 0;
}
#host-screening div.links{
	display: none;
}
#host-screening .webform-client-form{
	width: 646px;
	overflow: hidden;
	margin: 50px auto 0;
}
#host-screening .webform-client-form .form-item,
#host-screening .webform-client-form .form-actions{
	width: 313px;
	float: left;
	margin: 10px 5px 0;
	position: relative;
}
#host-screening .webform-client-form .form-actions{
	float: right;
	width: 212px;
}
#host-screening .webform-client-form .form-item div.description{
	display: none;
}
#host-screening .webform-client-form .form-item label{
	font: 400 24px/28px "felt-tip-senior", Arial, Helvetica, sans-serif;
	color: #556672;
	position: absolute;
	top: 11px;
	left: 10px;
	text-transform: uppercase;
}
#host-screening .webform-client-form .form-item label span.description{
	font-size: 18px;
}
#host-screening .webform-client-form .webform-component-select label{
	display: none;
}
#host-screening .webform-client-form .form-item label.error{
	color: #b23025;
	position: absolute;
	top: 33px;
	left: 3px;
	font: 400 13px/16px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: none;
}
#host-screening .webform-client-form .form-item input.form-text,
#host-screening .webform-client-form .form-item select{
	width: 293px;
	float: left;
	background: url(../images/bg-input-long.png) no-repeat 0 0;
	height: 28px;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	padding: 10px;
	border: none;
	color: #556672;
}
#host-screening .webform-client-form .form-item select{
	height: 48px;
}
#host-screening .webform-client-form .form-actions input.form-submit{
	width: 212px;
	float: right;
	background: url(../images/bg-submit.png) no-repeat 0 0;
	height: 48px;
	border: none;
	font: 700 24px/48px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
#host-screening .webform-client-form .form-actions input.form-submit.disabled{
	opacity: 0.8;
	cursor: default;
}
#host-screening .ajax-progress{
	display: none;
}
#host-screening div.webform-confirmation{
	padding: 80px 0 0;
}
#host-screening div.webform-confirmation p{
	font: 400 36px/40px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* Fancybox */

.fancybox-skin.screening{
	background: none !important;
	-webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
       -o-box-shadow: none !important;
          box-shadow: none !important;
}
.fancybox-skin a.fancybox-close{
    background: url("../images/btn-popup-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 25px;
    line-height: 0;
    position: absolute;
    right: -25px;
    top: -27px;
    text-indent: -9999px;
    width: 23px;
}
.fancybox-skin a.fancybox-close:hover{
    background-position: 0 -25px;
}

/* Promise Club */

#promise-club div.promise-club > h2{
	margin: 0;
	padding: 30px 0 0;
	color: #fff;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 2px;
}
#promise-club div.promise-club p{
	color: #000;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: 3px 0 0;
	padding: 0 250px 20px 5px;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}
#promise-club div.download-guide{
	width: 631px;
	height: 266px;
	float: left;
	background: url(../images/bg-promise-club-bubble.png) no-repeat 0 0;
	margin: 35px 0 0;
	position: relative;
	left: -15px;
}
#promise-club div.node-webform h2{
	display: none;
}
#promise-club div.node-webform div.field-name-body{
	padding: 50px 80px;
}
#promise-club div.node-webform div.webform-confirmation{
	padding: 80px 0 0;
}
#promise-club div.node-webform div.field-name-body p,
#promise-club div.node-webform div.webform-confirmation p{
	font: 400 36px/40px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
}
#promise-club div.node-webform p a.download{
	color: #0d6392;
	background: #fdf87d;
	font: 400 36px/40px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 10px 0 0;
	padding: 3px 10px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#promise-club div.node-webform p a.download:hover{
	color: #b23025;
}
.block.webform div.node-webform div.links{
	display: none;
}
.block.webform .webform-client-form{
	width: 445px;
	overflow: hidden;
	margin: 34px auto 0;
	display: none;
}
.block.webform .webform-client-form .form-item,
.block.webform .webform-client-form .form-actions{
	width: 212px;
	float: left;
	margin: 10px 5px 0;
	position: relative;
}
.block.webform .webform-client-form .form-item label{
	font: 400 24px/28px "felt-tip-senior", Arial, Helvetica, sans-serif;
	color: #556672;
	position: absolute;
	top: 11px;
	left: 10px;
	text-transform: uppercase;
}
.block.webform .webform-client-form .webform-component-select label{
	display: none;
}
.block.webform .webform-client-form .form-item label.error{
	color: #b23025;
	position: absolute;
	top: 33px;
	left: 3px;
	font: 400 13px/16px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: none;
}
.block.webform .webform-client-form .form-item input.form-text,
.block.webform .webform-client-form .form-item select{
	width: 192px;
	float: left;
	background: url(../images/bg-input.png) no-repeat 0 0;
	height: 28px;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	padding: 10px;
	border: none;
	color: #556672;
}
.block.webform .webform-client-form .form-item select{
	height: 48px;
	width: 212px;
}
.block.webform .webform-client-form .form-actions input.form-submit{
	width: 212px;
	float: left;
	background: url(../images/bg-submit.png) no-repeat 0 0;
	height: 48px;
	border: none;
	font: 700 24px/48px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.block.webform .webform-client-form .form-actions input.form-submit.disabled{
	opacity: 0.8;
	cursor: default;
}
.block.webform .ajax-progress{
	display: none;
}

/* About */

#about div.about-american-promise > h2{
	margin: 0;
	padding: 30px 0 0;
	color: #ca5645;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 2px;
}
#about div.about-american-promise div.content{
	width: 510px;
	float: left;
}
#about div.about-american-promise p{
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 20px 0 0 5px;
	padding: 0;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#about div.about-movement{
	position: absolute;
	top: 90px;
	right: 0;
	width: 375px;
	float: right;
}
#about div.about-movement > h2{
	margin: 25px 0 0;
	padding: 0 60px 0 0;
	color: #0d6392;
	font: 700 24px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#about div.about-movement p{
	color: #002d40;
	font: 400 14px/20px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	margin: 10px 0 0;
}

/* Support */

#support div.support{
	width: 260px;
	float: right;
	margin: 155px 0 0;
}
#support div.support h2{
	margin: 0;
	padding: 0 25px 0 0;
	color: #fdf87d;
	font: 700 18px/23px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#support div.support p{
	font: 400  14px/20px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 8px 0 0;
	padding: 0;
}
#support div.partners{
	width: 700px;
	float: left;
}
#support div.partners > h2{
	margin: 0;
	padding: 30px 0 0;
	color: #aad0e3;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
}
#support div.partners div.views-row{
	width: 128px;
	height: 54px;
	float: left;
	margin: 45px 45px 0 0;
}
#support div.partners div.views-row img{
	margin: 0 auto;
}
#support div.partners  div.view-content{
	width: 100%;
	overflow: hidden;
}
#support div.partners  div.view-footer{
	width: 100%;
	overflow: hidden;
	margin: 45px 0 0;
	clear: both;
}
#support div.partners p{
	font: 400  14px/20px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	padding: 0;
}
#support div.partners p a{
	color: #fff;
	text-decoration: none;
}
#support div.partners p a:hover{
	color: #fdf87d;
}

/* Timeline Intro */

#timeline .timeline-intro{
	width: 275px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}
#timeline .timeline-intro h2{
	color: #b23025;
	font: 700 36px/30px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 30px 0 0 30px;
}
#block-ap-timeline-filter{
	margin: 24px 0 0;
}
#timeline .timeline-filter,
#block-ap-timeline-filter,
#timeline .view-timeline .views-exposed-form{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
#timeline .view-timeline > .view-filters .views-exposed-form{
	margin: 30px 0 0 0;
	width: 190px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}
.selectBox-dropdown-menu{
	margin-left: -2px !important;
}
#block-ap-timeline-filter{
	position: fixed;
	left: 0;
	top: 350px;
	margin: 0;
	z-index: 10;
	width: 255px;
}
#timeline-age,
#timeline-topic,
#timeline .view-timeline .views-exposed-form #edit-age-wrapper,
#timeline .view-timeline .views-exposed-form #edit-topic-wrapper{
	width: 255px;
	margin: 10px 0 0;
	padding: 0;
	float: left;
	clear: both;
	height: 34px;
	position: relative;
}
#timeline-topic{
	position: relative;
	width: 175px;
	/*top: 95px;
	left: 0;*/
}
#timeline.resources #timeline-topic{
	float: right;
}
#timeline-topic span.topic{
	background: url(../images/bg-filter.png) repeat 0 0;
	float: left;
	text-transform: uppercase;
	text-align: right;
	color: #fff;
	font: 700 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	padding: 6px 10px 4px 80px;
	width: 85px;
}
#timeline #edit-nid-wrapper,
#timeline #edit-age-wrapper{
	display: none;
}
#timeline-age,
#timeline .view-timeline .views-exposed-form #edit-age-wrapper{
	height: 55px;
}
#timeline .timeline-filter span.label,
#timeline .view-timeline .views-exposed-form label{
	color: #002d40;
	font: 700 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 6px;
    left: 25px;
}
#timeline  .timeline-filter #timeline-age span.label,
#timeline .view-timeline .views-exposed-form #edit-age-wrapper label{
	font: 700 48px/50px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	left: 28px;
}
#timeline .timeline-filter select.filter,
#timeline .timeline-filter a.selectBox-dropdown,
#timeline .view-timeline .views-exposed-form select,
#timeline .view-timeline .views-exposed-form a.selectBox-dropdown{
	width: 255px;
	height: 34px;
	float: left;
	text-transform: uppercase;
	text-align: right;
	color: #fff;
	font: 700 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	padding: 0px;
	background: url(../images/bg-filter.png) repeat 0 0;
	border: none;
    border-radius: 0;
	box-shadow: none;
}
#timeline .timeline-filter select.filter,
#timeline .view-timeline .views-exposed-form select{
	padding: 0 10px;
	direction: rtl;
}
#timeline .timeline-filter select.filter option,
#timeline .view-timeline .views-exposed-form select option{
	direction: ltr;
}
#timeline .timeline-filter span.selectBox-label,
#timeline .view-timeline .views-exposed-form span.selectBox-label{
	float: right;
	width: auto !important;
	max-width: 160px;
	padding: 0;
	margin: 6px 25px 0 0;
	text-align: right;
}
#timeline .view-timeline .views-exposed-form #edit-age-wrapper span.selectBox-label{
	margin: 4px 25px 0 0;
}
#timeline .selectBox-dropdown .selectBox-arrow,
#timeline .view-timeline .views-exposed-form .selectBox-arrow{
	background: url(../images/bg-filter-arrows.png) no-repeat 50% 50%;
	border: none;
}
#timeline .timeline-filter #timeline-age select,
#timeline .timeline-filter #timeline-age a.selectBox-dropdown,
#timeline .view-timeline .views-exposed-form #edit-age-wrapper select,
#timeline .view-timeline .views-exposed-form #edit-age-wrapper a.selectBox-dropdown{
	height: 55px;
	font: 700 48px/50px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#timeline .view-timeline .views-exposed-form #edit-age-wrapper select{
	height: 300px;
}
#timeline .view-timeline .views-exposed-form #edit-submit-timeline{
	position: relative;
	z-index: 100;
}
.selectBox-options li a{
	color: #242A30;
	text-decoration: none;
}
.selectBox-options li a[rel~="all"]{
	/*display: none;*/
}
#timeline .timeline-filter span.tip{
	color: #242a30;
	font: 400 24px/20px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	position: absolute;
}
#timeline .timeline-filter span.tip.filter{
	width: 150px;
	top: 14px;
	left: 265px;
	background: url(../images/bg-tip.png) no-repeat 0 15px;
	padding: 5px 0 0px 40px;
}
#timeline .timeline-filter span.tip.tools{
	background: url(../images/bg-tip-bottom.png) no-repeat 42px 100%;
    bottom: 70px;
    left: 50%;
    margin-left: -500px;
    padding-bottom: 40px;
    position: fixed;
    width: 240px;
}

/* Timeline */

#timeline .view-rmv{
	display: none;
}
#timeline .view-timeline .view-filters{
	margin: 0 auto;
    position: relative;
    width: 100%;
    min-width: 960px;
    z-index: 4;
}
#timeline .view-empty p{
	margin: 0;
}
#timeline div.view-timeline ul.pager{
	position: fixed;
	right: 30px;
	bottom: 103px;
	margin: 0;
	padding: 0;
	float: right;
}
#timeline div.view-rmv-resources{
	position: relative;
}
#timeline div.view-rmv-resources .view-filters{
	display: none;
}
#timeline div.view-rmv-resources ul.pager{
	margin: 15px 0 0;
	padding: 0;
}
#timeline ul.pager li{
	float: left;
	margin: 0 5px;
	padding: 0;
	width: 18px;
	height: 25px;
	text-indent: -9999px;
}
#timeline ul.pager li.pager-ellipsis{
	display: none;
}
#timeline ul.pager li.pager-current{
	background: url(../images/bg-pager.png) no-repeat 0 0;
}
#timeline ul.pager li a{
	float: right;
	width: 18px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/bg-pager.png) no-repeat -30px 0;
}
#timeline ul.pager li a:hover{
	background: url(../images/bg-pager.png) no-repeat 0 0;
}
#timeline ul.pager li.pager-next,
#timeline ul.pager li.pager-previous{
	width: auto;
	text-indent: 0;
}
#timeline ul.pager li.pager-previous a,
#timeline ul.pager li.pager-next a{
	width: 20px;
	background: url(../images/bg-slider-nav.png) no-repeat 0 0;
}
#timeline ul.pager li.pager-next a{
	background-position: -72px 0;
}
#timeline ul.pager li.pager-previous a:hover{
	background-position: 0 -25px;
}
#timeline ul.pager li.pager-next a:hover{
	background-position: -72px -25px;
}
#timeline ul.pager li.pager-first,
#timeline ul.pager li.pager-last{
	display: none;
}
#timeline .view-timeline .view-empty,
#timeline .view-rmv-resources .view-empty{
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 1;
}
#timeline .view-timeline .view-empty p,
#timeline .view-rmv-resources .view-empty p{
	font: 400 32px/32px "felt-tip-senior",Arial,Helvetica,sans-serif;
	text-align: left;
    text-transform: uppercase;
    margin: 0 auto;
	color: #b23025;
	width: 570px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#timeline .view-timeline-suggestions{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	display: none;
	position: absolute;
	left: 50%;
	top: 180px;
	margin-left: -480px;
	z-index: 2;
}
#timeline.suggestions .view-timeline-suggestions{
	display: block;
}
#timeline .view-timeline-suggestions .view-filters{
	display: none;
}
#timeline .view-timeline-suggestions .views-row{
	margin: 75px -20px 0 60px;
	float: left;
	width: 275px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	display: block !important;
	cursor: pointer;
}
#timeline .view-timeline-suggestions .views-row div.image{
	width: 275px;
	height: 155px;
	overflow: hidden;
}
#timeline .view-timeline-suggestions .views-row div.image img{
	margin: -12px 0 0 -22px;
}
#timeline .view-timeline-suggestions .views-row h2{
	color: #242a30;
	font: 700 18px/24px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	margin: 15px 0 0;
}
#timeline .view-timeline-suggestions .views-row span{
	display: block;
	color: #242a30;
	margin: 5px 0 0;
	font: 400 16px/20px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
#timeline .resources-bar,
#timeline .resources-bar a.arrow{
	/*background: url(../images/bg-resources.png) repeat-y 0 0;*/
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
#timeline .resources-bar{
	position: fixed;
}
#timeline .resources-bar a.arrow{
	background: url(../images/bg-resources-arrow.png) no-repeat 0 50%;
	text-indent: -9999px;
	margin: -25px 0 0;
}
#timeline .resources-bar a.arrow.right{
	background: url(../images/bg-resources-arrow.png) no-repeat 100% 50%;
}
#timeline .resources-bar span.tip,
#timeline .side-resources span.tip{
	width: 210px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 62px;
	background: url(../images/bg-arrow-left.png) no-repeat 0 50%;
	font: 400 24px/20px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0 40px;
	margin: -60px 0 0;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#timeline .side-resources span.tip{
	left: auto;
	right: 110px;
	padding: 0 40px 0 0;
	background: url(../images/bg-arrow-right.png) no-repeat 100% 50%;
	margin: -33px 0 0;
	width: 175px;
}
#timeline .resources-bar span.tip strong,
#timeline .side-resources span.tip strong{
	background: #827f81;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
    padding: 0 5px;
    font-weight: 400;
}
#timeline .side-resources{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	padding-left: 60px;
	z-index: 3;
}
#timeline .side-resources img.bg{
	position: absolute;
	left: 0 !important;
	width: 100% !important;
}
#timeline img.bg.suggestions{
	display: none;
}
#timeline.suggestions img.bg.suggestions{
	display: block;
}
#timeline .side-resources div.section{
	width: 800px;
	padding: 0 160px 20px 0;
}
#timeline .node-rmv-resource h2{
	margin: 0;
	padding: 30px 0 0;
	color: #0d6392;
	font: 700 70px/74px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	text-shadow: 0px 1px 20px rgba(0, 0, 0, 0.2);
	letter-spacing: 2px;
}
#timeline .node-rmv-resource .field-name-field-resource-quote p{
	color: #b23025;
	font: 400 36px/30px "felt-tip-senior", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 75px 15px 0;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#timeline .node-rmv-resource .field-name-field-resource-author{
	color: #556672;
	text-transform: uppercase;
	text-align: right;
	font: 700 14px/16px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#timeline .node-rmv-resource .stripe{
	width: 100%;
	height: 35px;
	overflow: hidden;
	background: url(../images/bg-stripe.png) no-repeat 0 0;
	margin: 7px 0 0 -10px
}
#timeline .node-rmv-resource .field-name-field-resource-video{
	width: 320px;
	float: left;
	margin: 36px 20px 0 0;
	overflow: hidden;
}
#timeline .node-rmv-resource .field-name-body,
#timeline .node-rmv-resource .field-name-field-link{
	width: 460px;
	float: right;
	margin: 40px 0 0;
}
#timeline .node-rmv-resource .field-name-field-link{
	margin: 10px 0 0;
}
#timeline .node-rmv-resource .field-name-body p{
	color: #242a30;
	font: 400 16px/22px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 0;
}
#timeline .node-rmv-resource .field-name-body p a{
	text-decoration: none;
	color: #b23025;
	background: #fdf87d;
	padding: 0 5px;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#timeline .node-rmv-resource .field-name-body p a:hover{
	color: #242a30;
}
#timeline .node-rmv-resource a.watch,
#timeline .node-rmv-resource .field-name-field-link a{
	color: #b23025;
	font: 400 24px/24px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	padding: 35px 0 0 50px;
	margin: -30px 0 0 20px;
	background: url(../images/ico-play-red.png) no-repeat 0 0;
	float: left;
	clear: both;
	text-decoration: none;
}
#timeline .node-rmv-resource a.watch{
	position: absolute;
	left: 0;
	bottom: -25px;
}
#timeline .node-rmv-resource .field-name-field-link a{
	background: none;
	margin: 0;
	padding: 0;
}
#timeline a.watch-video{
	position: absolute;
	top: 30px;
	right: 30px;
	color: #fff;
	font: 400 24px/20px "felt-tip-senior", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	background: url(../images/ico-play-red.png) no-repeat 100% 50%;
	width: 100px;
	padding: 5px 55px 5px 0;
	z-index: 2;
	display: none;
}
#timeline h2.watch {
	margin: 0;
}
#timeline h2.watch a.watch-video{
	padding: 15px 60px 5px 0;
	font: 700 50px/54px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	letter-spacing: 2px;
	width: auto;
}
#timeline .view-timeline .views-row{
	display: none;
}
#timeline .view-timeline .views-row-first,
#timeline .view-timeline .views-row-active{
	display: block;
}
#timeline #block-views-timeline-block{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#timeline div.playervideo-box div.youtube,
#timeline div.playervideo-box div.vimeo{
	width: 100% !important;
}

/* maintenance-page */

.maintenance-page {
	color: #fff;
	text-align: center;
}
.maintenance-page #logo-title {
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}

/* Mobile styles */

.mobile #intro-poll div.node-advpoll h2,
.mobile #poll div.node-advpoll h2{
	font: 700 36px/38px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
}
.mobile #trailer #box-video div.video{
	background: none;
}
.mobile .view-timeline .node-rmv img.bg{
	display: none;
}
.mobile #block-ap-timeline-filter{
	margin-left: 0;
}
.mobile #timeline .view-timeline .views-exposed-form{
	margin-left: 0;
}
.mobile #timeline .node-rmv-resource .field-name-field-resource-quote p{
	font: 400 28px/28px "felt-tip-senior",Arial,Helvetica,sans-serif;
	padding-right: 90px;
}
.mobile #timeline .node-rmv-resource .field-name-field-resource-video{
	margin-top: 16px;
}
.mobile #timeline .node-rmv-resource .field-name-body{
	margin-top: 20px;
}
.mobile #timeline .view-timeline .node-rmv img.bg{
	display: none;
}
/*.mobile #timeline #watch-video{
	display: none !important;
}
.mobile #timeline #timeline-video{
	z-index: 0;
}*/
.mobile #timeline div.playervideo-box {
	background: none;
	padding-left: 20px;
}
.mobile #timeline #timeline-video iframe{
	width: 640px !important;
	margin: 65px auto 0 !important;
}
.mobile #timeline .timeline-filter span.tip.tools{
	margin-left: -490px;
}

/* Banner */

#banner{
	width: 100%;
	height: 83px;
	overflow: hidden;
	min-width: 980px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: url(../images/bg-banner.png) repeat-x 50% 0;
}
#banner .view-banner{
	width: 930px;
	height: 70px;
	float: left;
	overflow: hidden;
}
#banner .view-banner .views-field-field-banner img{
	margin: 15px auto 0;
}
#banner a.close{
	position: absolute;
	top: 22px;
	right: 0px;
	text-indent: -9999px;
	background: url(../images/ico-close-banner.png) no-repeat 0 0;
	width: 23px;
	height: 26px;
}
#banner div.event{
	width: 425px;
	float: left;
}
#banner div.date{
	width: 200px;
	float: left;
}
#banner div.more-info{
	width: 225px;
	float: left;
}
#banner div.event span{
	color: #ffffff;
	text-transform: uppercase;
	font: 400 18px/28px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	float: left;
	padding: 0 10px;
	margin: 24px 0 0;
}
#banner div.event span.logo{
	background: url(../images/logo-white.png) no-repeat 0 0;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	margin: 20px 0 0;
	padding: 0;
}
#banner div.event span.pov{
	background: url(../images/logo-pov.png) no-repeat 0 0;
	width: 65px;
	height: 23px;
	text-indent: -9999px;
	margin: 24px 0 0;
	padding: 0;
}
#banner span.pbs{
	background: url(../images/logo-pbs.png) no-repeat 0 0;
	width: 70px;
	height: 35px;
	text-indent: -9999px;
	margin: 18px 5px 0 10px;
	padding: 0;
	float: left;
}
#banner div.date span.date{
	display: block;
	color: #55130d;
	font: 400 20px/24px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 12px 0 0;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.1);
}
#banner div.date span.date small{
	font-size: 16px;
	text-transform: uppercase;
}
#banner div.date span.help{
	display: block;
	color: #8b3024;
	font: 400 16px/20px "felt-tip-senior",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	text-align: center;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#banner div.more-info p{
	font: 400 12px/14px "ff-meta-web-pro", Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	margin: 20px 0 0;
}
#banner div.more-info p a{
	color: #fff;
	text-decoration: none;
}
#banner div.more-info p a:hover{
	color: #55130d;
}

/* User Login Page */

.page-user #messages{
	width: 441px;
	margin: 0 auto;
}
.page-user #messages a{
	color: #294766;
}
.page-user #content{
	width: 441px;
	margin: 0 auto;
	padding: 0 0 50px;
	overflow: hidden;
}
.page-user .section{
	width: 441px;
}
.page-user .tabs{
	display: none;
}
.page-user #content h1{
	color: #0d6392;
	font-size: 34px;
	line-height: 34px;
	font-family: "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 30px 0 0;
	padding: 0 0 10px;
	text-transform: uppercase;
}
.page-user #content form .form-item{
	margin: 10px 0 0;
	padding: 0;
}
.page-user #content form .form-actions{
	margin: 0;
}
.page-user #content form label{
	color: #777777;
	font: 700 18px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.page-user #content form  div.description{
	color: #252525;
	font: 14px/20px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
}
.page-user #content form input.form-text{
	width: 429px;
	padding: 4px 6px 2px;
	margin: 4px 0 0;
	height: 24px;
	color: #252525;
	font: 16px/24px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: inset 0px 1px 1px 0px #9f9f9f;
	-moz-box-shadow: inset 0px 1px 1px 0px #9f9f9f;
	box-shadow: inset 0px 1px 1px 0px #9f9f9f;
}
.page-user #content form input.form-submit{
	background: url("../images/bg-filter.png") repeat-x 0 0;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: 700 24px/28px "ff-meta-web-pro-condensed",Arial,Helvetica,sans-serif;
    height: 48px;
    text-transform: uppercase;
    padding: 12px 10px 8px 10px;
    margin: 20px 0 0;
}
.page-user #content form a{
	color: #294766;
}
.page-user #content form p{
	color: #252525;
	font: 18px/30px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	margin: 30px 0 0;
}
.page-user #content form p a{
	font-weight: bold;
}
.page-user h2.logo{
	margin: 50px 0 0;
}
.page-user h2.logo a{
	display: block;
}
.page-user img.page-bg{
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 0;
}

/* JV Media Query Update */

/* Landscape View */

/* iPad Specific Landscape View */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	#sign-up div.trailer-text {
	    margin: 200px 0 0;
	}
	#pressroom div.press{
		margin: -5px 0 0 12px;
	}
	#pressroom div.node-press h2 {
	    font: 400 11px/13px "ff-meta-web-pro",Arial,Helvetica,sans-serif;
	}
	#pressroom div.node-press h2 a {
		padding-bottom: 2px;
	}
	#pressroom div.node-press div.field-name-field-credit, #pressroom div.node-press div.field-name-field-download {
	    font: 400 11px/13px "ff-meta-web-pro",Arial,Helvetica,sans-serif;
	}
	#pressroom ul.pager li.pager-next{
		right: 3px;
	}
	#pressroom ul.pager li.pager-previous{
		left: -22px;
	}
	#trailer #box-video div.video iframe{
		margin-top: 140px !important;
	}
	#page-wrapper .block.ap-block .foreword{
		margin: 0 0 20px;
	}
	#page-wrapper .block.ap-block .body{
		margin: 0 0 25px;
	}
}

/* Portrait View */

@media only screen and (orientation : portrait) {

	#intro-poll div.node-advpoll,
	#poll div.node-advpoll{
		top: 150px;
		left: 50px;
	}
	#intro-poll div.node-advpoll.right,
	#poll div.node-advpoll.right{
		padding-right: 100px;
	}
	#intro-poll div.sign-up,
	#poll div.sign-up{
		position: relative;
		top: 180px;
	}
	#intro-poll div.poll-image img,
	#poll div.poll-image img{
		left: -600px;
	}
	#intro img.cinemagraph.left{
		left: -120px;
	}
	#intro img.cinemagraph.right{
		right: -80px;
	}
	#intro img.awards,
	#intro img.logo{
		padding: 180px 0 4px;
	}
    #intro #block-system-main div.content{
		width: 520px;
		margin: 180px auto 0;
	}
	#intro div.content p{
		font: 700 32px/32px "ff-meta-web-pro-condensed", Arial, Helvetica, sans-serif;
	}
	#sign-up div.trailer-text{
		margin: 400px 0 0;
	}
	#page-wrapper div.sign-up{
		margin: 100px auto;
	}
	.mobile #timeline #timeline-video iframe{
		margin-top: 320px !important;
	}
}

/* iPhone 5 Specific Portrait View */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	#intro-poll div.poll-image img,
	#poll div.poll-image img{
		left: -700px;
	}
}

/* iPhone 5 Specific Landscape View */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
	body .block.ap-block .content {
		font-size: 13px;
		line-height: 15px;
	}
	body #block-ap-buy-book div.image-holder img {
		width: 100%;
		height: auto;
		margin-right: 20px;
	}
	#resources .resource-block .view-header {
		width: auto;
		padding-right: 0;
	}
	#about div.about-movement > h2 {
		margin-top: 0;
		font-size: 20px;
		line-height: 22px;
	}
	#about div.about-movement p {
		line-height: 14px;
		font-size: 13px;
	}
	#pressroom div.pressroom p {
		padding-bottom: 20px;
	}
	#pressroom div.node-press .field-name-field-press {
		height: 90px;
		overflow: hidden;
	}
	#pressroom div.node-press h2 a {
		padding-bottom: 3px;
	}
	#pressroom div.press {
		width: 890px;
		margin: 5px 0 0 25px;
	}
	#pressroom ul.pager li.pager-previous {
		left: -20px;
	}
	#pressroom div.view-press-images div.views-row,
	#pressroom div.view-press-videos div.views-row {
		padding-bottom: 0;
		width: 220px;
		margin-right: 2px;
	}
	#pressroom div.press > h2 {
		font-size: 18px;
		line-height: 20px;
	}
}

/* iPad Specific Portrait View */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#usa-map-container {
		margin-top: 180px !important;
	}
	#filmmakers .view-filmmakers {
		width: 80%;
		margin: 0 auto;
	}
	#filmmakers .view-filmmakers .views-row p {
		color: #fff;
	}
	#pressroom .view-press-images .views-row,
	#pressroom .view-press-videos .views-row {
		margin-right: 5px;
	}
	#pressroom .press {
		width: 900px;
		margin-left: 20px;
	}
	#pressroom ul.pager li.pager-previous {
		left: -25px;
	}
	#promise-club div.download-guide {
	    float: none;
	    clear: both;
	    margin: 50px auto 0;
	}
	div#promise-club div.node-webform .webform-client-form {
		padding-top: 35px !important;
	}
	#block-ap-promise-club {
	    float: none !important;
	    clear: both !important;
	    margin: 50px auto 0 !important;
	}
	#filmmakers div.view-filmmakers{
		margin: 350px 0 0;
	}
}