/* normalise */

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html,button,input,select,textarea{font-family:sans-serif;}
a:focus{outline:thin dotted;}
a:hover,a:active{outline:0;}
h1{font-size:2em;margin:.67em 0;}
h2{font-size:1.5em;margin:.83em 0;}
h3{font-size:1.17em;margin:1em 0;}
h4{font-size:1em;margin:1em 0 0 0;}
h5{font-size:1.28em;margin:0.5em 0;}
h6{font-size:1.1em;margin:0.5em 0;}
b,strong{font-weight:700;}
q{quotes:none;} q:before,q:after{content:none;}
menu,ol,ul{padding:0 0 0 40px;}
nav ul,nav ol{list-style:none;list-style-image:none;}
img{border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root){overflow:hidden;}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}
legend{border:0;white-space:normal;margin-left:-7px;padding:0;}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}
button,input{line-height:normal;}
button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button;overflow:visible;}
button[disabled],input[disabled]{cursor:default;}
input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
body,figure,form{margin:0;}
p,pre,dl,menu,ol,ul{margin:1em 0;}


/* formatting */

body {
	color:#000;
	font-family:'Play', Arial, sans-serif;
	font-size:1.1em;
	font-weight:400;
	line-height:1.5em;
}

a {
	text-decoration:none;
	color:#cd4f4f;
}

a:hover {
	text-decoration:underline;
}

a img {outline:none;}

p {
	margin:0.5em 0 1.5em 0;
}

ul, ol {
	list-style:none;
	padding:0;
	margin:0;
}	

/* layout */


#wrapper {
	width:960px;
	height:auto;
	margin:0 auto;
	position:relative;
}

#header_wrap {
	width:960px;
	height:230px;
	margin:10px 0 0 0;
	position:relative;
}

#packshot {
	width:300px;
	height:220px;
	background:url(../images/packshot.jpg) no-repeat;
	z-index:-1;
	position:relative;
}

#thinking_film_text {
	background:url(../images/thinking-film-text.png);
	background-position:-60px 0;
	width:580px;
	height:128px;
	position:absolute;
	left: 345px;
	top: 48px;
	z-index:2;
}

#nav_wrap {
	width:100%;
	height:auto;
	margin:0 auto;
}

#content {
	width:899px;
	min-height:450px;
	height:auto;
	background:#ebebeb;
	margin:0 auto;
	padding:20px 30px;
	border:1px solid #c9c9c9;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	position:relative;
	z-index:2;
}


#footer {
	width:960px;
	height:110px;
	background:url(../images/footer.jpg) no-repeat;
	margin:50px auto;
	position:relative;
}

#breadcrumb {
	width:auto;
	height:30px;
	padding:10px 15px;
	font-size:0.75em;
	position:relative;
	z-index:1;
}

#breadcrumb > a {
	color:#cd4f4f;
}

#breadcrumb > .active {
	font-weight:700;
}


/* navigation */

.corner_right {
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
}

.corner_left{
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}


/* videoplayer */

.videoplayer {
	float:right;
	margin:25px 10px 10px 20px;
	clear:both;
	width:410px;
	height:auto;
}

#transcript_link {
	font-size:0.75em;
	line-height:1.2em;
	width:auto;
	height:auto;
	float:right;
	text-align:right;
}

/* buttons */

.btn {
	margin:5px;
	padding:5px 15px;
	color:#000;
	text-align:left;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-family:'Play', Arial, sans-serif;
}

.btn:hover {
	color:#fff;
}

.red {
	width:auto;
	background:#e69a9a url(../images/button_gradient.png) repeat-x;
	border:1px solid #aa2c2c;
	display:block;
}

.red:hover {
	background:#aa2c2c;
}

.grey {
	background:#999 url(../images/button_gradient.png) repeat-x;
	border:1px solid #666;
	width:auto;
	color:#FFF;
	font-size:0.8em;
	line-height:1em;
}

.grey:hover {
	background:#666;
	color:#fff;
	text-decoration:none;
}


.link:before {
	content:"";
	background:url(../images/glyphicons.png) no-repeat -100px 0px;
	width:20px;
	height:20px;
	display:block;
	float:left;
	margin:4px 5px 0 0;
}

