/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	width: 800px;
	color:white;
	font-family: Helvetica;
	background-color:black;
	overflow:hidden;
	z-index: 0;
}

embed {
	z-index: -1
}

p {
	text-align:justify;
	font-size:0.7em;
	color:white;
	font-weight:lighter;
	line-height:1.5em;
}

a {

	font-size:1em;
	color:white;
	font-weight:normal;
	line-height:1.5em;
}

#MC_TITLE {
/*
	position:absolute;
	top: 240px;
	left:50%;
	margin-left:37px;

*/
	width: 188px;
	height:71px;
	text-indent: -9000px;

	background-image: url(images/site_title.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

#SITE_TITLE {
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left:-350px;
/*	top: 13px;
	left: -350px;
*/	}

/*#BIG_IMAGE {
	width:1600px;
	height:1200px;
	position:absolute;
	top:0px;
	left: 50%;
	margin-left:-800px;
	border:1px solid red;
}*/

#SOUND_SWITCH {
	position: absolute;
	top: 520px;
	left: 50%;
	margin-left:386px;
}

#SOUND_SWITCH a {
	height:48px;
	width:48px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

.ButtonOff#SOUND_SWITCH a {
	background-image: url(images/sound_off.gif);
}

.ButtonOn#SOUND_SWITCH a {
	background-image: url(images/sound_on.gif);
}


span.DATE {
	font-size:0.6em;
}

span.SERVICE_LINKS  {
font-size:0.7em;
	color:white;
	font-weight:normal;
	line-height:1.5em;
}

#SITE_TITLE a {
	height:58px;
	width:120px;
	display: block;
	background-image: url(images/mc_logo.gif);
	text-indent: -9999px;
	text-decoration: none;
	}

#SITE_TITLE a:hover {
	background-image: url(images/mc_logo_inverse.gif);
}

#MENU_LINK {
	position: absolute;
	top: 520px;
	left:50%;
	margin-left: -360px;
	width:93px;
}

#MENU_LINK a {
	height:50px;
	width:93px;
	display: block;
	background-image: url(images/mc_menu_link.gif);
	text-indent: -9999px;
	text-decoration: none;
	}

/* 	This is for all the pages that need scrolling content. They
	should have a fixed width and height */
 #LINKS, #NEWS, #CASE_STUDIES, #CONTACT,  #LINKS, #DJS, #CLIENTS, #CULTURE  {
	overflow: auto;
	height: 435px;
	padding-right: 2em;
}

#DJS {
	height: 380px;
	padding-right: 1em;
}

#DJS a {
 	font-size:0.7em;
}
#DJS h2 a{
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

#CASE_STUDIES p {
	margin-top:-1em;
	font-weight:normal;
}

#WELCOME {
	position:absolute;
	left: 54%;
	top: 205px;
	width:400px;
	text-align:left;
}

#WELCOME p {
	font-size:0.8em;
	font-weight:lighter;
	line-height:1.2em;
	padding-left:9px;
}



#CONTACT p{
	font-size:0.7em;
	color:white;
}

#CONTACT a{
	color:white;
	text-decoration:none;
	}

#CULTURE {
	position:absolute;
	left: 50%;
	top: 100px;
	width:400px;
	height: 385px;
	padding-right: 5em;
	z-index:0;
	margin-left:-3px;
}

#CULTURE span.Date{
	font-size:0.6em;
	margin-top:-2em;


}
 div.Review {
padding-bottom:1.3em;

}

#LINKS {
	position:absolute;
	left: 50%;
	top: 40px;
	width:300px;
	margin-left:40px;
}

#LINKS a {
	text-decoration:none;
	font-weight:bold;
}

#CASE_STUDIES {
	position:absolute;
	left: 50%;
	top: 50px;
	width:400px;
}

#RECORDS {
	position:absolute;
	left: 50%;
	top: 0px;
	width:350px;
	margin-left:75px;
	overflow: auto;
	height: 500px;
	padding-right: 2em;
}

#CLIENTS {
	position:absolute;
	left: 50%;
	margin-left:-360px;

	top: 135px;

	height: 380px;
	
	text-align:left;

}

#CLIENTS li{
	font-size:0.7em;
	color:white;
	text-decoration:none;
	margin-left:-40px;
	list-style:none;
	padding:0.2em;
	font-weight:normal;
}

#CLIENTS a{

	color:white;
	text-decoration:none;
}

