/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */

html {
	height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,iframe {
	padding:0;
	margin:0;
}
body {
	color: #fff;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 62.5%;
	height: 100%;
	position: relative;
	}

h1,h2,h3,h4,h5,h6 {
	line-height: 1em;
}
h1 
{
	font-size:2.4em;
	line-height:130%;
	
}
h2 {
	font-size: 2.4em;
	font-weight:normal;
	width: 450px;
}
h3 
	{
	font-size: 2.0em;
}
h4 {
	font-size: 1.8em;
}
h5 {
	font-size: 1.6em;
}
h6 {
	font-size: 1.4em;
}
p {
	font-size: 1.2em; 
}
h1.sprite,h2.sprite,h3.sprite,h4.sprite,h5.sprite,h6.sprite {
	background: transparent url(../img/hdr/hdr-sprite.png) no-repeat 0 0;
	height: 35px;
	text-indent: -9999px;
}
address,caption,cite,code,dfn,th,var { 
	font-style: normal; 
	font-weight: normal; 
}
ul,ol {
	font-size: 1.2em; 
	list-style:none;
}

li 
{	color:#999;
}
a { 
	color: #6699cc;
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}
object {
	outline: none;
}
img {
	border: 0; 
}
strong {
	font-weight: bold;
}
em {
	font-style: italic; 
}
table {
	border-collapse: collapse;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}
div,aside,details,figure,footer,header,hgroup,mark,nav,section,summary,time,video {
	display: block;
}

/*	-----------------------------------------------

	Custom Primitives

	----------------------------------------------- */

div.hr {
	border-top: 1px solid #000;
	clear: both;
	height: 1px;
	overflow: hidden;
}
	div.hr hr {
		display: none;
	}
div.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}
ul.link-list-horz {
	list-style: none;	
}
	ul.link-list-horz li {
		float: left;
	}

/*	-----------------------------------------------

	Forms

	----------------------------------------------- */

fieldset {
	border: none;
}
	fieldset ol {
		list-style: none;
	}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */

.left {
	float: left;
}
.right {
	float: right;
}
.invisible {
	display: none;
}
.offscreen {
	display: block;
	left: -999999px;
	position: absolute;
	top: -999999px;
}
div.clear {
	clear: both;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

/*	-----------------------------------------------

	Page Layout

	----------------------------------------------- */

body 
{
	background:#000000;
}

div#page-wrapper
{
	width:1050px;
	margin:0 auto;
	position:relative;	

}

div#page-header
{
	width:1048px;
	background:transparent url(../../_img/microsite/brown-border.gif) repeat-x left bottom;
	height:335px;
	position:relative;
}

div#header-wrapper 
{
	background:#000 url(../../_img/microsite/morlot-header-banner.jpg) no-repeat left top;
	width:1048px;
	height:325px;
}

a.symphony-link 
{
	position:absolute;
	top:41px;
	left:50px;
}
	
	/*Tabbed content area*/
					
	div.primary-content 
	{
		overflow:hidden;
		padding-bottom:20px;
		width:1050px;
		/*height:1px;*/
	}
	
	div.tall 
	{
		height:300px;
	}
	
	div.primary-content div.content-wrap 
	{
		padding:15px 0;
		overflow:hidden;
		width:auto;
		/*height:290px;*/
		/*display:none;*/
	}
	
	div.primary-content div.js-enabled
	{
		height:290px;
		display:none;
	}
	
	.enabled /* for the bottom border on the bio area */
	{
		background:transparent url(../../_img/microsite/brown-border.gif) repeat-x left bottom;
	}
	
		div.primary-content h2 
		{
			margin: 15px 0;
		}

		ul.content-tabs 
		{
			color:#fff;
			position:absolute;
			z-index:10;
			top:303px;
			left:50px;
		}
		
			ul.content-tabs li 
			{
				float:left;
				margin-right:1px;
				height:25px;
				/*width:95px;*/
				width:100px;
				text-align:center;
			}
		
			ul.content-tabs li a 
			{
				color:#ffcc99;
				text-transform:uppercase;
				font-size:0.9em;
				font-weight:bold;
				line-height:23px;
				width:100px;
				/*padding:5px 20px;*/
				display:block;
				background:#364d64 url(../../_img/microsite/tab-grad.png) repeat-x left bottom;
				border-top:1px solid #7e8d9b;
			}
				
			ul.content-tabs li a:hover 
			{
				background: #a0591d;
				border-top:1px solid #c2946e;
				text-decoration:none;
				border-bottom:1px solid #a0591d;
			}
			
			ul.content-tabs li a.selected 
			{
				/*padding-top:10px;*/
				position:relative;
				height:30px;
				margin-bottom:10px;
				bottom:7px;
				background: #a0591d;
				border-top:1px solid #c2946e;
				z-index:5000;
			}

		div.primary-content div#biography-content,
		div.primary-content div#press-content
		{
			/*height:280px;*/
			/*overflow:auto;*/
			margin-left:50px;
			width:950px;			
		}
		
		.scrollable 
		{
			height:280px;
			overflow:auto;
		}
		
		div.primary-content div#biography-content a 
		{
			display:inline;
			font-size:1.4em;
			margin-right:20px;
		}
		
		
		
		div.primary-content div#events-content, div#press-content
		{
			margin-left:50px;
			overflow:auto;
		}
		
		div.primary-content div.content-block 
		{
			float:left;
			width:445px;
			margin:0px 20px 20px 0px;
		}
		
			div.primary-content div.content-block p
			{
				margin-bottom:1.5em;
				color:#ccc;
			}
			
			div.primary-content div.content-block p.close 
			{
				text-transform:uppercase;
				text-align:right;
				font-weight:bold;
				color:#ccc;
				margin:10px 10px 0 0;
				cursor:pointer;
			}
			
			div.primary-content div.content-block p.close span 
			{
				color:#fff;
			}
			
			div.primary-content div.content-block li 
			{
				margin:4px 0;
				line-height:140%;
			}

/*layout for news and social media*/
			
div.secondary-content 
{

	padding:0 50px;
	overflow:hidden;
}

	div.secondary-content div.content-block 
	{
		width:500px;
		float:left;
	}
		div#tweet-feed 
		{
			border-bottom:1px dotted #999;
			padding-bottom:10px;
			margin-bottom:15px;
			height:220px;
			clear:both;
		}

		div#tweet-feed li
		{
			color:#999;
			margin:4px 0;
		}
		
		div#tweet-feed li a.JRM 
		{
			padding-left:10px;
		}
		
		div#tweet-feed li span.time 
		{
			display:none;
		}
		
		img.twitterAvatar {
		display:none;
		}
		
		h2.news 
		{
			width:500px;
			float:left;
			display:inline;
		}
		h2.news span 
		{
			font-size:13px;
			float:right;
		}
		
		
		/*Social Media Content Area*/
		
		ul.social-media 
		{
			list-style-type:none;
			margin:20px 20px 20px 5px;
		}
		
			ul.social-media li 
			{
				display:inline;
			}
			
			ul.social-media li a
			{
				float:left;
			}	
			a.twitter 
			{
				width:19px;
				height:37px;
				background: url(../../_img/microsite/sm-buttons.png) no-repeat top left;
			}
			a.facebook 
			{
				width:35px;
				height:37px;
				background: url(../../_img/microsite/sm-buttons.png) no-repeat top center;
			}
			a.youtube
			{
				width:19px;
				height:37px;
				background: url(../../_img/microsite/sm-buttons.png) no-repeat top right;
			}	
			div.secondary-content div.divider 
			{
				width:0px;
				height:300px;
				float:left;
			}
			
		ul.sm-links 
		{
			margin-left:20px;
			padding-left:80px;
			margin-top:29px;
		}
		
			ul.sm-links li 
			{
				float:left;
				margin-right:5px;
			}
			
			ul.sm-links li a.divide 
			{
				background: url(../../_img/microsite/list-divider.gif) no-repeat center right;
				padding-right:15px;
			}
			
	div.secondary-content div.small 
	{
		width:300px;
		margin-left:67px;
	}
	
	div.secondary-content div.small img 
	{
		margin:10px 0;
	}
	
	div.secondary-content div.small p 
	{
		color:#999;
		margin-bottom:10px;
	}
	
	div.secondary-content div#fb-box 
	{
		background:#000
		width:310px;
		padding:5px 0 0 10px;
		height:30px;
	}
	

			
div#footer 
{
	background:#2b6393;
	width:100%;
	height:40px;
	border-top:1px solid #5c87ac;
	margin-top:20px;
}

	div#footer p 
	{
		display:inline;
		float:left;
		color:#aac1d4;
		margin:13px 0 0 40px;
		font-size:1.1em;
	}
	
	div#footer a 
	{
		color:#aac1d4;
	}
	
	
/* ---------------------------------------------------- */
/* WIDGETS
/* ---------------------------------------------------- */

/*sliding content area*/

div#slideshow 
{
height:113px;
margin:0 auto;
overflow:hidden;
position:absolute;
right:61px;
top:165px;
width:363px;
}

	div#slideshow ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 1%; /* IE fix */
	}

	div#slideshow ul:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}            