.link {
	background:#fff;
	width:auto;
	display:block;
}

.link:hover {
	color:#cd4f4f;
}

.pdf {
	display:inline-block;
	background:url(../images/pdf_icon.png);
	width:16px;
	height:17px;
	margin-right:10px;
}


.word {
	display:inline-block;
	background:url(../images/word_icon.png);
	width:16px;
	height:17px;
	margin-right:10px;
}

.zip {
	display:inline-block;
	background:url(../images/zip_icon.png) 0 3px no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
}

/** form **/

label {
	width:130px;
	height:25px;
	float:left;
	font-weight:bold;
	margin:0px 5px 0 0;
	text-align:right;
	font-size:1.2em;
}

.small {font-size:0.9em; line-height:1.5em;}

#form_container {
	width:auto;
	height:800px;
	border:1px solid #ccc;
	padding:30px 55px;
	background:#eee;
	position:relative;
}

.row {
	width:420px;
	height:auto;
	float:left;
	margin:10px 0;
}

input {
	border:1px solid #999;
	padding:5px;
	width: 250px;
	box-sizing: initial;
}

input:focus {
	border:1px solid #cd4f4f;
	background:#fff3f3;
}


.row_wrap {
	width:100%;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	font-weight:bold;
}
.row_wrap select {
	width:auto;
	color:#000;
	height:43px;
	padding:10px;
	border:1px solid #999;
	margin: 0;
	font-size:0.93em;
}

.row_wrap option {
	background:#FFF;
	padding:10px;
}

fieldset {
	border:0;
}

/* hotspots */

#fda_link {
	width:200px;
	height:70px;
	display:block;
	float:right;
	margin-top:40px;
}

#thinking_film_link {
	width:160px;
	height:110px;
	display:block;
	float:left;
}

#header_link {
	width:930px;
	height:200px;
	position:absolute;
	display:block;
	z-index:10;
}

/* misc */

.faf_container {
	float:right;
	width:250px;
	height:auto;
	font-size:0.65em;
	line-height:1em;
	display:block;
	margin:10px 10px -5px 20px;
}

#like_button {
	border:none;
	width:50px;
	height:25px;
	display:block;
	position:absolute;
	top:190px;
	right:14px;
	z-index:999;
}

.hide {
	display:none;
}

.clear {
	clear:both;
}


/* bootstrap */

.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.accordion{margin-bottom:18px;}
.accordion-group{margin-bottom:15px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;background:#FFF;padding:9px 15px;border-radius:5px;-webkit-border-radius:5px;}
.accordion-toggle{cursor:pointer;}
.accordion-inner{postition:relative;padding:9px 15px;}
.accordion_wrap {width:440px;height:auto;display:block;float:left;}
.collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-moz-transition:height .35s ease;-ms-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease;}
.collapse.in{height:auto;}
.dropdown{position:relative;float:left;display:block;background:#cd4f4f url(../images/button_gradient.png) repeat-x;border-top:#aa2c2c 1px solid;border-bottom:#aa2c2c 1px solid;border-right:#aa2c2c 1px solid;font-size:.9em;z-index:1000;padding:10px 24px;}
.dropdown a{color:#FFF;}
.dropdown a:hover{text-decoration:none;color:#000;}
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
.caret{display:inline-block;width:0;height:0;vertical-align:text-top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;content:"";}
.dropdown .caret{margin-top:8px;margin-left:2px;}
.dropdown-menu{position:absolute;top:48px;left:-1px;z-index:1000;float:left;display:none;list-style:none;background-color:#e77e7e;border:#aa2c2c solid 1px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px #ccc;box-shadow:0 5px 10px #ccc;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;margin:0;}
.dropdown-menu.pull-right{right:0;left:auto;}
.dropdown-menu a{display:block;clear:both;line-height:18px;color:#000;white-space:nowrap;padding:10px 15px;}
.dropdown-menu li > a:hover,.dropdown-menu .active > a,.dropdown-menu .active > a:hover{color:#fff;text-decoration:none;background-color:#cd4f4f;z-index:1000;}
.dropdown.open .dropdown-menu{display:block;}
.pull-right .dropdown-menu{left:auto;right:0;}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000;content:"\2191";}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}