html, body 	{
		margin:0px;
		padding: 0px;
		font-family: arial, helvetica, sans-serif;
		color: #333;
		font-size: 11px;
		background:#EFEDEE;
		text-align:center;
		}


/* Outer Wrapper - common to all templates */

#outerwrapper
	{
	width: 760px;
	margin: 16px auto;
	padding:0px;
	background:#fff url(/mmlib/images/header_bg.gif) top left no-repeat;
	text-align:left;
	}


/* Some basics */

img,
a img
	{
	border: 0px;
	}

p	
	{
	color:#666;
	}



h1, h2, h3, h4, h5
		{
		color: #E7459A;	/* D3005F*/
		}
h1
	{
	float:left;
	width: 195px;
	margin:0px;
	padding:25px 0 15px 12px;
	font-size: 18px;
	font-weight: normal;
	}

h2
	{
	margin:0px;
	padding: 24px 0px 8px 0px;
	font-size: 18px;
	font-weight: normal;
	float: left;
	}

h2.sIFR-hasFlash {
	visibility: hidden;
	font-size: 24px;
	float: left;
}
	
h3
	{
	font-size: 12px;
	}

h3#news-headline
	{
	width:290px;
	margin:0px;
	padding: 0px;
	font-size: 16px;
	font-weight: normal;
	float: left;
	}

h3#news-headline.sIFR-hasFlash {
	visibility: hidden;
	font-size: 24px;
	float: left;
}


.sIFR-replaced {
	visibility: visible !important;
}

	
h4
	{
	margin:0px;
	padding:16px 0px 2px 0px;
	font-size: 12px;
	font-weight: normal;
	}
	
	
.clear
	{
	clear:both;
	}


p#contactinfo
	{
	float: right;
	width: 296px;
	margin: 0px;
	padding: 80px 12px 8px 0px;
	color:#90748A;
	font-size:11px;
	font-weight: bold;
	}

	p#contactinfo a
		{
		color:#90748A;
		text-decoration:none;
		}
	
		p#contactinfo a:hover
			{
			color:#E7459A;
			}
			
#reel 
{
	float:right;
	padding: 56px 55px 0px 10px;
	
}			


h2#showreels{
	font-size:24px;
	line-height: 30px;
	height: 30px;
	padding: 0 0 4px 0;
	margin: 0;
	zoom:1;
}

#outerwrapper #innerwrapper p.reel-link {
	font-size:24px;
	font-weight: bold;
	text-transform: lowercase;
}

h2.reel-link{
	margin:0;
	padding:1px;
}

#outerwrapper #innerwrapper h2.reel-link a {
	text-decoration:none;
	color:#8a8889;
}


/* Main Navigation. Image based but using some simple text replacement for those with images turned off */

