/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 23, 2012 */
@font-face {
    font-family: 'gotham-mediumgotham-medium';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg#gotham-mediumgotham-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothamboldregular';
    src: url('../fonts/gothambold-webfont.eot');
    src: url('../fonts/gothambold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothambold-webfont.woff') format('woff'),
         url('../fonts/gothambold-webfont.ttf') format('truetype'),
         url('../fonts/gothambold-webfont.svg#gothamboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-bookgotham-book';
    src: url('../fonts/gotham-book-webfont.eot');
    src: url('../fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-book-webfont.woff') format('woff'),
         url('../fonts/gotham-book-webfont.ttf') format('truetype'),
         url('../fonts/gotham-book-webfont.svg#gotham-bookgotham-book') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'gothamblackregular';
    src: url('../fonts/gothamblack-webfont.eot');
    src: url('../fonts/gothamblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gothamblack-webfont.woff') format('woff'),
         url('../fonts/gothamblack-webfont.ttf') format('truetype'),
         url('../fonts/gothamblack-webfont.svg#gothamblackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display:block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { height:100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* START MAIN STYLES */
/* Shared Global */
*:focus {outline: none;}
.nohighlight:focus  {  outline:none;  }
body{
	width:100%;
	height:100%;
	position:relative;
	top:0px;
	left:0px;
}
#browserWrap{
	width:100%;
	height: 100%;
	position:fixed;
	top:0px;
	z-index:1;
	background:url(../img/mainBG.jpg) repeat top left;
}
section h1,
section p{
	font-family: 'gothamboldregular';
	font-size:73px;
	letter-spacing:-0.04em;
	line-height:1em;
	width:auto;
	text-align:left;
	font-weight:normal;
}
span.kern{
	margin-left:-0.09em !important;
	font-family: 'gothamboldregular' !important;
}
#mainContainer{
	max-width:1500px;
	min-width:1024px;
	padding-bottom:60px;
	height:100%;
	position:relative;
	display:block;
	margin:0px auto;
}
/* Start footer */
#footerAnchor{
	background:#202021;
	height:60px;
	bottom: 0px;
	width: 100%;
	position: fixed;
	max-width:100%;
	min-width:1024px;
	z-index: 1000;
}
#footerAnchor .footerWrap{
	max-width:1500px;
	min-width:1024px;
	height:60px;
	position:relative;
	margin:0px auto 0px auto;
	xpadding-top:25px;
}
#footerAnchor .footerWrap .icons{
	position:absolute;
	top:0px;
	right:50px;
	background:#202021;
	z-index:10;
	width:222px;
	height:100px;
}
#footerAnchor .footerWrap .mmsocial{
	width:26px;
	height:24px;
	top:10px;
	right:0px;
	position:absolute;
	display:block;
	padding:5px 0px 5px 10px;
	border-left: 1px #6c6c6d solid;
}
#footerAnchor .footerWrap .mmsocial a{
	background:url(../img/MM-Social-Logo.png) no-repeat;
	width:26px;
	height:24px;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	z-index:11;
}
#footerAnchor .footerWrap #stalkUs{
	width: 81px;
	text-align: center;
	padding: 10px 0px 8px 0px;
	position: absolute;
	right: 92px;
	z-index:2;
	top:0px;
	background: #FF7533;
	font-family: 'gotham-bookgotham-book';
	color: #e3e7ea;
	font-size: 12px;
	line-height: 1em;
	-webkit-box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
	box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
}
#footerAnchor .footerWrap .sisterCo{
	width: 222px;
	height:37px;
	background:#FF7533 url(../img/MM-Social-Logo-Long.png) no-repeat center center;
	text-indent:-9999px;
	display:block;
	position: absolute;
	right: 50px;
	top:0px;
	-webkit-box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
	box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
}
#footerAnchor .footerWrap h1{
	background:url(../img/mastermindsLogo.jpg) no-repeat top left;
	position:absolute;
	left:50px;
	top:17px;
	width:175px;
	height:23px;
	margin:0px;
	cursor:pointer;
}
#footerAnchor .footerWrap #socialMedia{
	position:absolute;
	width:116px;
	top:0px;
	height:80px;
	padding:20px 0px 0px 20px;
	left:50px;
	z-index:10;
}
.footerWrap #socialMedia a{
	background:url(../img/socialIconSprite.png) no-repeat;
	position:relative;
	float:left;
	margin-right:15px;
	text-indent:-9999px;
	border:none;
	outline: none;
}
.footerWrap #socialMedia a.facebook{
	background-position:0 0;
	width:7px;
	height:15px;
}
.footerWrap #socialMedia a.facebook:hover{
	background-position:0px -15px;
}
.footerWrap #socialMedia a.twitter{
	background-position:-7px 0px;
	width:16px;
	height:13px;
	margin-top:2px;
}
.footerWrap #socialMedia a.twitter:hover{
	background-position:-7px -15px;
}
.footerWrap #socialMedia a.linkedin{
	background-position:-23px 0px;
	width:16px;
	height:15px;
}
.footerWrap #socialMedia a.linkedin:hover{
	background-position:-23px -15px;
}
.footerWrap #socialMedia a.google{
	background-position:-39px 0px;
	width:15px;
	height:15px;
	margin-right:0px;
}
.footerWrap #socialMedia a.google:hover{
	background-position:-39px -15px;
}
#footerAnchor .footerWrap #mainNav{
	width:90px;
	height:7px;
	position:absolute;
	top:25px;
	left:47%;
}
#footerAnchor .footerWrap #mainNav a{
	width:8px;
	height:7px;
	position:relative;
	float:left;
	margin-right:10px;
	background:#6c6c6d;
}
#footerAnchor .footerWrap #mainNav a:hover,
#footerAnchor .footerWrap #mainNav a.active{
	background:#e3e7ea;
}
#footerAnchor .footerWrap #navBox{
	position: absolute;
	display:none;
	padding: 5px 0px 5px 0px;
	top: -10px;
	left: 50%;
	min-width: 90px;
	text-align: center;
	background:#ff7533;
	color: #fff;
	font-family: 'gotham-mediumgotham-medium';
	font-size: 13px;
	text-transform: uppercase;
	-webkit-box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
	box-shadow:  0px 0px 3px 3px rgba(32, 29, 30, 0.09);
}
#footerAnchor .footerWrap #navArrow{
	position: absolute;
	display:none;
	left:50%;
	width: 11px;
	height: 5px;
	top: 14px;
	margin-left: -5px;
	background:url(../img/navArrow.jpg) no-repeat top left;
	z-index: 10;
}
/* Start Introduction Section */
#introduction{
	width:100%;
	height:2040px;
	position:absolute;
	top:0px;
	left:0px;
	background:#e3e7ea;
	overflow:hidden;
	z-index:10;
}
#introduction #positionIntro{
	width:auto;
	height:337px;
	position:relative;
	padding:0px 0px 0px 92px;
	top:95px;
	overflow:hidden;
}
#introduction h1{
	margin:0px 0px 45px 0px !important;
	position:relative;
	float:left;
	color:#ff7533;
}
#introduction p{
	color:#ff7533;
	margin-top:0px !important;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
}
#introduction .scrollPlease{
	width:1500px;
	padding-bottom: 50px;
	background: url(../img/arrowGif.gif) no-repeat center 31px;
	position:fixed;
	bottom:150px;
	display:none;
	text-align:center;
	color:#ff7533;
	font-family: 'gotham-mediumgotham-medium';
	text-transform:uppercase;
	font-size:13px;
}
#introduction .scrollPlease p{
	width:100%;
	text-align:center;
	font-size:13px;
	color:#ff7533;
	margin:0px;
}
/* Start Pumkin Animation */
#pumpkin{
	width:100%;
	height:6090px;
	position:absolute;
	top:0px;
	left:0px;
	background:#e5e336;
	overflow:hidden;
	z-index:9;
}
#pumpkin #positionPumpkin{
	width:auto;
	height:auto;
	padding:0px;
	top:95px;
	overflow:hidden;
}
#pumpkin h1{
	color:#acadaf;
	width:auto;
	position:relative;
	margin:0px 0px 67px 92px;
	float:left;
}
#pumpkin p{
	color:#acadaf;
	margin:0px 0px 0px 92px;
	position:relative;
	float:left;
	clear:both;
	float:left;
}
#animBoxPumpkin{
	width:1500px;
	height:731px;
	top:39px;
	overflow:hidden;
}
#animBoxPumpkin .needleClosed{
	background:url(../img/needleClosed.png) no-repeat top left;
	width:112px;
	height:229px;
	position:absolute;
	top:20px;
	left:1497px;
}
#animBoxPumpkin .needleOpen{
	background:url(../img/needleOpen.png) no-repeat top left;
	width:148px;
	height:308px;
	position:absolute;
	top:229px;
	left:986px;
}
#animBoxPumpkin .pumpkin{
	background:url(../img/pumpkin.png) no-repeat top left;
	width:321px;
	height:288px;
	position:absolute;
	top:443px;
	left:1500px;
	z-index:200;
	x-webkit-transform: scale(0);
}

