@charset "utf-8";
@import url('colors.css');
@import url('core_structure.css');
/************************************************/
/* Nice and Content Base Front End CSS Document */
/* File Version 0.1 Custom                      */
/************************************************/

/** Core CSS Overrides **/

body {
	padding: 0 !important;
	margin: 0 !important;
}

.center-width-wrap {
	margin: 0 auto;
	position: relative;
	width: 820px;
}

h1 {
	font-size: 4.5em
}

h2 {
	font-size: 3.9em
}

h3 {
	font-size: 3.3em
}

h4 {
	font-size: 2.7em
}

h5 {
	font-size: 2.1em
}

p, li {
	font-size: 1.3em;
	line-height: 1.2em;
	letter-spacing: 0em	
}

p a, 
li p, li h3, li h4, li h5, li ul li,
h2 a, h3 a, h4 a, h5 a, h6 a,
div a
{
	font-size: 1em;
}

a {
	color: #CCCCCC
}

h5.comment-no-items {
	margin-top: 15px;
}


.bodytext-large {
	font-size: 1.6em !important;
	letter-spacing: -0.03em;
	font-weight: bold;
}

/******* Structure *************/

html {
	background: #010101 no-repeat;
}

body {
	font-family: "Courier New", Courier, monospace;
	background: transparent url(/assets/images/backgrounds/footer_kids.png) 0% 98% no-repeat;
	color: #FFF;
}

div#page-archive-container {
	position: static;
	margin-left: 440px;
}

.column-last {
	margin-right: 0 !important;	
}

img {
	vertical-align: bottom;
}

a.project-item {
	border: 5px solid #171717;
	display: block;
	float: left
}

a.project-item:hover {
	border-color: #474747
}

.project-archive-item {
float: left;
width: 100%;
margin-bottom: 15px;
}

.project-archive-item img {
	width: 100%;	
}

.column {
	position: relative;	
}

div#error-page {
	padding-bottom: 350px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	letter-spacing: 0em;
}

	h2#error-404, h3#error-message, div#error-page h4 {
		background-color: #FF3333 !important;
		float: left;
		clear: both;
		letter-spacing: 0em;
		width: auto !important;
	}
	
	h3#error-message {
		display: block !important;
	}
	
 	div#error-page p {
		background-color: #FF3333 !important;
		position: static;
		clear: both;
	}
	
	div#error-page h4 {
		margin-top: 20px
	}
	
	ol#error-options {
		position: relative;
		clear: both;
		padding-top: 20px;
		font-size: 1.2em
	}

p.back-link-container {
	float: left;
	width: 100%;
	margin-bottom: 0;
	padding-bottom: 0;
}

p.back-link-container a {
	color: #FFF !important;
}
	
img#globe-link {
	float: right !important;
	display: block;
	text-align: right;
}

/*.center-width-wrap {
	padding-left: 50px !important;
	margin: 0 !important;
}*/

div#header-navigation {
	background: #010101 url( /assets/images/backgrounds/header-graphic-full-center.jpg ) top center no-repeat;
	padding-top: 18px;
}

div#navigation-wrap {
	background: transparent;
}

	h1#page-main-heading {
		margin-bottom: 0;
		color: #000;
		text-align: left;
	}
	
	h1#page-main-heading img {
		position: absolute;
		top: 15px;
		right: 0;
	}
	
		h1#page-main-heading a {
			color: #000;
			display: block;
			cursor: pointer;
			width: 500px;
		}
		
		span#heading-logo {
			display: block;
			text-indent: -10000px;
			height: 108px;
			width: 500px;				
			background: transparent url( /assets/images/logos/header-logo-type.png ) 0% 100% no-repeat;
			cursor: pointer;
		}	

div#page-intro-container {
	float: left;
	width: 380px;
}



h5.footer-text {
	text-align: center;
	font-size: 1.3em;
	padding-top: 60px;
}

div#page-container {
	position: relative;
	padding: 0 0 0 0;
}

div#page-content {
	position: relative;
	padding: 0 0 150px;
	width: 820px;
}

div#left-content {
}

div#page-footer {
	background: transparent url(/assets/images/backgrounds/footer-black-repeat.gif) repeat-x 0% 200%;
	width: 100%;
	padding: 0 !important;
}

div#page-footer-content {
	position: relative;
}
	
	h4#financial-times {
		float: left;
		margin-left: 50px;
		margin-right: 100px;
	}	
	
	h4#financial-times a {
		display: block;
		background: transparent url(  /assets/images/logos/ft-logo.gif ) top left no-repeat;
		width: 62px;
		height: 81px;
		text-indent: -10000px;
	}
	h4#deutsche-bank-logo {
		float: right;
		margin-top: 30px;
		margin-right: 50px;
		margin-left: 100px;
	}
	h4#deutsche-bank-logo a {
		display: block;
		background: transparent url(  /assets/images/logos/db-logo.png ) top left no-repeat;
		width: 139px;
		height: 63px;
		text-indent: -10000px;
	}	

/********* =paragraph ********/

div.breadcrumb-container {
	position: relative;
	padding: 10px 0 20px;
}

p.bread-crumbs-trail {
	color: #FFF;
	font-size: 1.2em;
	margin: 0 !important;
	display: block !important;
}

p.intro-blurb {
	font-size: 1.5em;
	margin-: 20px 0!important;
}

/********* =homepage content ********/

div#intro-box {
	position: relative;
	margin: 0 auto;
	padding: 15px 225px 20px 0;
	background: transparent url(  /assets/images/backgrounds/much-ado-box.png ) top right no-repeat;
}

