/* exploded map specific styles */

a img { border: none; }




/* typography */
/* -------------------------------------------------------------------------------------- */

h1, h2, h3, p, address
{
	font-family: Helvetica, Arial, sans-serif;
	
}


h1, h2, h3
{
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1
{
	text-align: center;
	font-size: 46px;
	line-height: 48px;
}
h2
{
	text-align: center;
	font-size: 36px;
	line-height: 38px;
}
h3
{
	font-size: 20px;
	line-height: 22px;
	padding-bottom: 5px;
	border-bottom: solid 3px #000;
}
p
{
	font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	padding: 0 10px 0 10px;
	width: 85%;
	margin: 0 auto;
}

/* home page */
/* -------------------------------------------------------------------------------------- */

section
{
	clear: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-width: 320px;

}

/* section main */
header
{
	padding: 30px 0 24px 0;
	border-bottom: solid 1px #CCCCCC;
}

header img
{
	float: left;
	margin: 30px 30px 30px 0;
}

header ul
{
	float: left;
	margin: 30px 0 30px 10px;
	padding: 0 0 0 0;
}

header ul li
{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
}

header p
{
	clear: left;
	margin-bottom: 10px;
	width: 85%;
	padding-left: 0;
	padding-right: 0;

}


div.center
{
	width: 75%;
	margin: 0 auto;
		
}

div.center3
{

	width: 85%;
	margin: 0 auto;
	
}



/* section contact */
section.contact
{
	padding: 30px 0 30px 0;
	text-align: center;
}

section.contact p,
section.thankyou p
{
	margin: 20px auto 10px auto;
}

section.contact a.contact
{
	display: inline-block;.
	overflow: hidden;
	text-indent: -6666px;
	width: 81px;
	height: 81px;
	margin: 10px 40px 10px 40px;
}

a.twitter  { background: url('../img/Main/twitter.jpg') no-repeat scroll top left; }
a.linkedin { background: url('../img/Main/linkedin.jpg') no-repeat scroll top left; }
a.facebook { background: url('../img/Main/facebook.jpg') no-repeat scroll top left; }
a.email  { background: url('../img/Main/email.jpg') no-repeat scroll top left; }


/* section clients */

section.clients
{
	padding: 30px 0 30px 0;
	border-bottom: solid 1px #CCCCCC;
}


section.clients h2
{
	margin-bottom: 20px;
}

section.clients p
{
	margin: 0 auto 10px auto;
}

section.clients p.ux
{
	text-align: center;
	margin: 12px 0 31px 0;
	height: 51px;
	width: 100%;
}

section.clients a
{
	background: url('../img/Main/ux.jpg') no-repeat scroll top left;
	width: 281px;
	height: 51px;
	text-indent: -6666px;
	display: inline-block;
}


/* section work */


section.work ul
{
	float: left;
	margin: 30px 0 40px 0;
	padding: 40px 0 0 0;
	
}

section.work li
{
	float: left;
	margin: 0;
	padding: 20px 0 20px 0;
	margin: -41px 0 0 -1px;
	list-style-type: none;
	background: url('../img/Main/workBG.png') no-repeat scroll top left;
	width: 241px;
	height: 160px;
	
}

section.work li p{
	
	margin: 0 12px 0 10px;
	text-indent: -6666px;
	overflow: hidden;
	width: 220px;
	height: 110px; 
}

li.Arnold p { background: url('../img/Logos/Arnold.jpg') no-repeat scroll top left; }
li.Atmo p { background: url('../img/Logos/Atmo.jpg') no-repeat scroll top left; }
li.Bigspace p { background: url('../img/Logos/Bigspace.jpg') no-repeat scroll top left; }
li.Boston p { background: url('../img/Logos/Boston.jpg') no-repeat scroll top left; }
li.Doremus p { background: url('../img/Logos/Doremus.jpg') no-repeat scroll top left; }
li.Dotbox p { background: url('../img/Logos/Dotbox.jpg') no-repeat scroll top left; }
li.ECP p { background: url('../img/Logos/ECP.jpg') no-repeat scroll top left; }
li.Evoke p { background: url('../img/Logos/Evoke.jpg') no-repeat scroll top left; }
li.Flashpoint p { background: url('../img/Logos/Flashpoint.jpg') no-repeat scroll top left; }
li.Kstreet p { background: url('../img/Logos/Kstreet.jpg') no-repeat scroll top left; }
li.MI p { background: url('../img/Logos/MI.jpg') no-repeat scroll top left; }
li.Mcgarry p { background: url('../img/Logos/Mcgarry.jpg') no-repeat scroll top left; }
li.Rapp p { background: url('../img/Logos/Rapp.jpg') no-repeat scroll top left; }
li.RFI p { background: url('../img/Logos/RFI.jpg') no-repeat scroll top left; }
li.Strawberry p { background: url('../img/Logos/Strawberry.jpg') no-repeat scroll top left; }
li.Tribal p { background: url('../img/Logos/Tribal.jpg') no-repeat scroll top left; }
li.Resolute p { background: url('../img/Logos/Resolute.jpg') no-repeat scroll top left; }
li.Wonderfactory p { background: url('../img/Logos/Wonderfactory.jpg') no-repeat scroll top left; }
li.REOL p { background: url('../img/Logos/Reol.jpg') no-repeat scroll top left; }
li.EarlyAdopter p { background: url('../img/Logos/EarlyAdopter.jpg') no-repeat scroll top left; }
li.Myskin p { background: url('../img/Logos/Myskin.jpg') no-repeat scroll top left; }
li.Songtrust p { background: url('../img/Logos/Songtrust.jpg') no-repeat scroll top left; }
li.Tenlegs p { background: url('../img/Logos/Tenlegs.jpg') no-repeat scroll top left; }
li.Local p { background: url('../img/Logos/Local.jpg') no-repeat scroll top left; }
li.Zooba p { background: url('../img/Logos/Zooba.jpg') no-repeat scroll top left; }
li.Park p { background: url('../img/Logos/Park.jpg') no-repeat scroll top left; }
li.Saaspire p { background: url('../img/Logos/Saaspire.jpg') no-repeat scroll top left; }
li.EWC p { background: url('../img/Logos/EWC.jpg') no-repeat scroll top left; }
li.JUNIORS p { background: url('../img/Logos/JUNIORS.jpg') no-repeat scroll top left; }
li.Advil p { background: url('../img/Logos/Advil.jpg') no-repeat scroll top left; }
li.Hyundai p { background: url('../img/Logos/hyundai.jpg') no-repeat scroll top left; }
li.Jimbeam p { background: url('../img/Logos/Jimbeam.jpg') no-repeat scroll top left; }
li.Lays p { background: url('../img/Logos/Lays.jpg') no-repeat scroll top left; }
li.Pampers p { background: url('../img/Logos/pampers.jpg') no-repeat scroll top left; }
li.DouglasElliman p { background: url('../img/Logos/DouglasElliman.jpg') no-repeat scroll top left; }
li.Esso p { background: url('../img/Logos/Esso.jpg') no-repeat scroll top left; }
li.Exxon p { background: url('../img/Logos/Exxon.jpg') no-repeat scroll top left; }
li.SpringHill p { background: url('../img/Logos/SpringHill.jpg') no-repeat scroll top left; }
li.Kaplan p { background: url('../img/Logos/Kaplan.jpg') no-repeat scroll top left; }
li.VM p { background: url('../img/Logos/VandM.jpg') no-repeat scroll top left; }
li.AIGT p { background: url('../img/Logos/AIGT.jpg') no-repeat scroll top left; }
li.Humana p { background: url('../img/Logos/Humana.jpg') no-repeat scroll top left; }
li.OI p { background: url('../img/Logos/OI.jpg') no-repeat scroll top left; }
li.Chevron p { background: url('../img/Logos/Chevron.jpg') no-repeat scroll top left; }
li.Merrill p { background: url('../img/Logos/Merrill.jpg') no-repeat scroll top left; }
li.Allure p { background: url('../img/Logos/Allure.jpg') no-repeat scroll top left; }
li.CNT p { background: url('../img/Logos/CNT.jpg') no-repeat scroll top left; }
li.CN p { background: url('../img/Logos/CN.jpg') no-repeat scroll top left; }
li.Hearst p { background: url('../img/Logos/Hearst.jpg') no-repeat scroll top left; }
li.LMK p { background: url('../img/Logos/LMK.jpg') no-repeat scroll top left; }
li.Bravo p { background: url('../img/Logos/Bravo.jpg') no-repeat scroll top left; }
li.Met p { background: url('../img/Logos/Met.jpg') no-repeat scroll top left; }
li.Naacp p { background: url('../img/Logos/Naacp.jpg') no-repeat scroll top left; }
li.Sothebys p { background: url('../img/Logos/Sothebys.jpg') no-repeat scroll top left; }
li.Aubagio p { background: url('../img/Logos/Aubagio.jpg') no-repeat scroll top left; }
li.Daytrana p { background: url('../img/Logos/Daytrana.jpg') no-repeat scroll top left; }
li.Depuy p { background: url('../img/Logos/Depuy.jpg') no-repeat scroll top left; }
li.Eliquis p { background: url('../img/Logos/Eliquis.jpg') no-repeat scroll top left; }
li.Enbrel p { background: url('../img/Logos/Enbrel.jpg') no-repeat scroll top left; }
li.Gardasil p { background: url('../img/Logos/Gardasil.jpg') no-repeat scroll top left; }
li.Genzyme p { background: url('../img/Logos/Genzyme.jpg') no-repeat scroll top left; }
li.Goldenliving p { background: url('../img/Logos/Goldenliving.jpg') no-repeat scroll top left; }
li.JJ p { background: url('../img/Logos/Johsonandjohnson.jpg') no-repeat scroll top left; }
li.Merz p { background: url('../img/Logos/Merz.jpg') no-repeat scroll top left; }
li.Xeomin p { background: url('../img/Logos/Xeomin.jpg') no-repeat scroll top left; }	


/* footer */

footer
{
	float: left;
	text-align: center;
	padding-top: 25px;
	border-top: solid 1px #ccc;
	margin-top: 30px;

}

footer div.center
{
	width: 85%;
	

}

footer h3
{
	text-align: left;
}

footer p
{
	font-size: 18px;
	line-height: 22px;
	margin-top: 30px;
	width: auto;
}

footer p.contact
{
	float: left;
}

footer a
{
	display: inline-block;.
	overflow: hidden;
	text-indent: -6666px;
	width: 81px;
	height: 81px;
	margin: 10px 40px 10px 40px;
}

footer address
{
	float: left;
	margin: 25px 0 0 10px;
	padding-bottom: 60px;
}

footer address p
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 14px;
}