/* Start Bottle Section */
#bottle{
	width:100%;
	height:6917px;
	position:absolute;
	top:0px;
	left:0px;
	background:#ff7533;
	z-index:8;
	overflow:hidden;
}
#bottle #positionBottle{
	width:1500px;
	height:649px;
	top:95px;
	overflow:hidden;
}
#bottle .copyTop,
#bottle .copyBtm{
	position:absolute;
	top:0;
	left:92px;
	width:auto;
	height:649px;
	overflow:hidden;
}
#bottle .copyTop{ z-index:300; color:#e3e7ea;}
#bottle .copyBtm{ z-index:200; color:#e5e336}
#bottle h1{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#bottle p{
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
}
#bottle .overflow{
	overflow:hidden;
	position:relative;
	float:left;
	clear:both;
	width:350px;
	height:auto;
}
#bottle .overflow p{
	position:relative;
	float:left;
	width:350px !important;
}
#bottle p.last{
	margin-top:65px;
}
#bottle p span{
	font-family: 'gotham-bookgotham-book';
}
#bottle #animBoxBottle{
	top:180px;
	width:1500px;
	height:544px;
	overflow:hidden;
}
#bottle .bottleFull{
	background:url(../img/bottleFull.png) no-repeat;
	width:168px;
	height:544px;
	position:absolute;
	top:0px;
	z-index:200;
}
#bottle .bottleEmpty{
	background:url(../img/bottleEmpty.png) no-repeat;
	width:168px;
	height:0px;
	position:absolute;
	top:0px;
	z-index:300;
}
/* Start Hair Timeline */
#timeline{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	height:13000px;
	background:#e3e7ea;
	z-index:7;
	overflow:hidden;
}
#timeline #positionTimeline{
	width:100%;
	height:auto;
	top:95px;
	overflow:hidden;
}
#timeline h1{
	color:#6f635e;
	position:relative;
	float:left;
	margin:0px 0px 0px 92px;
}
#timeline #timebarWrap{
	width:616px;
	height:50px;
	float:left;
	position:relative;
	margin-left:92px;
	margin-top:178px;
	clear:left;
}
#timebarWrap .numbers-wrap{
	width:616px;
	position:relative;
	float:left;
	clear:both;
}
#timebarWrap p{
	position:relative;
	font-size:14px;
	color:#6f635e;
	float:left;
	padding:0px;
	margin-left:80px;
	width:auto;
}
#timebarWrap p:first-child{
	margin-left:0px;
}
#timebarWrap .timeBar{
	width:616px;
	height:5px;
	position:relative;
	float:left;
	margin-top:20px;
	background:#ff7533;
}
#timebarWrap .timeBar .marker{
	width:47px;
	height:5px;
	position:absolute;
	top:0px;
	left:0px;
	background:#6f635e;
}
#timeline #hairAnime{
	top:0px;
	width:1500px;
	height:687px;
	overflow:hidden !important;
}
#timeline #hairAnime .head{
	background:url(../img/head.png) no-repeat;
	width:155px;
	height:209px;
	position:absolute;
	top:309px;
	left:1056px;
}
#timeline #hairAnime .hair1985{
	background:url(../img/1985Hair.png) no-repeat;
	width:290px;
	height:415px;
	position:absolute;
	top:183px;
	left:1010px;
}
#timeline #hairAnime .hair1990{
	background:url(../img/1990Hair.png) no-repeat;
	width:123px;
	height:151px;
	position:absolute;
	top:297px;
	left:1093px;
}
#timeline #hairAnime .hair1995{
	background:url(../img/1995Hair.png) no-repeat;
	width:183px;
	height:235px;
	position:absolute;
	top:180px;
	left:1099px;
}
#timeline #hairAnime .hair2000{
	background:url(../img/2000Hair.png) no-repeat;
	width:196px;
	height:190px;
	position:absolute;
	top:245px;
	left:1091px;
}
#timeline #hairAnime .hair2005{
	background:url(../img/2005Hair.png) no-repeat;
	width:254px;
	height:478px;
	position:absolute;
	top:209px;
	left:1042px;
}
#timeline #hairAnime .hair2010{
	background:url(../img/2010Hair.png) no-repeat;
	width:148px;
	height:148px;
	position:absolute;
	top:295px;
	left:1068px;
}
/* Start Target Section */
#target{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	background:#6f635e;
	z-index:6;
	overflow:hidden;
}
#target h1{
	color:#e5e336;
	position:relative;
	float:left;
	margin:0px 0px 0px 50px;
}
#target #positionTarget{
	width:909px;
	height:444px;
	top:95px;
	overflow:hidden !important;
}
#target p{
	color:#e5e336;
	position:relative;
	float:left;
	margin:0px 0px 0px 92px;
	clear:both;
}
#target p.last{
	margin-top:77px;
}
#target #practice{
	background:url(../img/target.png) no-repeat;
	width:309px;
	height:539px;
	bottom:-475px;
	margin-left:1018px;
	overflow:visible !important;
}
#target #practice .whole1,
#target #practice .whole2,
#target #practice .whole3{
	background:url(../img/whole.png) no-repeat;
	width:10px;
	height:10px;
	position:absolute;
}
#target #practice .whole1{ top:317px; left:150px;}
#target #practice .whole2{ top:330px; left:170px;}
#target #practice .whole3{ top:332px; left:138px;}