/* slideshow slides */

div#slideshow .slides {
	overflow: hidden;
	width: 970px;
	position:relative;
	height:112px;
}

	div#slideshow .slides ul {
		width: 4800px;
	}

	div#slideshow .slides li {
		width: 920px;
		float: left;
		padding: 0;
		position:relative;	
		z-index:0;
	}

	div#slideshow .slides h2 {
		margin-top: 0;
	}

/* slideshow navigation */

div#slideshow ul.slides-nav {
	background-color: none;
	position:absolute;
	top:20px;
	right:110px;
	z-index:100;
	display:none;
}

	div#slideshow .slides-nav li {
		float: left;
	}

	div#slideshow .slides-nav li a {
		display: block;
		width:15px;
		height:10px;
		margin-right:5px;
		outline: none;
		background:#4f5d6b;
		text-indent:-10000px;
	}

	.js #slideshow .slides-nav li.on,
	.js #slideshow .slides-nav li.on a 
	{
		width:15px;
		height:10px;
		background:#fff;
		margin-right:5px;
	}

	.js #slideshow .slides-nav li.on a {}


/*Slideshow Utlities*/


a.video-btn 
{
	background:url(../../_img/microsite/watch-video.png) no-repeat top left;
	display:block;
	width: 75px;
	height:22px;
	position:absolute;
	top:265px;
	right:107px;
	text-indent:-10000px;
	z-index:20;
}

a.video-btn:hover
{
	background-position: 0 -22px;
}


/* SWF container */
		
#content_container {
	margin:0 auto;
}

#flash-video-target
{
	margin:10px;
}


/*** Modal Window ***/

div#overlay {
	background: #000;
	display: none;
	min-height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
div#modal-window {
	background: #364d64; /*transparent url(../img/bg/bg-modal-window.png) no-repeat 0 0;*/
	display: none;
	height: 380px;
	margin: 0 auto;
	position: fixed;
	top: 285px;
	width: 660px;
	z-index: 101;
}

	div#modal-window div.inner {
		position: relative;
	}
	div#modal-window a#btn-modal-close {
		background: url(../../_img/microsite/video-close.png) no-repeat top left;
		height: 25px;
		position: absolute;
		right: 0px;
		top: 0;
		width: 25px;
	}
	div#modal-window a#btn-modal-close:hover {
		background-position: 0 -25px;
		cursor: pointer;
	}
	div.modal-window img {
		display:block;
		margin: 35px auto;	
	}
	div.modal-window img.push {
		display:block;
		margin: 85px auto 0;	
	}
	div.copy img:hover {
		background: #993300;/*transparent url(../img/btn/btn-modal-close.png) no-repeat 0 0;*/
	}

div#press-content h3,
div#press-content h4,
div#events-content h3,
div#events-content h4 
{
	font-size:14px;
	margin:5px 0;
	line-height:110%;
}


div#press-content p.first, div#events-content  p.first
{
	margin-top:20px;
}

div#events-content  p.first span 
{
	font-weight:bold;
}

h5.no-script 
{
	margin-top:45px;
}