/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		
	}
.contentArea{
	padding:0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	color:#222;
	overflow:visible;
	position: relative;
	 z-index:10;
}
.contentAreaHero{
	padding:0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#222;
	overflow:visible;
	position: relative;
	 z-index:1;
}
.logoGridBlock{
	padding:0px;
	margin-left: 00px;
	margin-right: 10px;
	margin-bottom: -22px;
	padding-bottom:0px;
	margin-top: 0px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:10px;
	overflow:visible;
	position: relative;
	 z-index:10;
	}
.navArea{
	padding:0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	padding-bottom:0px;
	margin-top: 30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#565656;
	font-size:14px;
	line-height:26px;
	overflow:visible;
	position: relative;
	 z-index:10;
	 text-align:center;
	}
.navArea2{
	padding:0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	padding-bottom:0px;
	margin-top: 30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#565656;
	font-size:14px;
	line-height:26px;
	overflow:visible;
	position: relative;
	 z-index:10;
	 text-align:left;
	 min-width:200px;
	}
.navArea2b{
	padding:0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-bottom:0px;
	margin-top: 20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#565656;
	font-size:14px;
	line-height:26px;
	overflow:visible;
	position:relative;
	 z-index:10;
	 text-align:right;
	}
a:link {text-decoration:none;color:#565656;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 a:visited {text-decoration:none;color:#565656;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 a:hover {text-decoration:none;color:#565656;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 a:active {text-decoration:none;color:#565656;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.logoPNG{ position: absolute;  left: 0px; top: 0px; z-index:1; }
.close{ position: absolute;  right: -25px; top: -15px; z-index:1; }
.scissors{ position:absolute;  right: 25px; top: -21px; z-index:1; }
.dotline1{ position:absolute;  right: -472px; top: -4px; z-index:1; width:472px; height:1px; min-width:472px;}
.dotline2{ position:absolute;  right: 0px; top: -4px; z-index:1; width:986px; height:1px;min-width:986px;}
.dotline3{ position:absolute;  right: 986px; top: -4px; z-index:1; width:986px; height:1px;min-width:986px;}
.darkGrayEndL{ position:absolute;  top:20px; left:-60px; z-index:10; width:1000px; height:43px;}
.darkGrayEndR{ position:absolute;  top:20px; left:-60px; z-index:10; width:1000px; height:43px;}
.wwa_big1{position:absolute;  top:-50px; left:100px; z-index:10;width:130px; height:271px; max-width:130px;}
.wwa_big2{position:absolute;  top:0px; left:-190px; z-index:10;width:189px; height:275px; max-width:189px;}
.wwa_big3{position:absolute;  top:-19px; left:120px; z-index:10;width:202px; height:280px; max-width:202px;}
.leftBracket{position:absolute;  top:0px; left:0px; z-index:10;}
.rightBracket{position:absolute;  top:0px; left:0px; z-index:10;}
.leftBracketG{position:absolute;  top:0px; left:0px; z-index:10;}
.rightBracketG{position:absolute;  top:0px; left:0px; z-index:10;}
.ourWork{
	position:absolute;
	top:-2px;
	left:0px;
	z-index:1;
}
.hello{
	position:absolute;
	top:-12px;
	left:-60px;
	z-index:1;
	min-width:430px;
	height:100px;
}
.duck{
	position:absolute;
	top:0px;
	right:0px;
	z-index:1;
	min-width:234px;
	height:234px;
}
.addressSpacer{width:100%;height:110px;z-index:10;position:relative;}
.addressSpacer1{width:100%;height:110px;z-index:10;position:relative;}
.addressSpacer2{width:100%;height:110px;z-index:10;position:relative;}
.PBJSfooter{
	position:absolute;
	top:13px;
	left:10px;
	z-index:1;
	min-width:144px;
	height:37px;
}
.PBJSfooterM{
	position:relative;
	top:23px;
	z-index:1;
	min-width:144px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	left:10px;
	right:10px;
	color:#940030;
}
.PBJSfooterR{
	position:absolute;
	top:13px;
	right:10px;
	z-index:1;
	height:37px;
}
.pinkTop{
	position:absolute;
	left: -480px;
	top: -4px;
	z-index:1;
	background-color:#ed145b;
	min-width:1915px;
	max-height:4px;
}
.pinkExpand{
	position:absolute;
	left: -480px;
	top: 0px;
	z-index:1;
	background-color:#ed145b;
	min-width:1915px;
}
.pinkExpandF{
	position:absolute;
	left: 0px;
	top: 0px;
	z-index:-1;
	background-color:#ed145b;
	/*min-width:1915px;*/
}
.grayExpand{
	position:absolute;
	left: -480px;
	top: 0px;
	z-index:-10;
	background-color:#d7d7d7;
	min-width:1915px;
}
.redExpandL{
	position:absolute;
	left: -600px;
	top: 0px;
	z-index:1;
	background-color:#940030;
	min-width:610px;
	height:278px;
}
.redExpandR{
	position:absolute;
	right: -520px;
	top: 0px;
	z-index:1;
	background-color:#940030;
	min-width:550px;
	height:278px;
}
.gridBase{
	position:relative;
}
.interactive{
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:140px;
}
.video{
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:140px;
}
.liveEvents{
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:140px;
}
.branding{
	position:absolute;
	top:0px;
	left:0px;
	width:140px;
	height:140px;
}
#anglesL{
	visibility:visible;
	min-height:278px;
}
#anglesR{
	visibility:visible;
	min-height:278px;
}
.Antic1{
font-family: 'Antic Slab', serif;
	color:#940030;
	font-size:68px;
	}