#target #practice .arrow1{
	background:url(../img/arrow1.png) no-repeat;
	width:218px;
	height:230px;
	position:absolute;
	top:97px;
	left:156px;
}
#target #practice .arrow2{
	background:url(../img/arrow2.png) no-repeat;
	width:293px;
	height:85px;
	position:absolute;
	top:250px;
	left:-143px;
}
#target #practice .knife{
	background:url(../img/knife.png) no-repeat;
	width:129px;
	height:59px;
	position:absolute;
	top:322px;
	left:164px;
}
#target #practice .sigh{
	background:url(../img/sigh.png) no-repeat;
	width:74px;
	height:131px;
	position:absolute;
	top:324px;
	left:84px;
}
#target #practice.spear{
	background:url(../img/spear.png) no-repeat;
	width:230px;
	height:611px;
	position:absolute;
	top:-277px;
	left:158px;
}
#target #practice .star1{
	background:url(../img/star1.png) no-repeat;
	width:38px;
	height:44px;
	position:absolute;
	top:272px;
	left:130px;
}
#target #practice .star2{
	background:url(../img/star2.png) no-repeat;
	width:49px;
	height:39px;
	position:absolute;
	top:344px;
	left:141px;
}
#target #practice .chainsawBat{
	background:url(../img/chainsawbat.png) no-repeat;
	width:305px;
	height:141px;
	position:absolute;
	top:300px;
	left:-140px;
}
#target #practice .arrow3{
	background:url(../img/arrow3.png) no-repeat;
	width:277px;
	height:157px;
	position:absolute;
	top:324px;
	left:147px;
}
#target #practice .sword{
	background:url(../img/sword.png) no-repeat;
	width:273px;
	height:240px;
	position:absolute;
	top:103px;
	left:-50px;
}
#target #practice .machete{
	background:url(../img/machete.png) no-repeat;
	width:143px;
	height:201px;
	position:absolute;
	top:300px;
	left:179px;
}
#target #practice .axe{
	background:url(../img/axe.png) no-repeat;
	width:228px;
	height:139px;
	position:absolute;
	top:278px;
	left:179px;
}
#target #practice .bigAxe{
	background:url(../img/bigAxe.png) no-repeat;
	width:383px;
	height:269px;
	position:absolute;
	top:-123px;
	left:-182px;
}
/* Start Work Section */
#work{
	width:100%;
	position:relative;
	top:0px;
	left:0px;
	z-index:5;
	xoverflow:hidden;
}
#work #positionWork{
	background:#6b5f5a;
	max-width:1500px;
	min-width:1024px;
	width:100%;
	height:100%;
	top:0px;
	overflow:hidden;
}
#positionWork .workClip{
	background:url(../img/work/workBG.jpg) no-repeat top left;
	width:100%;
	min-height:660px;
	max-height:892px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden !important;
}
#work img{
	border:none;
	z-index:6;
	max-height:100%;
	position:absolute;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .caseStudy{
	width:342px;
	max-height:892px;
	min-height:660px;
	height:100%;
	padding:0px 50px 0px 58px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, 0.3);
	box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, 0.3);
	z-index:7;
	position:absolute;
	top:0px;
	xoverflow-y:scroll;
}
#work .caseStudy h1{
	width:auto;
	position:relative;
	float:left;
	margin:130px 0px 20px 0px;
	font-size:42px;
	letter-spacing: -0.02em;
	line-height: 0.95em;
}
#work .caseStudy h1.msgc{
	font-size: 40px;
}
#work .caseStudy h2{
	text-transform:uppercase;
	font-family: 'gotham-bookgotham-book';
	font-size:15px;
	font-weight:normal;
	line-height:1.3em;
	letter-spacing:0.03em;
	position:relative;
	float:left;
	clear:both;
	margin:0px 0px 80px 0px;
}
#work .caseStudy p{
	font-family: 'gotham-bookgotham-book';
	font-size:13px;
	line-height:1.7em;
	letter-spacing:0.03em;
	position:relative;
	float:left;
	margin:0px 0px 25px 0px;
	font-weight:normal;
}
#work .mask{
	width:1500px;
	height:100%;
	position:absolute;
	top:0px;
	overflow:hidden;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .mask img{
	box-shadow:none;
}
/* Boomtown */
#work .caseStudy.boomtown h2{
	color:#bebcbc;
}
#work .caseStudy.boomtown h2 span{
	color:#e5e336;
}
#work .caseStudy.boomtown{
	background:#6f635e;
}
#work .caseStudy.boomtown h1{
	color:#e5e336;
}
#work .caseStudy.boomtown p{
	color:#bebcbc;
}
#work .boomtownSpot1,
#work .boomtownSpot2,
#work .msgc-tv-1,
#work .msgc-tv-2,
#work .msgc-tv-3,
#work .msgc-tv-4,
#work .treephilly-speech{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .boomtownSpot1{
	background:url(../img/work/boomtown/spot1bg.jpg) no-repeat;
	background-size:cover;
	
}
#work .boomtownSpot2{
	background:url(../img/work/boomtown/spot2bg.jpg) no-repeat;
	background-size:cover;
}
#work .msgc-tv-1{
	background:url(../img/work/msgc/Juke-Joint-TV.jpg) no-repeat;
	background-size:cover;
}
#work .msgc-tv-2{
	background:url(../img/work/msgc/Oyster-TV.jpg) no-repeat;
	background-size:cover;
}
#work .msgc-tv-3{
	background:url(../img/work/msgc/Fishing-TV.jpg) no-repeat;
	background-size:cover;
}
#work .msgc-tv-4{
	background:url(../img/work/msgc/Long-Format-TV.jpg) no-repeat;
	background-size:cover;
}
#work .treephilly-speech{
	background:url(../img/work/treephilly/Tree-Philly-TV.jpg) no-repeat;
	background-size:cover;
}
#work .boomtownSpot1 .play,
#work .boomtownSpot2 .play,
#work .msgc-tv-1 .play,
#work .msgc-tv-2 .play,
#work .msgc-tv-3 .play,
#work .msgc-tv-4 .play,
#work .treephilly-speech .play{
	background:url(../img/work/playBtnsprite.png) no-repeat;
	height:117px;
	width:117px;
	position:absolute;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	z-index:100;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#work .boomtownSpot1 .play:hover,
