body {
	font:11px arial,sans-serif;
	color:#000;
	background:url(../images/bg.gif) repeat;
	margin:0;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {text-decoration:underline;}
a:focus {outline:none}
input, textarea, select {
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
img {border-style:none}
#main {
	background:url(../images/bg.png) no-repeat;
	margin:0 auto;
	width:1000px;
	overflow:hidden;
	min-height:538px;
	padding:10px 11px 0 10px;
}
* html #main {
	height:538px;
	overflow:visible;
}
.holder {
	width: 1000px;
	overflow:hidden;
	position:relative;
}
h1.logo {
	position:absolute;
	top:19px;
	left:105px;
	margin:0;
	z-index:999;
}
.logo a {
	float:left;
	background:url(../images/MC_Logo.png) no-repeat;
	width:300px;
	height:136px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
}
#header {
	width:1000px;
	overflow:hidden;
	height:295px;
	padding:0px 0 0;
	color: #fdb813;
}
#featured {
	width:695px;
	overflow:hidden;
	height:295px;
	padding:0px 0 0 325px;
	color: #fdb813;
}
#casestudy {
	width:695px;
	overflow:hidden;
	height:1150px;
	padding:0px 0 0 325px;
	color: #fdb813;
}
.header {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	height: 459px;
}
#menu {
	float:left;
	width:308px;
	padding:0;
	margin:170px 0 0;
	list-style:none;
}
#menu li {
	float:left;
	width:300px;
	position:relative;
	margin:3px 0 0;
}
#menu li a {
	float:right;
	cursor:pointer;
	height:21px;
	font-size:12px;
	background-position:0 0;
	text-indent:-9999px;
}
#menu li a:hover {background-position:0 100% !important}
#menu li a.active {background-position:0 100% !important}

#menu li a.company {
	background:url(../images/btn-company.jpg) no-repeat;
	width:82px;
}
#menu li a.media {
	background:url(../images/btn-Media.jpg) no-repeat;
	width:56px;
}
#menu li a.social {
	background:url(../images/btn-Social.jpg) no-repeat;
	width:56px;
}
#menu li a.video {
	background:url(../images/btn-Video.jpg) no-repeat;
	width:56px;
}
#menu li a.content {
	background:url(../images/btn-Content.jpg) no-repeat;
	width:70px;
}
#menu li a.creative {
	background:url(../images/btn-Creative.jpg) no-repeat;
	width:70px;
}
#menu li a.studies {
	background:url(../images/btn-Case-Studies.jpg) no-repeat;
	width:100px;
}
#menu li a.clients {
	background:url(../images/btn-Clients.jpg) no-repeat;
	width:60px;
}


#menu li span {
	position:absolute;
	bottom:-6px;
	right:-6px;
	z-index:100;
	background:url(../images/plus.gif) no-repeat;
	width:9px;
	height:9px;
	font-size:6px;
	text-indent:-9999px;
}
* html #menu li span {bottom:-7px}
.submenu {
	float:left;
	width:620px;
	padding:0;
	margin:272px 0 0 15px;
	list-style:none;
}
.submenu li {
	float:left;
	position:relative;
	margin:0 3px 3px; 0;
	display:inline;	
}
.submenu li a {
	float:left;
	cursor:pointer;
	height:21px;
	font-size:12px;
	background-position:0 0;
	text-indent:-9999px;
}
.submenu li a:hover {background-position:0 100% !important}
.submenu li a.active {background-position:0 100% !important}
.submenu li a.planning {
	background:url(../images/btn-planning.gif) no-repeat;
	width:61px;
}
.submenu li a.buying {
	background:url(../images/btn-buying.gif) no-repeat;
	width:51px;
}
.submenu li a.content {
	background:url(../images/btn-content.gif) no-repeat;
	width:55px;
}
.submenu li a.targeting {
	background:url(../images/btn-targeting.gif) no-repeat;
	width: 145px;
}
.submenu li a.company {
	background:url(../images/btn-company.png) no-repeat;
	width: 65px;
}
.submenu li a.jonathan {
	background:url(../images/btn-company-Jonathan-Josell.jpg) no-repeat;
	width: 103px;
}
.submenu li a.mike {
	background:url(../images/btn-company-Sarah-Wilson.jpg) no-repeat;
	width: 100px;
}
.submenu li a.jim {
	background:url(../images/btn-company-Jim-Houck.jpg) no-repeat;
	width: 84px;
}
.submenu li a.rasmus {
	background:url(../images/btn-rasmus.gif) no-repeat;
	width: 107px;
}
.submenu li a.chris {
	background:url(../images/btn-chris.gif) no-repeat;
	width: 87px;
}
.submenu li a.tom {
	background:url(../images/btn-company-Tom-Murtagh.jpg) no-repeat;
	width: 97px;
}
.submenu li a.abenet {
	background:url(../images/btn-company-Abenet-Hagos.jpg) no-repeat;
	width: 102px;
}
.submenu li a.dana {
	background:url(../images/btn-company-Dana-Black.jpg) no-repeat;
	width: 84px;
}