.rokk1{
	font-family: 'Rokkitt', serif;
	color:#ffffff;
	font-size:32px;
	}
.rokk2{
	font-family: 'Rokkitt', serif;
	color:#ffffff;
	font-size:22px;
	}
.rokk3{
	font-family: 'Rokkitt', serif;
	color:#565656;
	font-size:80px;
	text-transform:uppercase;
	font-weight:400;
	line-height:70px;
	}
.rokk4{
	font-family: 'Rokkitt', serif;
	color:#ed145b;
	font-size:36px;
	text-transform:uppercase;
	}
.rokk4b{
	font-family: 'Rokkitt', serif;
	color:#ed145b;
	font-size:36px;
	line-height:32px;
	text-transform:uppercase;
	}
.robo1{
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
	font-size:14px;
}
.robo2{
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
	font-size:10px;
}
.robo3{
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:14px;
	font-weight:300;
	line-height:20px;
}
.robo3i{
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:14px;
	font-weight:300;
	font-style:italic;
	line-height:20px;
}
.robo4{
	font-family: 'Roboto', sans-serif;
	color:#940030;
	font-size:14px;
	font-weight:700;
}
.robo5{
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:70px;
	font-weight:300;
	text-transform:uppercase;
	line-height:60px;
}
.robo6{
	font-family: 'Roboto', sans-serif;
	color:#d7d7d7;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}
.robo7{
	font-family: 'Roboto', sans-serif;
	color:#ed145b;
	font-size:24px;
	font-weight:300;
}
.robo8{
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:18px;
	font-weight:400;
}
.josephin1{
	font-family: 'Josefin Slab', serif;
	color:#940030;
	font-size:48px;
	font-weight:100;
	}
.Merriweather1{
	font-family: 'Merriweather', serif;
	color:#565656;
	font-size:90px;
	text-transform:uppercase;
	font-weight:300;
	}
.viewOurWork{ margin-bottom:-12px; }
.scallop1{ position:absolute; left:-818px; bottom:-11px;  z-index:1; width:818px; height:56px; min-width:818px;}
.scallop2{ position:absolute; left:-818px; bottom:-11px;  z-index:1; width:818px; height:56px;min-width:818px;}
.viewOurWorkT{position:absolute; left:-818px; bottom:10px;  z-index:10; 
	font-family: 'Roboto', sans-serif;
	color:#ffffff;
	font-size:18px;
	text-decoration:underline;}
.sh_t{position:absolute;  top:158px; left:45px; z-index:10; }
.sh_f{position:absolute;  top:183px; left:121px; z-index:10; }
.sh_in{position:absolute;  top:158px; left:204px; z-index:10; }
#sayHiPNG{position:relative;top:-20px;}
.horse{position:absolute;  top:0px; left:45px; z-index:10; }
.Creative_blob{position:absolute;  bottom:-360px; right:0px; z-index:10; }
.quoteL{position:absolute;  top:0px; left:45px; z-index:-10;}
.quoteR{position:absolute;  top:0px; left:45px; z-index:-10;}
.heartLinesM{visibility:collapse;height:0px;}
.heartLines{visibility:visible;height:104px;}
.Heart_L{
	position:absolute;  top:0px; left:0px; z-index:-10;
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:14px;
	font-weight:300;
	line-height:18px;display:inline-block;text-align:right;
	}
.Heart_R{
	position:absolute;  top:0px; left:0px; z-index:-10;
	font-family: 'Roboto', sans-serif;
	color:#565656;
	font-size:14px;
	font-weight:300;
	line-height:18px;display:inline-block;text-align:left;
	}
	.borderD1{
		position:absolute;
		top:0px;
		left:0px;
		width:100px;
		height:100px;
		border-style:double;
    border-width: 3px;
    border-color:#d7d7d7;
	z-index:30;
	}
	#forBorder{
		padding-top:40px;
		padding-left:40px;
		padding-right:20px;
		background-color:#ffffff;
	}
	#forBorder2{
		padding-left:20px;
		padding-top:60px;
		padding-right:40px;
	}
	/*.mslG{
		position:absolute;
		top:0px;
		left:0px;
	}*/
	/*.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}*/
	