#work .boomtownSpot2 .play:hover,
#work .msgc-tv-1 .play:hover,
#work .msgc-tv-2 .play:hover,
#work .msgc-tv-3 .play:hover,
#work .msgc-tv-4 .play:hover,
#work .treephilly-speech .play:hover{
	background-position:0px -117px;
}
#work .boomtownSpot1 #spot,
#work .boomtownSpot2 #spot,
#work .msgc-tv-1 #spot,
#work .msgc-tv-2 #spot,
#work .msgc-tv-3 #spot,
#work .msgc-tv-4 #spot,
#work .treephilly-speech #spot{
	position:absolute;
	top:100px;
	left:450px;
	width:960px;
	height:648px;
	display:none;
}
#work .boomtownSpot1 .close,
#work .boomtownSpot2 .close,
#work .msgc-tv-1 .close,
#work .msgc-tv-2 .close,
#work .msgc-tv-3 .close,
#work .msgc-tv-4 .close,
#work .treephilly-speech .close{
	background:url(../img/MM-Video-Close-Buttonoff.png) no-repeat;
	position:absolute;
	top:100px;
	right:265px;
	width:15px;
	height:15px;
	z-index:100;
	display:none;
	cursor:pointer;
	text-indent:-9999px;
}
#work .boomtownSpot1 .close:hover,
#work .boomtownSpot2 .close:hover,
#work .msgc-tv-1 .close:hover,
#work .msgc-tv-2 .close:hover,
#work .msgc-tv-3 .close:hover,
#work .msgc-tv-4 .close:hover,
#work .treephilly-speech .close:hover{
	background:url(../img/MM-Video-Close-ButtonOn.png) no-repeat;
}
#work .coaster{
	background:url(../img/work/boomtown/coasters.jpg) no-repeat top left;
	width:1500px;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .coaster .coasterZoom{
	background:url(../img/work/boomtown/coasterZoom.jpg) no-repeat;
	width:450px;
	height:100%;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
/* Battle Ship */
#work .caseStudy.battleShip{
	background:#ff7533;
}
#work .caseStudy.battleShip h1{
	color:#e3e7ea;
}
#work .caseStudy.battleShip h2{
	color:#635b57;
}
#work .caseStudy.battleShip h2 span{
	color:#e3e7ea;
}
#work .caseStudy.battleShip p{
	color:#635b57;
}
/* Start Rugby */
#work .caseStudy.rugby{
	background:#e3e7ea;
	width:357px;
	padding:0px 45px 0px 48px;
}
#work .caseStudy.rugby h1{
	color:#ff7533;
}
#work .caseStudy.rugby h2{
	color:#9ca2a7;
}
#work .caseStudy.rugby h2 span{
	color:#ff7533;
}
#work .caseStudy.rugby p{
	color:#9ca2a7;
}
/* End Rugby */
/* Start fallenOaks */
#work .caseStudy.fallenOaks{
	background:#6f635e;
	width:357px;
	padding:0px 45px 0px 48px;
}
#work .caseStudy.fallenOaks h1{
	color:#e5e336;
}
#work .caseStudy.fallenOaks h2{
	color:#bebcbc;
}
#work .caseStudy.fallenOaks h2 span{
	color:#e5e336;
}
#work .caseStudy.fallenOaks p{
	color:#bebcbc;
}
#work .green2{
	background:url(../img/work/fallenOaks/fallenOaks2.jpg) no-repeat;
	width:1360px;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	background-size:cover;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .green2 .green2Zoomed{
	background:url(../img/work/fallenOaks/fallenOaks2Zoomed.jpg) no-repeat;
	width:450px;
	height:100%;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .green4{
	background:url(../img/work/fallenOaks/fallenOaks4.jpg) no-repeat;
	width:1360px;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	background-size:cover;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .green4 .green4Zoomed{
	background:url(../img/work/fallenOaks/fallenOaks4Zoomed.jpg) no-repeat;
	width:450px;
	height:100%;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}

/* End fallenOaks */
/* Start Philly Zoo */
#work .caseStudy.zoo{
	background:#ff7533;
}
#work .caseStudy.zoo h1,
#work .caseStudy.zoo h2 span{
	color:#e3e7ea;
}
#work .caseStudy.zoo h2,
#work .caseStudy.zoo p{
	color:#625a56;
}
#work .caseStudy.zoo p a{
	color: #fff;
	text-decoration: none;
}
#work .caseStudy.zoo p a:hover{
	color:#625a56;
}
#work .leopard{
	background:url(../img/work/zoo/zoo3.jpg) no-repeat top left;
	width:1500px;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	background-size:contain;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .leopard .leopardZoom{
	background:url(../img/work/zoo/zoo3Zoomed.jpg) no-repeat;
	width:450px;
	height:100%;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
/* End Philly Zoo */
/* Start bag belt */
#work .caseStudy.bagBelt{
	background:#e3e7ea;
	width:370px;
	padding:0px 40px 0px 40px;
}
#work .caseStudy.bagBelt h1,
#work .caseStudy.bagBelt h2 span{
	color:#ff7533;
}
#work .caseStudy.bagBelt h2,
#work .caseStudy.bagBelt p{
	color:#9ca2a7;
}
/* End bag belt */
/* Start Pocono */
#work .caseStudy.pocono{
	background:#e5e336;
	width:370px;
	padding:0px 40px 0px 40px;
}
#work .caseStudy.pocono h1,
#work .caseStudy.pocono h2 span{
	color:#ff7533;
}
#work .caseStudy.pocono h2,
#work .caseStudy.pocono p{
	color:#868788;
}
#work .caseStudy.pocono p{
	padding:0px 20px 0px 0px;
}
/* End Pocono */
/* Start UpstatePA */
#work .caseStudy.upstatepa{
	background:#6f635e;
}
#work .caseStudy.upstatepa h1,
#work .caseStudy.upstatepa h2 span{
	color:#e5e336;
}
#work .caseStudy.upstatepa h2,
#work .caseStudy.upstatepa p{
	color:#bebcbc;
}
#work #upstatepaBookwrap{
	background:url(../img/work/upstatepa/Upstate-Book.jpg) no-repeat;
	width:1500px;
	height:892px;
	position:absolute;
	top:0px;
}
#work #upstatepaBookwrap #upstatepaBook{
	width:1016px;
	height:665px;
	position:absolute;
	top:99px;
	left:246px;
} 
#work .page6{
	background:url(../img/work/upstatepa/upstatepa6.jpg) no-repeat top left;
	background-size: contain;
	max-width:100%;
	max-height:100%;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0px;
	background-size:contain;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
    box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, .3);
}
#work .page6 .page6Zoom{
	background:url(../img/work/upstatepa/upstatepa6Zoomed.jpg) no-repeat;
	width:450px;
	height:892px;
	position:absolute;
	top:0px;
	-webkit-box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, 0.3);
	box-shadow:  0px 0px 8px 8px rgba(32, 29, 30, 0.3);
}
/* End UpstatePA */
/* End Work Section Woohooo! */