/* mobile overrides */

@media all and (max-width: 320px) {
  
	h1
	{
		font-size: 28px;
	}
	h2
	{
		font-size:24px;
	}
	h3
	{
		font-size: 20px;
	}
	
	p
	{
		width: auto;
		margin: auto;

	}
	
	
	header
	{
		padding: 10px 0 10px 0;
	}
	
	header ul
	{
		padding-bottom: 10px;
	}
	
	header p
	{
		width: 285px;
		margin-left: -5px;
	}

	header img
	{
		width: 190px;
		height: 190px;
		margin: 10px 0 0 0;
		margin-left: 40px;
		overflow: hidden;
		padding: 0 0 0 0;
	
	}
	
	header ul
	{
		margin: 10px 0 10px 10px;
	}
	
	header ul li
	{
		font-size: 18px;
		line-height: 18px;
	}
	
	section
	{
		max-width: 300px;
		min-width: 300px;
		overflow: hidden;

	}
	
	
	section.contact,
	section.clients
	{
		padding-top: 20px;
	}
	
	section.clients p
	{
		margin: 20px 0 0 0;
		width: 300px;
	}
	
	section.clients h2
	{
		width: 290px;
		padding: 0 10px 0 10px;
		line-height: 24px;
	}
	
	section.contact p
	{
		margin: 0 0 0 -10px;;
		width: 300px;
	}
	
	section.contact a.contact,
	footer a.contact,
	footer a
	{
		width: 61px;
		height: 61px;
		background-size: 61px 61px;
		margin: 10px 5px 10px 0;
	}
	
	
	section.contact .center3
	{
		margin-left: 14px;
	}

	
	section.clients p.ux {
	    margin: 12px 0 20px;
	}
	
	section.work
	{
		margin: 0 0 0 0;
	}
	
	section.work ul
	{
		float: left;
		margin: 0px 0 40px -25px;
		padding: 0 0 0 26px;
		width: 320px;

	}
	
	section.work li
	{
		padding: 20px 0 20px 0;
		margin: -1px 0 0 -1px;
		background: none;
		width: 137px;
		height: 69px;
		float: left;
		clear: none;

	}

	section.work li p{

		margin: -1px 12px 0 -1px;
		text-indent: -6666px;
		overflow: hidden;
		border: solid 1px #ccc;
		background-size: 136px 67px;
		width: 137px;
		height: 69px;
	}
	
	footer
	{
		text-align: left;
		margin: 0 0 0 0;
		padding: 10px 0 0 0;

	}
	
	footer p
	{
		margin: 0 0 0 0;
		padding: 5px 0 0 0;
		font-size: 14px;
		width: 280px;
	}
	
	footer div.center,
	div.center
	{
		width: auto;
		margin: auto;
	}
	
}