/* ============================= */
/* ! Layout for mobile version 767   */
/* ============================= */

@media handheld, only screen and (max-width: 750px) {

	body {
		min-width:320px;
		background-color:#9b918d;
		-webkit-text-size-adjust: none;
	}
.navArea{
	 text-align:left!important;
	margin-left: 20px!important;
	line-height:16px;
	margin-top:28px;
	margin-bottom:0px;
	}
.navArea2{
	 text-align:left!important;
	margin-left: 20px!important;
	line-height:16px;
	margin-top:10px;
	margin-bottom:0px;
	}
.navArea2b{
	 text-align:left!important;
	margin-left: 20px!important;
	line-height:16px;
	margin-top:10px;
	margin-bottom:0px;
	}
.logoGridBlock{
	margin-left: 20px!important;
	}

#anglesL{
	visibility:collapse;
	height:0px;
	min-height:0px;
}
#anglesR{
	visibility:collapse;
	height:0px;
	min-height:0px;
}
.rokk3{
	font-size:50px;
	line-height:40px;
	}
.robo5{
	font-size:40px;
	line-height:30px;
	}
	.addressSpacer{
		visibility:collapse;
	height:0px;
	min-height:0px;
	}
.duck{
	top:-200px;
}
.Heart_L{
	position:inherit;
	text-align:center;
}
.Heart_R{
	position:inherit;
	text-align:center;
}
.heartLinesM{visibility:visible;height:104px;}
.heartLines{visibility:collapse;height:0px;}
.shr1c1{visibility:collapse;height:0px;}
.shr1c5{visibility:collapse;height:0px;}
#sayHiPNG{position:relative;top:0px;}
.shTri{visibility:collapse;height:0px;}
.shSpace02{visibility:collapse;height:0px;}
.shSpace03{visibility:collapse;height:0px;}
.shSpace04{visibility:collapse;height:0px;}
#wwa_r2c1{text-align:center}
#wwa_r2c2{text-align:center}
#wwa_r2c3{text-align:center;visibility:collapse;height:0px !important;}
#wwa_r3c1{text-align:center;visibility:collapse;height:0px !important;}
#wwa_r3c2{text-align:center !important}
#wwa_r3c3{text-align:center}
#wwa_r4c1{text-align:center}
#wwa_r4c2{text-align:center}
#wwa_r4c3{text-align:center;visibility:collapse;height:0px !important;}
.Creative_blob{text-align:center;visibility:collapse;height:0px !important;}
.contentArea{text-align:center;}
	.addressSpacer1{
		visibility:collapse;
	height:0px;
	min-height:0px;
	}
	.addressSpacer2{
		visibility:collapse;
	height:0px;
	min-height:0px;
	}
	#WWDcenter{text-align:center !important;}
.PBJSfooterR{
	position:relative;
	top:20px;
	right:0px !important;
}
.PBJSfooter{
	position:relative;
	text-align:center !important;
	left:0px !important;
}
.logoTop{
	width:120px;
}
	/*.mslG{
		position:inherit;
		top:0px;
	}*/
	#forBorder{
		padding-top:40px !important;
		padding-left:60px !important;
		padding-right:60px !important;
	}
	#forBorder2{
		padding-left:60px !important;
		padding-top:20px !important;
		padding-right:60px !important;
	}
	.CSshareLinks{
		float:left !important;
		margin-right:300px;
		}
}

@media screen and (max-width: 500px) {
	.CSshareLinks{
		float:left !important;
		margin-right:50px;
		}
}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}

.navArea{
	 text-align:left!important;
	margin-left: 20px!important;
	}*/
.logoGridBlock{
	margin-left: 20px!important;
	}
	
#anglesL{
	visibility:collapse;
	height:0px;
	min-height:0px;
}
#anglesR{
	visibility:collapse;
	height:0px;
	min-height:0px;
}
.rokk3{
	font-size:50px;
	line-height:40px;
	}
.robo5{
	font-size:40px;
	line-height:30px;
	}
}