/* Start News Section */
#news{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:4;
	xoverflow:hidden;
}
#news h1{
	color:#e5e336;
	position:relative;
	float:left;
	margin:90px 0px 170px 92px;
}
#news h2{
	font-family: 'gothamboldregular';
	font-weight:normal;
	color:#e3e7ea;
	position:relative;
	float:left;
	clear:both;
	font-size:33px;
	letter-spacing:-0.003em;
	line-height:1em;
	margin-top:5px;
	margin-bottom:15px;
}
#positionNews{
	width:1500px;
	top:0px;
	background:#6b5f5a;
	overflow:hidden !important;
}
#news #headlines{
	width:1320px;
	position:relative;
	float:left;
	padding:0px 90px 0px 90px;
}
#news #headlines .nextBtn{
	background:url(../img/nextBtn.png) 0 0 no-repeat;
	width:17px;
	height:26px;
	position:absolute;
	right:0px;
	top:28%;
}
#news #headlines .nextBtn:hover{
	background-position:0px -26px;
}
#news #headlines .prevBtn{
	background:url(../img/prevBtn.png) 0 0 no-repeat;
	width:17px;
	height:26px;
	position:absolute;
	left:0px;
	top:28%;
}
#news #headlines .prevBtn:hover{
	background-position:0px -26px;
}
#news #headlines .slides{
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
#news #headlines li{
	width:421px;
	height:auto;
	position:relative;
	float:left;
	display:none;
	margin-right:19px;
	cursor:pointer;
}
#news #headlines img{
	width:auto;
	height:auto;
	position:relative;
	float:left;
}
#news p{
	color:#e5e336;
	width:auto;
	line-height:1.5em;
	position:relative;
	float:left;
	clear:both;
}
#news p.date{
	font-family: 'gotham-bookgotham-book';
	color:#acadaf;
	font-size:11px;
	margin:25px 0px 0px 0px;
}
#news .slides a{
	color:#e5e336;
	font-size:13px;
	font-family: 'gotham-bookgotham-book';
	width:auto;
	position:relative;
	float:left;
	clear:both;
	cursor:pointer;
	text-decoration:none;
}
#news .slides a:hover{
	color:#ff7533;
}
/* Shared panel Styles with Jobs Section */
#positionNews .panel,
#positionJobs .panel{
	display:none;
	width:760px;
	background:#e3e7ea;
	height:100%;
	position:absolute;
	top:0px;
	right:-769px;
	-webkit-box-shadow:  0px 0px 15px 0px rgba(32, 29, 30, 1);
	box-shadow:  0px 0px 15px 0px rgba(32, 29, 30, 1);
}
#positionNews .panel img,
#positionJobs .panel img{
	position:static;
	top:0px;
	left:0px;
	margin:0px;
	border:0px;
}
#positionNews .panel .copy img.inline{
	margin-top:20px;
	width:auto;
	height:auto;
	position:relative;
	float:left;
	clear:both;
	border:0px;
}
#positionNews .panel .copy,
#positionJobs .panel .copy{
	overflow-y:scroll;
	width:618px;
	padding:0px 74px 0px 44px;
	display:block;
	position:relative;
	float:left;
	margin-right:26px;
	margin-top:20px;
}
.panel .copy::-webkit-scrollbar {
    width: 5px;
}
 