.submenu li span {
	position:absolute;
	bottom:-6px;
	right:-6px;
	z-index:100;
	background:url(../images/plus.gif) no-repeat;
	width:9px;
	height:9px;
	font-size:6px;
	text-indent:-9999px;
}
* html .submenu li span {
	right:-7px;
	bottom:-7px;
}

#content {
	width:980px;
	overflow:hidden;
	padding:0 0 26px;
}
#inner #content {padding:0 0 37px}
.info {
	width:750px;
	margin:0 0 0 325px;
	overflow:hidden;
}
#inner .info {
	width:751px;
	background:#000;
	padding:26px 15px 20px 18px;
}
.info h2 {
	font:20px/22px "Sys TT", Arial, Helvetica, sans-serif;
	color:#fdb813;
	margin:0 0 -8px;
}
.info p {
	font:14px/18px "Sys TT", Arial, Helvetica, sans-serif;
	color:#d0d0d0;
	margin:0;
	overflow:hidden;
	width:620px;
}
.info p a {
	font:14px/18px "Sys TT", Arial, Helvetica, sans-serif;
	color:#ffc115;
}

#inner .info p {
	font:14px/18px "Sys TT Italic", Arial, Helvetica, sans-serif;
	margin:16px 0 0;
}
#inner .info p a {font:14px/18px "Sys TT Italic", Arial, Helvetica, sans-serif}
.info span {
	margin-left: 0;
	margin-bottom: 2px;
	margin-right: 0px;
	margin-top: 0;
	float:left;
	clear:both;
	background:#fdb813;
	font:14px/16px "Sys TT", Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 5px 1px 8px;
	text-align:justify;
	white-space:nowrap;
}
.download {
	width:100%;
	overflow:hidden;
}
.download a {
	float:left;
	font:14px/18px "Sys TT Italic", Arial, Helvetica, sans-serif;
	color: #ffc115;
	padding:0 0 0 12px;
	background:url(../images/arrow.gif) no-repeat 0 50%;
}
#footer {
	width:652px;
	margin:0 0 0 325px;
	overflow:hidden;
	padding:4px 0 10px;
	border-top:1px solid #ebab13;
}
#footer ul {
	width:500px;
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
}
#footer ul li {
	display:inline;
	font:14px/18px "Sys TT", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 1px 0 7px;
	background:url(../images/separator.gif) no-repeat 0 90%;
}
#footer ul li:first-child {
	padding:0 1px 0 0;
	background:none;
}
#footer ul li a {
	font:14px/18px "Sys TT", Arial, Helvetica, sans-serif;
	color:#fdb813;
}
p label {
	font-weight: bold;
	color: #ffc115;
}
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 270px; /*Height should enough to fit largest content's height*/
}
.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 1100px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}