@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	list-style:none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin: 30px 0 0 0;
	padding: 0;
	width: 36000px;
	overflow: hidden;
}

/*------------ GLOBAL ------------*/

a {
   outline: none;
}

a img {
	border:none;
}

p {
	line-height: 17px;
}

.container {
	float: left;
	display: block;
	overflow:visible;
	background-color:#D4DF46;
	background-image:url(../images/mh-tag-clipped.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height: 507px;
	width: 2000px;
	position: relative;
	z-index:1 !important;
}

.interior {
	position:absolute;
	margin-left:110px;
	margin-top:100px;
	line-height:17px;
}

.nav {
	position: absolute;
	overflow:visible;
	width: 310px;
	height: 100px;
	left: 567px;
	top: 17px;
	*top: 5px;
	font-size: 11px;
	line-height:13px;
	letter-spacing: -0.05em;
	*letter-spacing: 0;
	*line-height: 20px;
}

.nav a {
	color:#000;
	font-size:18px;
	text-decoration:none;
}
.nav a:hover {
	color: #FFF200;	
}
.nav .detailsnav a:hover {
	color: #91D6AB;	
}
.nav .creativenav a:hover {
	color: #FF6E6E;	
}
.nav .allinonenav a:hover {
	color: #75CCE0;	
}
.nav .interactivenav a:hover {
	color: #C180D2;	
}
.nav .brandingnav a:hover {
	color: #7AA36F;	
}
.nav .communitynav a:hover {
	color: #A19F6B;	
}
.nav .mainlinks, .nav .mainlinks a {
	color:#FFF;
	font-size:11px;
}
.nav .mainlinks a:hover {
	text-decoration:underline;
}
.more {
	width:30px;
	height:50px;
	position:absolute;
	top:150px;
	left:850px;
}
.back {
	width:30px;
	height:50px;
	position:absolute;
	top:150px;
	left:15px;
}
.socialmedia {
	height:20px;
	color:#fff;
}
.socialmediatext {
	float:left;
	margin-top:4px;
	margin-right:5px;
}
.title {
	position:absolute;
	left:110px;
	top:-10px;
	font-size: 56px;
	letter-spacing: -2px;
}

/*------------ HOME ------------*/

#home .interior {
	margin:0;
}

/*------------ INTRO ------------*/

#intro .interior {
	margin-left:110px;
	margin-top:110px;
	width: 700px;
	height:180px;
}

#intro .bignav {
	font-size: 24px;
	line-height:28px;
	*line-height: 38px;
	height:180px;
	letter-spacing:-1px;
}

#intro .bignav a{
	color:#000;
	font-size:42px;
	text-decoration:none;
}
#intro .bignav .bigideasnav a:hover {
	color: #FFF200;	
}
#intro .bignav .detailsnav a:hover {
	color: #91D6AB;	
}
#intro .bignav .creativenav a:hover {
	color: #FF6E6E;	
}
#intro .bignav .allinonenav a:hover {
	color: #75CCE0;	
}
#intro .bignav .interactivenav a:hover {
	color: #C180D2;	
}
#intro .bignav .brandingnav a:hover {
	color: #7AA36F;	
}
#intro .bignav .communitynav a:hover {
	color: #A19F6B;	
}
#intro .bignav .mainlinks, #intro .bignav .mainlinks a {
	color:#FFF;
	font-size:24px;
}
#intro .bignav .mainlinks a:hover {
	text-decoration:underline;
}

/*------------ ABOUT1 ------------*/

#about1 .interior {
	margin-top:70px;
	width: 600px;
}
/*------------ ABOUT2 ------------*/

#about2 .interior {
	margin-top:70px;
	width: 460px;
}
/*------------ BIGIDEAS1 ------------*/

#bigideas1 .interior {
	width: 460px;
}

#bigideas1 .title {
	color: #FFF200;
}

#bigideas1 .image {
	position:absolute;
	top:330px;
	left:193px;
	width:413px;
	height:88px;
}
#bigideas1 .image2 {
	position:absolute;
	top:184px;
	left:628px;
	width:184px;
	height:249px;
}
/*------------ BIGIDEAS2 ------------*/

#bigideas2 .interior {
	width: 410px;
}

#bigideas2 .title {
	color: #FFF200;
}

#bigideas2 .image {
	position:absolute;
	top:116px;
	left:556px;
	width:344px;
	height:332px;
}
/*------------ DETAILS ------------*/

#details .interior {
	width: 500px;
}

#details .title {
	color: #91D6AB;	
}

#details .image {
	position:absolute;
	top:194px;
	left:663px;
	width:225px;
	height:259px;
}
/*------------ CREATIVE1 ------------*/

#creative1 .interior {
	width: 500px;
}

#creative1 .title {
	color: #FF6E6E;	
}

#creative1 .image {
	position:absolute;
	top:293px;
	left:573px;
	width:341px;
	height:123px;
}
/*------------ CREATIVE2 ------------*/

#creative2 .interior {
	width: 470px;
}

#creative2 .title {
	color: #FF6E6E;	
}

#creative2 .image {
	position:absolute;
	top:110px;
	*top: 140px;
	left:618px;
	width:181px;
	height:320px;
}
/*------------ ALLINONE1 ------------*/

#allinone1 .interior {
	width: 400px;
}

#allinone1 .title {
	color: #75CCE0;
}

#allinone1 .image {
	position:absolute;
	top:150px;
	left:565px;
	width:155px;
	height:271px;
}
/*------------ ALLINONE2 ------------*/

#allinone2 .interior {
	width: 500px;
}

#allinone2 .title {
	color: #75CCE0;
}

#allinone2 .image {
	position:absolute;
	top:233px;
	left:649px;
	width:247px;
	height:180px;
}
/*------------ INTERACTIVE1 ------------*/

#interactive1 .interior {
	width: 500px;
}

#interactive1 .title {
	color: #C180D2;
}

#interactive1 .image {
	position:absolute;
	top:233px;
	left:649px;
	width:230px;
	height:156px;
}
/*------------ INTERACTIVE2 ------------*/

#interactive2 .interior {
	width: 500px;
}

#interactive2 .title {
	color: #C180D2;
}

#interactive2 .image {
	position:absolute;
	top:133px;
	left:639px;
	width:163px;
	height:272px;
}
/*------------ BRANDING1 ------------*/

#branding1 .interior {
	width: 560px;
}

#branding1 .title {
	color: #7AA36F;
}
/*------------ BRANDING2 ------------*/

#branding2 .interior {
	width: 400px;
}

#branding2 .title {
	color: #7AA36F;
}

#branding2 .image {
	position:absolute;
	top:150px;
	left:572px;
	width:259px;
	height:136px;
}

#branding2 .image2 {
	position:absolute;
	top:290px;
	left:572px;
	width:208px;
	height:118px;
}
/*------------ COMMUNITY1 ------------*/

#community1 .interior {
	width: 470px;
}

#community1 .title {
	color: #A19F6B;
	font-size: 51px;
}

#community1 .image {
	position:absolute;
	top:214px;
	left:600px;
	width:267px;
	height:228px;
}
/*------------ COMMUNITY2 ------------*/

#community2 .interior {
	width: 470px;
}

#community2 .title {
	color: #A19F6B;
	font-size: 51px;
}

#community2 .image {
	position:absolute;
	top:214px;
	left:600px;
	width:250px;
	height:125px;
}
/*------------ CONTACT ------------*/

#contact .interior {
	width: 400px;
}

#contact .title {
	color: #FF9C3B;
}
#contact .interior a {
	color:#FFF;
	text-decoration:none;
}
#contact .interior a:hover {
	text-decoration:underline;
}