.panel .copy::-webkit-scrollbar-track {
   background:#d4d6d7;
}
 
.panel .copy::-webkit-scrollbar-thumb {
	background:#ff7533;
}
#positionNews .panel .copy p,
#positionJobs .panel .copy p{
	color:#6f635e;
	line-height:1.5em;
	font-size:13px;
	margin:25px 0px 0px 0px;
	position:relative;
	float:left;
	clear:both;
	font-family: 'gotham-bookgotham-book';
}
#positionJobs .panel ul{
	position:relative;
	float:left;
	color:#6f635e;
	margin:25px 0 0 20px;
	padding:0;
	padding-left:5px;
}
#positionJobs .panel ul li{
	line-height:1.5em;
	font-size:13px;
	list-style-type:disc !important;
	font-family: 'gotham-bookgotham-book';
}
.panel .closeBtn{
	background:url(../img/nextBtn.png) 0 0 no-repeat;
	width:17px;
	height:26px;
	position:absolute;
	left:0px;
	top:43%;
	z-index:100;
}
.panel .closeBtn:hover{
	background-position:0px -26px;
}
#news .panel .copy p.date{
	color:#acadaf !important;
}
.panel .copy figcaption{
	width:100%;
	height:auto;
	padding:4px;
	margin:5px 0px 5px 0px;
	position:relative;
	float:left;
	clear:both;
	background:#d4d6d7;
	color:#6f635e;
	font-size:11px;
	font-family: 'gotham-bookgotham-book';
}
#positionNews .panel .copy p.movieLinks a img{
	margin:10px 10px 0px 0px;
	float:none;
	clear:none;
}
#positionNews .panel .copy .movieLinks a,
#positionNews .panel .copy p a,
#positionJobs .panel .copy p a{
	color:#f37736 !important;
	text-decoration:none;
	position:relative;
	float:none;
	clear:none;
}
#news .panel .copy p a:hover,
#positionJobs .panel .copy p a:hover{
	color:#6b5f5a !important;
}
#news .panel .copy h2,
#jobs .panel .copy h2,
#news .panel .copy h2 a{
	color:#6f635e;
	font-size:32px;
	font-weight:normal;
	font-family: 'gothamboldregular';
	width:auto;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	text-decoration:none;
}
#news .panel .copy h3,
#jobs .panel .copy h3{
	color:#6f635e;
	font-family: 'gothamboldregular';
	letter-spacing:-0.03em;
	font-weight:normal;
	font-size:18px;
	margin-top:5px;
	position:relative;
	float:left;
	clear:both;
	margin:0px;
}
#news .panel .copy img
#jobs .panel .copy img{
	width:auto;
	height:auto;
	position:relative;
	float:left;
	margin:20px 0px 8px 0px;
}
/* End News Section */
/* Start Jobs Section */
#jobs{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	xoverflow:hidden;
}
#jobs h1{
	color:#e3e7ea;
	position:relative;
	float:left;
	margin:30px 0px 45px 92px;
}
#positionJobs{
	width:1500px;
	height:892px;
	top:0px;
	background:#ff7533;
	overflow:hidden !important;
}
#positionJobs ul{
	width:auto;
	position:relative;
	float:left;
	clear:both;
	margin:0px 0px 35px 92px;
	padding:0px;
}
#positionJobs li{
	list-style:none;
	position:relative;
	float:left;
	clear:both;
	width:auto;
	margin-bottom:15px;
}
#positionJobs p{
	font-size:15px;
	font-family: 'gotham-bookgotham-book';
	color:#e3e7ea;
	line-height:1.3em;
	letter-spacing:-0.03em;
	position:relative;
	float:left;
	clear:both;
	margin:0px 0px 23px 92px;
}
#positionJobs p span{
	font-family: 'gothamboldregular';
}
#positionJobs li a,
#positionJobs p a{
	color:#e3e7ea;
	text-decoration:none;
	font-family: 'gotham-bookgotham-book';
	font-size:18px;
	cursor:pointer;
}
#positionJobs p a{
	font-size:15px !important;
}
#positionJobs li a:hover,
#positionJobs p a:hover{
	color:#6b5f5a;
}
#positionJobs .socialMedia{
	width:auto;
	position:relative;
	float:left;
	clear:left;
	margin-left:92px;
	margin-bottom:16px;
}
/* End Jobs Section */
/* Start Contact Us */
#contact{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	background:#e5e336;
	xoverflow:hidden;
}
#positionContact h1{
	color:#acadaf;
	position:relative;
	float:left;
	margin:78px 0px 100px 92px;
}
#positionContact{
	width:1500px;
	height:892px;
	top:0px;
	overflow:hidden !important;
}
#positionContact p{
	font-family: 'gotham-bookgotham-book';
	color:#979798;
	font-size:16px;
	line-height:1.3em;
	letter-spacing:-0.03em;
	position:relative;
	float:left;
	clear:left;
	margin:0px 0px 25px 92px;
}
#positionContact p span{
	 font-family: 'gothamblackregular';
}
#positionContact p a{
	color:#979798;
	text-decoration:none;
}
#positionContact p a:hover{
	color:#ff7533;
}
#positionContact .addyWrap{
	width:680px;
	position:relative;
	float:left;
	clear:left;
	margin:175px 0px 0px 92px;
}
#positionContact .addyWrap p{
	margin:0px !important;
	font-style:normal;
}
#positionContact .addyWrap p span{
	font-family: 'gotham-bookgotham-book';
}
#positionContact .addyWrap p.org{
	font-family: 'gothamblackregular';
}
#positionContact .addyWrap .city{
	position:relative;
	float:left;
	width:280px;
	padding-right:60px;
}
#positionContact .addyWrap .beach{
	position:relative;
	float:left;
	width:280px;
	padding-right:60px;
}
#positionContact .upperHand{
	background:url(../img/topHand.png) no-repeat;
	width:289px;
	height:411px;
	position:absolute;
	top:-200px;
	left:995px;
}
#positionContact .lowerHand{
	background:url(../img/lowerHand.png) no-repeat;
	width:282px;
	height:414px;
	position:absolute;
	bottom:-200px;
	left:864px;
}
#positionContact .closedHand{
	background:url(../img/closeHand.png) no-repeat;
	width:307px;
	height:461px;
	position:absolute;
	bottom:-100px;
	left:954px;
}
#positionContact .topFinger{
	background:url(../img/topfinger.png) no-repeat;
	width:257px;
	height:547px;
	position:absolute;
	top:-100px;
	left:1053px;
}
/* End Contact Us */
/* END MAIN STYLES */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}