div#intro-box p {
	font-size: 1.2em
}

div#home-page-video {
	width: 360px;
	height: 270px;
}

div#flash-media-box {
	width: 100%;
	display: block !important;
	height: 100%;
	padding: 5px 5px 0;
}

div.index-content-box-right {
	width: 390px;
	position: relative;
	overflow: visible;
	font-size: 1.2em;
	float: right;
	padding-top: 40px;
	margin-top: 60px;
}

div.index-content-box-left {
	width: 320px;
	position: relative;
	overflow: visible;
	font-size: 1.2em;
	float: left;
	margin-top: 10px;
	padding-top: 60px;
	padding-left: 20px;
	text-align: right;
}

div.index-content-box-left img {
	
	height: auto;
}

div.index-content-box-left p {
	text-align: left;
}

div#quattro-reference {
 	background: transparent url(/assets/images/decoration/quattro.png) top left no-repeat;
	padding-left: 143px;
	height: 178px;
	width: 280px;
	margin-right: 0;
	margin-top: 35px;
	float: left;
	margin-left: -70px;
}

div#time-passed {
	width: 450px;
	float: left;
	margin-top: -110px
}

div#time-passed img {
	margin-right: 10px;
	width: 60%;
}

div#time-passed-wrap {
	margin-top: 20px;
	padding: 5px;
}

/****** =anchors **********/

a.bread-crumb {
	color: #FFF;
	position: static;
}

a:hover {
	color: #FFFFFF;
}

/****** =images **********/

img#globe-theatre-logo {
	float: left;
	margin: 20px;
}
/****** =span **********/



.white-trans {
	background: transparent url(  /assets/images/backgrounds/white-trans-pixel.png ) top left repeat;
}

.black-trans {
	background: transparent url(  /assets/images/backgrounds/black-trans-pixel.png ) top left repeat;
}

.white-to-black-trans {
	background: transparent url(  /assets/images/backgrounds/white-to-black-trans.png ) top left repeat-x;
}

.black-to-trans {
	background: transparent url(  /assets/images/backgrounds/black-to-trans.png ) top left repeat-x;
}

/****** =navigation **********/

ul.footer-nav-container {
	background: #000;
}

li.footer-nav-item {
	margin: 3px;
}

li.footer-nav-item a {
	color: #FFF;
}

ul#main-navigation-menu {
	position: relative;
	display: block;
	background: transparent;
	padding: 20px 0 0;
}

ul#main-navigation-menu.position-left {
	float: right;
}

ul#main-navigation-menu.position-right {
	float: left;
}

	ul#main-navigation-menu li.navigation-item {
		float: left;
		list-style: none;	
		background: transparent;
	}
	
	ul#main-navigation-menu li.nav-active {
		font-weight: bold;
	}
	
	ul#main-navigation-menu li.navigation-item {
		float: left;
		margin: 10px 15px 10px 0;
		font-size: 1.2em;
	}

	ul#main-navigation-menu li.navigation-item a.nav-item-link {
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		display: block;
	}

	ul#main-navigation-menu li a {
	
	}

	ul#main-navigation-menu li a span {
		padding-right: 50px;
		background: transparent url( /assets/images/nav/nav-arrow-white.png ) center right no-repeat;
	}
				
	ul#main-navigation-menu li.language {
		
	}	
	
		ul#main-navigation-menu li.language a span {
			background: transparent url( /assets/images/nav/nav-arrow-orange.png ) center right no-repeat;
			color: #FF9000;
		}	

	ul#main-navigation-menu li.character_and_motivation {
		
	}

		ul#main-navigation-menu li.character_and_motivation a span {
			color: #42C9FD;
			background: transparent url( /assets/images/nav/nav-arrow-blue.png ) center right no-repeat;
		}	

	ul#main-navigation-menu li.themes_and_issues {
		
	}	
	
		ul#main-navigation-menu li.themes_and_issues a span {
			color: #BAFF00;
			background: transparent url( /assets/images/nav/nav-arrow-green.png ) center right no-repeat;
		}

	ul#main-navigation-menu li.text_in_performance {
		
	}

		ul#main-navigation-menu li.text_in_performance a span {
			color: #FC103F;	
			background: transparent url( /assets/images/nav/nav-arrow-pink.png ) center right no-repeat;
		}			


	ul#main-navigation-menu li.navigation-item a.nav-item-link:hover, ul#main-navigation-menu li.navigation-item a.nav-active {
	}

ul.sub-navigation-menu {
	position: relative;
	width: 100%;
	background: #FFF;
}

ul.sub-navigation-menu li.navigation-item ul.sub-navigation-menu {
	width: auto;
}

ul.sub-navigation-menu li.navigation-item {
	padding-top: 10px;
}

ul.sub-navigation-menu li.navigation-item ul.sub-navigation-menu li.navigation-item {
	padding-left: 17px;
}

ul.sub-navigation-menu li.navigation-item a.nav-item-link {
	color: #171717;
}

ul.sub-navigation-menu li.navigation-item ul.sub-navigation-menu li a {
	display: block;
} 

	ul.sub-navigation-menu li.navigation-item {
		position: relative;
		display: block;
	}
	
	ul.sub-navigation-menu li.nav-active {
	}
	
	
	ul.sub-navigation-menu li.navigation-item a.nav-active {
		font-weight: bold;
	}
	

div.content-generic-box {
	padding: 15px;
	position: relative;
	float: left;
}

table.mceLayout {
	width: 100% !important;
	min-height: 800px;
}