div#navigation
	{
	clear:both;
	margin: 0px 3px 0px 2px;
	padding:0px 0px 0px 0px;
	background: url(/mmlib/images/nav/nav_right_edge.gif) top right no-repeat;
	}
		
	div#navigation ul
		{
		list-style:none;
		height:24px;
		margin: 0px;
		padding:0px 0px 0px 23px;
		background: url(/mmlib/images/nav/nav_left_edge.gif) 0px 0px no-repeat;
		}
		
			div#navigation ul li
			{
			float:left;
			width: auto;
			margin:0px;
			padding: 0px;
			}

				div#navigation ul li a
				{
				display:block;
				height:24px;
				width:89px;
				}

				div#navigation ul li a span
				{
				display:none;
				}

			div#navigation ul li a#home
				{
				background:url(/mmlib/images/nav/home.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#home.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#home:hover
					{
					background-position: 0px -30px;
					}
	

			div#navigation ul li a#about
				{
				background:url(/mmlib/images/nav/about.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#about.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#about:hover
					{
					background-position: 0px -30px;
					}
	


				div#navigation ul li a#news
				{
				background:url(/mmlib/images/nav/news.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#news.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#news:hover
					{
					background-position: 0px -30px;
					}
	

				div#navigation ul li a#portfolio
				{
				background:url(/mmlib/images/nav/portfolio.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#portfolio.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#portfolio:hover
					{
					background-position: 0px -30px;
					}
	
	
				div#navigation ul li a#animation
				{
					background:url(/mmlib/images/nav/animation.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#animation.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#animation:hover
					{
					background-position: 0px -30px;
					}
	

				div#navigation ul li a#effects
				{
				background:url(/mmlib/images/nav/effects.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#effects.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#effects:hover
					{
					background-position: 0px -30px;
					}
				
				div#navigation ul li a#production
				{
				background:url(/mmlib/images/nav/production.gif) top left no-repeat;
				}

					div#navigation ul li a#production.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#production:hover
					{
					background-position: 0px -30px;
					}

				div#navigation ul li a#jobs
				{
				background:url(/mmlib/images/nav/jobs.gif) top left no-repeat;
				}

					div#navigation ul li a#jobs.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#jobs:hover
					{
					background-position: 0px -30px;
					}

				div#navigation ul li a#contact
				{
				background:url(/mmlib/images/nav/contact.gif) 0px 0px no-repeat;
				}

					div#navigation ul li a#contact.selected
					{
					background-position: 0px -60px;
					}

					div#navigation ul li a#contact:hover
					{
					background-position: 0px -30px;
					}


/* Inner Wrapper - used (flexibly) on most templates */	

#outerwrapper #innerwrapper
	{
	clear:both;
	margin:0px;
	padding: 0px 12px 0px 24px;
	background:#fff url(/mmlib/images/inner_bg.gif) top left repeat-y;
	height: 100%;
	}
	
	#outerwrapper #innerwrapper p
		{
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:11px;
		line-height: 16px;
		color:#878787;
		}

	body.contact #outerwrapper #innerwrapper p
		{
		margin:0px;
		padding:0px 0px 8px 0px;
		font-size:11px;
		line-height: 16px;
		color:#878787;
		}

		body.contact #outerwrapper #innerwrapper p a	{color:#878787; text-decoration:none; border-bottom: 1px solid #bcbcbc;}
		body.contact #outerwrapper #innerwrapper p a:hover	{color:#555; border-bottom: 1px solid #555;}


	address
		{
		margin:0px;
		padding:0px 0px 16px 0px;
		font-size:11px;
		line-height: 15px;
		color:#878787;
		font-style:normal;
		}

	body.jobs #outerwrapper #innerwrapper ul
		{
		margin:0px 0px 0px 16px;
		padding:0px;
		}

	body.jobs #outerwrapper #innerwrapper ul li
		{
		margin:0px;
		padding:0px 0px 8px 2px;
		font-size:11px;
		line-height: 15px;
		color:#878787;
		}

/* Maincontent limits the width of the cms content on most template */

#outerwrapper #innerwrapper #maincontent
	{
		height: 100%;
		padding-bottom: 3px;
}




/* Portfolio list template specifics */

#outerwrapper #portfolio-wrapper
	{
	margin:0px;
	padding: 0px;
	background:#fff url(/mmlib/images/inner_bg.gif) 0px 0px repeat-y;
	}
		

#explorerdiv
	{
	clear:both;
	margin: 0px 0px 0px 27px;
	}


#explorerdiv p
	{
	float:right;
	margin:0px;
	padding:34px 0px 8px 20px;
	}

#explorerdiv p span
	{
	border-top: 10px solid #fff;
	}


h2#portfolio-title
	{
	float:left;
	width: 6em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

form#portfolio-selection
	{
	float:left;
	width: auto;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}

	form#portfolio-selection p
		{
		color: #90748A;
		margin: 0px;
		padding: 0px;
		}

		form#portfolio-selection input
			{
		margin: 0px;
		padding: 0px;
			}

			form#portfolio-selection label
				{
				margin: 0px 16px 0px 0px;
				}

			form#portfolio-selection label.selected
				{
				color: #E7459A;
				}



div#portfoliolist
	{
	clear:both;
	padding: 0px 0px 0px 27px;
	background: url(/mmlib/images/inner_bg.gif) 0px 0px repeat-y;
	}


div.childlist
	{
	float:left;
	width: 172px; 
	height: 144px;
	margin: 0px; 
	padding: 0px;
	border-right: 6px solid #ffffff; 
	}

	div.childlist h3
		{
		margin: 0px; 
		padding: 0px; 
		font-size:11px;
		line-height: 12px;
		}

		div.childlist h3 a
			{
			display:block;
			color:#7D707A;
			background:#F4EFEF;
			text-decoration:none;
			}

		div.childlist h3 a strong
			{
			display: block;
			width: 160px;
			margin: 0px;
			padding: 5px 4px 9px 4px; 
			color:#7D707A;
			font-size: 10px;
			font-weight: normal;
			line-height: 12px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			}

		div.childlist h3 a:hover
			{
			background:#DED6D6;
			}

		div.childlist h3 a:hover strong
			{
			}


/* Portfolio view template specifics - need to update to be suitable generic _Project_ view */

#outerwrapper #innerwrapper #portfolio-view
	{
	width: 250px;
	}



/* News list */


div#newslist
	{
	clear:both;
	padding: 0px 0px 0px 28px;
	background: url(/mmlib/images/news_bg.gif) 1px 0px repeat-y;
	}


div.newsitems
	{
	margin: 0px 26px 0px 0px; 
	padding: 0px;
	height:97px;
	border-bottom:7px solid #fff;
	background:#F2E8E8;
	}

	div.newsitems h3
		{
		display:block;
		margin: 0px; 
		padding: 0px 8px 0px 0px; 
		font-size:11px;
		line-height: 12px;
		background:#F2E8E8;
		color:#885F79;
		font-weight:normal;
		}

		div.newsitems h3 img
			{
			float:left;
			clear:both;
			margin-right: 6px;
			}

		div.newsitems h3 strong
			{
			display:block;
			margin: 0px; 
			padding: 8px 0px 0px 4px; 
			color:#5D5959;
			font-size:11px;
			}

		div.newsitems h3 span.newsdate
		{float:left; width: 124px;padding-top:8px;}

		div.newsitems p
		{
		margin:8px 0px 0px 0px;
		padding:0px;
		font-size:11px;
		line-height:15px;
		}

		div.newsitems p a
		{
		color:#555; text-decoration:none; border-bottom: 1px solid #888;
		}
		
		div.newsitems p a:hover
			{color:#333; border-bottom: 1px solid #333;}
		
		
/* The container for the SWFs on all templates  */

div.video-view
	{
	margin-top:30px;
	}
	
	div.video-view h3
		{
		margin: 0px;
		padding: 0px 0px 12px 0px;
		font-size:14px;
		font-weight:normal;
		color:#787878;
		}

div.column2
	{
	float:right; width:436px;
}

div.column2 h2
	{
	margin:0px;
	padding: 32px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	}

div.column2 p
	{
	clear:both;
	margin:0px;
	padding:0px;
		}


div.inline-video-view
	{width:420px;}
	
	div.inline-video-view h3
		{
		margin: 0px;
		padding: 0px 0px 12px 0px;
		font-size:14px;
		font-weight:normal;
		color:#787878;
		}

h3#view-project
	{
	margin: 28px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	}

/* Buttons */

p.buttons
	{
	border-top:28px solid #fff;border-bottom:16px solid #fff;
	}

p.home-buttons
	{
	display: block;
	}

a.client-login
	{

	float: left;
	display:block;
	width: 74px;
	height:20px;
	margin: 15px 0 0 0;
	background: url(/mmlib/images/buttons/clientlogin.gif) 0px 0px no-repeat;
	text-decoration:none;
	}


	a.client-login:hover
		{
		background-position: 0px -27px;
		}

	
	
	
		a.more-animation
		{
		padding: 9px 74px 0px 68px;
		background: url(/mmlib/images/buttons/more_animation.gif) 0px 0px no-repeat;
		text-decoration:none;
		}

	
	a.more-animation:hover
		{
		background-position: 0px -29px;
		}



	a.more-effects
		{
		padding: 9px 68px 0px 60px;
		background: url(/mmlib/images/buttons/more_effects.gif) 0px 0px no-repeat;
	text-decoration:none;
		}

	
	a.more-effects:hover
		{
		background-position: 0px -29px;
		}


	a.news-back
		{
		padding: 9px 68px 0px 60px;
		background: url(/mmlib/images/buttons/news_back.gif) 0px 0px no-repeat;
	text-decoration:none;
		}

	
	a.news-back:hover
		{
		background-position: 0px -29px;
		}





a.all-projects
	{
	padding: 8px 39px 0px 40px;
	background: url(/mmlib/images/buttons/all_projects.gif) 0px 0px no-repeat;
	text-decoration:none;
	}

a#selected.all-projects
	{
	background: url(/mmlib/images/buttons/all_projects.gif) 0px -58px no-repeat;
	}

	a.all-projects:hover
		{
		background-position: 0px -29px;
		}


a.animation-switch
	{
	padding: 8px 39px 0px 36px;
	background: url(/mmlib/images/buttons/animation_filter.gif) 0px 0px no-repeat;
	text-decoration:none;
	}

a#animselect.animation-switch
	{
	background: url(/mmlib/images/buttons/animation_filter.gif) 0px -58px no-repeat;
	}

	a.animation-switch:hover
		{
		background-position: 0px -29px;
		}


a.effect-switch
	{
	margin-right:12px;
	padding: 8px 60px 0px 40px;
	background: url(/mmlib/images/buttons/digital_effects_filter.gif) 0px 0px no-repeat;
	text-decoration:none;
	}


a#effectselect.effect-switch
	{
	background: url(/mmlib/images/buttons/digital_effects_filter.gif) 0px -58px no-repeat;
	}

	a.effect-switch:hover
		{
		background-position: 0px -29px;
		}




/* News Story */

div.newstory h3
	{
	margin:0px;
	padding: 16px 0px 4px 0px;
	font-size: 14px;
	font-weight: normal;
	line-height:18px;
	}

div.newstory h3 a
	{
	text-decoration:none;
	color: #E7459A;
	}

	div.newstory h3 a:hover
		{
		border-bottom: 1px solid #E7459A;
		}

div.newstory h5
	{
	margin:0px;
	padding: 0px;
	font-size: 10px;
	color:#666;
	line-height:14px;
	}

div.newstory p
	{
	margin:0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	}
	
#maincontent
{
	float:left;
	width:280px;
	color:#666;	
}

#innerwrapper #maincontent div.newstory p a
	{
	margin:0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;
	color: #E7459A;
	}


div#newscontent
	{
	clear:left;
	border-top:16px solid #fff;
	}

#outerwrapper #innerwrapper div#newscontent p
	{
	line-height:18px;
	}

	#innerwrapper #maincontent div#newscontent p a
		{
		text-decoration:none;
		color: #E7459A;
		}
	
#innerwrapper #maincontent p.newsdate
	{
	margin:0px;
	padding: 0px 0px 0px 0px;
	color: #666;
	}

p.newsdate
	{
	color: #333;	
	}



/* Generic Swirl */

#swirl
	{
	clear:both;
	background:url(/mmlib/images/swirl.gif) bottom right no-repeat;
	}

	#swirl h5
		{
		width:200px;
		margin-top:0px;
		margin-bottom:0px;
		padding-top:150px;
		padding-bottom:4px;
		font-weight: normal;
		font-size:11px;
		color:#888;
		}
		
h5.alt
		{
		display: block;
		clear:both;
		width:200px;
		margin-bottom:0px;
		padding-bottom:4px;
		font-weight: normal;
		font-size:11px;
		color:#888;
		}


/* Footer */

#footer
	{
	clear:right;
	margin:0px;
	padding: 0;
	height: 12px;
	background:#EFEFEF url(/mmlib/images/footer_bg.gif) no-repeat scroll bottom;
	zoom:1;
	}
	
#portfolio-footer
	{
	clear:both;
	margin:0px;
	padding: 10px 0px 12px 0px;
	background: #EFEFEF url(/mmlib/images/footer_bg.gif) -2px 0px no-repeat;
	}
	
	
/* feature boxes - for non home page templates... */

.feature
	{
	clear:left;
	margin:0px;
	}
	
	.feature h3
	{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#534552;
	background-color:#FFF;
	font-size:11px;
	}
	
		.feature h3 a
		{
		display:block;
		height:67px;
		text-decoration:none;
		color:#534552;
		background:#FFF;
		cursor:pointer;
		}
	
			.feature h3 a img
			{
			float:left;
			margin-right:6px;
			}

			.feature h3 a span.title
			{
			float:left;
			text-align:left;
			width:164px;
			padding: 10px 0px 0px 0px;
			}

			.feature h3 a span.newstitle
			{
			float:left;
			text-align:left;
			width: 164px;
			padding: 0px 0px 0px 0px;
			}

			.feature h3 a span.alttitle
			{
			float:left;
			width: 124px;
			text-align:left;
			margin:0px;
			padding: 6px 0px 0px 0px;
			font-weight:normal;
			line-height:12px;
			font-size:10px;
			}

			.feature h3 a span.desc
			{
			float:left;
			text-align:left;
			width: 164px;
			padding: 6px 0px 0px 0px;
			font-weight:normal;
			color:#787878;
			}

			.feature h3 a span.altdesc
			{
			float:left;
			text-align:left;
			width: 124px;
			padding: 4px 0px 0px 0px;
			font-weight:normal;
			color:#787878;
			line-height:12px;
			font-size:10px;
			}

		.feature h3 a:hover,
		.feature h3 a:hover span
		{
		background-color:#F8F4F4;
		}



	
/* Home page feature boxes - should be reusable on other templates... */

.home-feature2
	{
	float:left;
	width:120px;
	margin:0 10px 0 0;
	}
	
	.home-feature2 h3
	{
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#534552;
	background-color:#FFF;
	font-size:11px;
	
	}
	
		.home-feature2 h3 a
		{
		height:67px;
		text-decoration:none;
		color:#534552;
		background:#FFF;
		cursor:pointer;
		display: block;
		}
	
			.home-feature2 h3 a img
			{			}

			.home-feature2 h3 a span.title
			{
			text-align:left;
			padding: 10px 0px 0px 0px;
			}

			.home-feature2 h3 a span.newstitle
			{
			text-align:left;
			padding: 0px 0px 0px 0px;
			}


			.home-feature2 h3 a span.alttitle
			{
			float:left;
			width: 120px;
			text-align:left;
			margin:0px;
			padding: 6px 0px 0px 0px;
			font-weight:normal;
			line-height:12px;
			font-size:10px;
			}

			.home-feature2 h3 a span.desc
			{
			float:left;
			text-align:left;
			width: 120px;
			padding: 6px 0px 0px 0px;
			font-weight:normal;
			font-size:9px;
			color:#787878;
			}

			.home-feature2 h3 a span.altdesc
			{
			float:left;
			text-align:left;
			width: 124px;
			padding: 4px 0px 0px 0px;
			font-weight:normal;
			color:#787878;
			line-height:12px;
			font-size:10px;
			}

		.home-feature2 h3 a:hover,
		.home-feature2 h3 a:hover span
		{
		background-color:#F8F4F4;
		display: block;
		}












/* Home page feature boxes - should be reusable on other templates... */

.home-feature
	{
	width:242px;
	clear:left;
	margin:0px 0px 16px 0px;
	border-top: 24px solid #FFF;
	}

	
	.home-feature h3
	{
	width:250px;
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#534552;
	line-height:1.3;
	background-color:#FFF;
	font-size:11px;
	}
	
		.home-feature h3 a
		{
		display:block;
		text-decoration:none;
		color:#534552;
		background:#FFF;
		cursor:pointer;
margin-bottom: 24px;
		}

			.home-feature h3 a span.title
			{
			float:left;
			text-align:left;
			width:164px;
			padding: 10px 0px 0px 0px;
			}


			.home-feature h3 a span.newstitle
			{
			padding: 2px 0px 0px 0px;
			}

			.home-feature h3 a span.alttitle
			{
			float:left;
			width: 124px;
			text-align:left;
			margin:0px;
			padding: 6px 0px 0px 0px;
			font-weight:normal;
			line-height:12px;
			font-size:10px;
			}


			.home-feature h3 a span.desc
			{
			padding: 2px 0px 0px 0px;
			font-weight:normal;
			color:#787878;
			}

			.home-feature h3 a span.altdesc
			{
			float:left;
			text-align:left;
			width: 124px;
			padding: 4px 0px 0px 0px;
			font-weight:normal;
			color:#787878;
			line-height:12px;
			font-size:10px;
			}

		.home-feature h3 a:hover,
		.home-feature h3 a:hover span
		{
		background-color:#F8F4F4;
		}

#features{
	clear: both;
	zoom:1;
}

#latest-updates
	{width:250px;}


form#login
	{
	width: 378px;
	margin:16px 0px;
	padding:16px;
	background-color:#F8F4F4;
	}

	form#login p
		{
			font-size:12px;
		}


		form#login p label
			{
			margin:16px 0px;
			padding:6px 0px;
			color:#555;
			}

		form#login p input
			{
			margin: 4px;
			padding:2px;
			border:1px solid #bbb;
			}

			form#login p input#username,
			form#login p input#password
				{
				width: 300px;
				}
	
			form#login p input.button
				{
				float:right;
				}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}



#outerwrapper #innerwrapper #paging p
	{
	margin-top:16px;
	color:#E8E2E5;
	font-weight:bold;
	}
	
	
	#paging p a
		{
		color:#B8ADB2;
		text-decoration:none;
		}
	
		#paging p a.selected,
		#paging p a:hover
			{
			color: #E7459A;
			}
	
/* content */

#inline-video-view {cursor: pointer;}

.view-animation-reel{
	margin-top:1em;
}

#outerwrapper #innerwrapper p.copyright{
	clear:both;
	float:left;
	margin-bottom:0;
	margin-left:0;
	margin-top:-18px;
	padding-bottom:0;
	width:200px;
}