h2.GroupHeading {
	font-weight:bold;
	margin-top:-0.2em;
}

#LINKSLIST1 ul {
	margin-top:-0.8em;
	line-height:-0.2em;
}

#PROFILE {
	position:absolute;
	left: 50%;
	margin-left:-315px;
	width:240px;
	top: 150px;
	text-align:left;
}

#PROFILE h1{
	text-indent: -9000px;
	width: 188px;
	height:71px;
	background-image: url(images/site_title.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-left:-10px;

}

#NEWS {
	position:absolute;
	left: 50%;
	margin-left:-200px;
	width:260px;
	top: 140px;
}

#NEWS p {
 	text-align:left;
}

#NEWS span.Date{
	font-size:0.6em;
	margin-top:-2em;
}

#DJS {
	position:absolute;
	left: 50%;
	margin-left:-310px;
	width:350px;
	top: 120px;
}

/* Menu/Navigation */

#text_menu {
	position: absolute;
	top: 620px;
	left: 50%;
	margin-left: -335px;

	}
	
	#text_menu a {
	color:#666666;
	padding-right:3.1em;
	font-size:0.7em;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	}
	
	#text_menu a:hover {
	color:red;
	}

#NAV {
	position: absolute;
	top: 520px;
	left: 50%;
	margin-left: -360px;
	height: 47px;
	width: 79px;

}

#NAV h3 {
	height:50px;
	width:93px;
	display: block;
	background-image: url(images/mc_menu_link.gif);
	text-indent: -9999px;
	text-decoration: none;
 background-position: top right;
	background-repeat: no-repeat;
}
#NAV ul {
	display: none;	/* Hide until hovered */
	list-style: none;
	margin: 0;
	padding: 0;

}
.sfhover,
#NAV:hover ul {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;

}
/* Image map for the boxes */
#NAV ul {
	width: 500px;
	height: 360px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}

#NAV ul li a {
	position: absolute;
	text-indent: -999px;
	text-decoration:none;
}

#NAV li#NAV_WRW a { top: 160px;	left: 370px;	width: 100px;	height: 50px; }
#NAV li#NAV_NWS a { top: 242px;	left: 373px;	width: 50px;	height: 30px;}
#NAV li#NAV_SRV a { top: 100px;	left: 260px;	width: 40px;	height: 90px; }
#NAV li#NAV_CLT a { top: 300px;	left: 100px;	width: 80px;	height: 50px; }
#NAV li#NAV_REC a { top: 240px;	left: 60px; 	width: 110px;	height: 50px; }
#NAV li#NAV_LNK a { top: 50px;	left: 210px; 	width: 70px;	height: 30px; }
#NAV li#NAV_CLS a { top: 20px;	left: 340px;	width: 80px;	height: 30px; }
#NAV li#NAV_DJS a { top: 65px;	left: 420px;	width: 80px;	height: 40px; }

#DJS p {
 	text-align:justify;
}


h1 {
	font-family: Helvetica;
	font-weight:bold;
	font-size:0.8em;
	padding-bottom:0.2em;
}

h2 {

	font-weight:bold;
	font-size:0.8em;

	}

h3 {
	font-weight:bold;
	font-size:0.7em;
	line-height:1.5em;
	}

li {
	font-size:0.7em;
}


.AdminLinks li {
	font-size:1.3em;
	color:white;
	font-weight:lighter;
	line-height:1.5em;
}

#DJS p.Description a {
	color:white;
	font-size:1em;
}

div.LabeledInput{
	padding:0.3em;
}

.SubmitButton {
	margin-left:9em;
	margin-top:1em;
}

#DJS h1 {
	margin-top:2.2em;
}

#RECORDS h1 {
	margin-top:2.5em;
	
}

span.SERVICE_LINKS, span.SERVICE_LINKS a {
font-size:0.8em;
font-weight:bold;
color:red;
}

h2.ServiceType {
margin-top:2.2em;

}
#CASE_STUDIES p {
	margin-top:-1em;
	font-weight:normal;
}

#CASE_STUDIES h2#TITLE  a{
	font-weight:bold;
	
}
h2.GroupHeading a{
	font-weight:bold;
	margin-top:-0.2em;
}
#CLIENTS ul {
	padding-top:0.6em;
	padding-bottom:0.6em;
}

 div.Detailed .StreamingMedia .StreamingMediaDetailed{
	border:1px solid white;
}
div.Detailed .Review .ReviewDetailed {
	border:1px solid white;
}