@charset "UTF-8";
	/* CSS Document */
	
	
	::selection {
		background:#2b2b2b;
		color:#FFF;
	}
	
	::-webkit-selection {
		background:#2b2b2b;
		color:#FFF;
	}
	
	::-moz-selection {
		background:#2b2b2b;
		color:#FFF;
	}
	
	a:link, a:visited {
		text-decoration: none;
		color:#FFF;
	}
	
	
	h2 {
		font: 15px/20px 'ArvoR', Arial, sans-serif;letter-spacing: 0;
	}
	
	h3 {
		font: 11px/10px 'ArvoBR', Arial, sans-serif;letter-spacing: 0;
		padding:0;
		margin:0	;
		display:inline;
	}
	
	body {
		background:url(pics/wp.png) top center repeat;
		margin:0;
		padding:0;
		width:1150px;
	}
	

	#topPic {
		width: 970px;
		height: 80px;
		margin: 0 auto 0;
		padding:0;
		background:url(pics/body.png) center no-repeat;
	}
	
	#mainSection {
		background-color:#e8e2d6;
		width: 890px;
		margin:0 auto 0;
		border: 40px solid #faf6ee;
	/*	-webkit-box-shadow:0 0 30px #111;
		-moz-box-shadow:0 0 30px #111;
		box-shadow:0 0 30px #111*/
	}
	
	#leftHand {
		width:105px;
		height:162px;
		margin-left:-118px;
		margin-top:-20px;
		float:left;
		background:url(pics/handsLeft.png) no-repeat;
	}
	
	#rightHand {
		width:113px;
		height:163px;
		margin-right:-117px;
		margin-top:-20px;
		float:right;
		background:url(pics/handsRight.png) no-repeat;
	}
	
	#homeSect {
		width:890px;
		height:700px;
	}
	
	#pieChart {
		float:left;
		width:454px;
		margin-top: 90px;
		margin-left: 75px;
	}
	
	#imgPie {
		float:left;
		display:block;
	}
	
	#pieKey {
		clear:left;
		margin-left:-30px;
	}
	
	#pieKey li {
		font: 11px/16px 'ArvoR', Arial, sans-serif;letter-spacing: 0;
		color: #7e7768;
		float:left;
		display:inline;
		list-style:none;
		margin:15px 10px 0 0;
	}
	
	#pieKey li div {
		float:left;
		line-height:28px;
	}
	
	#pieKey li img {
		float:left;
		margin: 0 4px 0 0;
	}
	
	#topHeader {
		float:left;
		margin:220px 0 0 35px;
		width: 255px;
	}
	
	#howTo {
		font: 11px/16px 'ArvoR', Arial, sans-serif;letter-spacing: 0;
		text-align:justify;
		text-justify:inter-word;
		background:#fff;
		width: 164px;
		display:block;
		margin: -145px auto 45px;
		padding: 5px;
		color: #7e7768;
	/*	-webkit-box-shadow: 0 0 6px #999;
		-moz-box-shadow: 0 0 6px #999;
		box-shadow: 0 0 6px #999;*/
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		opacity: 0;
		-webkit-transition:opacity 0.3s;
		-moz-transition:opacity 0.3s;
		transition:opacity 0.3s;
	}
	
	#HTtitle {
		font: 11px/16px 'ArvoBR', Arial, sans-serif;letter-spacing: 0;
	}
	
	#namePic:hover + #howTo {
		opacity: 100;
	}
	
	#tagline {
		margin-bottom: 15px;
		margin-top:45px;
		color: #7e7768;
	}
	
	#mobileTag {
		display:none;
	}
	
	#mainNav {
		background-color: #2b2b2b;
		height: 46px;
		margin:0 -87px 0 -20px;
		padding-left:16px;
	/*	-webkit-box-shadow:0 0 20px #111;
		-moz-box-shadow:0 0 20px #111;
		box-shadow:0 0 20px #111;*/
	
	}
	
	#mainNav > a {
		height: 46px;
		float:left;
		
	}
	
	#mainNavWork {
		background: url(pics/navWork.png) no-repeat center;
		width:76px;
	}
	
	#mainNavAbout {
		background: url(pics/navAbout.png) no-repeat center;
		width:79px;
	}
	
	#mainNavContact {
		background: url(pics/navContact.png) no-repeat center;
		width:100px;
	}
	
	
	
	/* section headers */
	
	.headerSect {
		background: #2b2b2b;
		width:890px;
		height: 46px;
		margin:0 0 50px -16px;
		padding:0 13px 0 20px;
/*		-webkit-box-shadow:0 0 20px #111;
		-moz-box-shadow:0 0 20px #111;
		box-shadow:0 0 20px #111;*/
	
	}
	
	.headerSect > img {
		margin-left: 15px;
		float:left;
	}
	
	.headerNav {
		float:right;
		margin-right:20px;
	}
	
	.headerNav a {
		float:left;
		height: 46px;
	}
	
	.headerNav a img {
		visibility:hidden;
	}
	
	
	.headerNavHome {
		background:url(pics/navHome.png);
	}
	
	.headerNavWork {
		background:url(pics/navWork.png);
	}
	
	.headerNavAbout {
		background:url(pics/navAbout.png);
	}
	
	.headerNavContact {
		background:url(pics/navContact.png);
	}
	
	
	/* Work section */
	
	#workKey {
		float:right;
		clear:both;
		margin-right:20px;
		margin-bottom:20px;
	}
	
	#workKey div {
		float:left;
		margin-right:0;
		padding:5px 10px 5px 10px;
		font: 11px/16px 'ArvoR', Arial, sans-serif;
		letter-spacing: 0;
		word-spacing:0.1em;
		color: #47443e;
	}
	
	#workKeyMostly {
		color:#7e7768 !important;
	}
	
	#workKeyAd {
		background:#b9d76e;
	}
	
	#workKeyDesign {
		background:#dc8085;
	}
	
	#workKeyIllustration {
		background:#d8c278;
	}
	
	#hidden {
		display:none;
	}
	
	
	#workThumbs {
		display:block;
		clear:both;
		margin: 0 auto 20px;
		padding:20px 0 100px;
		width:720px;
		height:850px;
	}
	
	.thumb {
		display:block;
		float:left;
		width:230px;
		height:170px;
		margin:5px 5px 5px;

	}
	
	.thumbBGad {
		background-color:rgba(185, 215, 110, 0.8);
		width:100%;
		height:10px;
	}
		

	.thumbBGgd {
		background-color:rgba(220, 128, 133, 0.8);
		width:100%;
		height:10px;

	}
	
	.thumbBGil {
		background-color:rgba(233, 201, 90, 0.8);
		width:100%;
		height:10px;
	
	}		
	
	.thumbOverlay {
		float:left;
		width:210px;
		background:rgba(43, 43, 43, 0.8);
		padding:5px 10px 5px 10px;
		font: 11px/16px 'ArvoR', Arial, sans-serif;
		color:#FFF;
	
	}
	
	#pepcid {
		background:url(work/thumbs/pepcid.jpg) no-repeat;
	}

	
	#tourismIreland {
		background:url(work/thumbs/tourismIreland.jpg) no-repeat;
	}

	
	#levis {
		background:url(work/thumbs/levis.jpg) no-repeat;
	}
	
	
	#change {
		background:url(work/thumbs/change.jpg) no-repeat;
	}
	
	#sw {
		background:url(work/thumbs/sw.jpg) no-repeat;
	}
	
	#bbad {
		background:url(work/thumbs/bb.jpg) no-repeat;
	}
	
	#bluebeard {
		background:url(work/thumbs/bluebeard.jpg) no-repeat;
	}
	
	#f2f {
		background:url(work/thumbs/f2f.jpg) no-repeat;
	}
	
	#nycares {
		background:url(work/thumbs/nycares.jpg) no-repeat;
	}
	
	#subway {
		background:url(work/thumbs/subway.jpg) no-repeat;
	}
	
	#listerine {
		background:url(work/thumbs/listerine.jpg) no-repeat;
	}
	
	#cities {
		background:url(work/thumbs/cities.jpg) no-repeat;
	}
	
	#greetings {
		background:url(work/thumbs/greetings.jpg) no-repeat;
	}
	
	#mashup {
		background:url(work/thumbs/mashup.jpg) no-repeat;
	}
		
	#tamap {
		background:url(work/thumbs/tamap.jpg) no-repeat;
	}
	
	#stouffers {
		background:url(work/thumbs/stouffers.jpg) no-repeat;
	}
	
	#sudafed {
		background:url(work/thumbs/sudafed.jpg) no-repeat;
	}
	
	#fwmm {
		background:url(work/thumbs/fwmm.jpg) no-repeat;
	}
	
	#fwmm {
		background:url(work/thumbs/ettv.jpg) no-repeat;
	}
	
	#howwefamily {
		background:url(work/thumbs/howwefamily.jpg) no-repeat;
	}
	
	#tribeca {
		background:url(work/thumbs/tribeca.jpg) no-repeat;
	}
	
	#trump {
		background:url(work/thumbs/trump.jpg) no-repeat;
	}
	
	#soother {
		background:url(work/thumbs/soother.jpg) no-repeat;
	}
	
	#vonage {
		background:url(work/thumbs/vonage.jpg) no-repeat;
	}
	
	#prostate {
		background:url(work/thumbs/prostate.jpg) no-repeat;
	}
	
	/* about section */
	
	#aboutContent {
		width: 690px;
		margin:120px auto 100px;
		height:550px;
	}
	
	#aboutCopy {
		margin-top:50px;
		float:left;
		width:450px;
		color: #7e7768;
		text-align:justify;
		text-justify:inter-word;
	}
	
	.greenText {
		color:#92b340;
		display:inline;
	}
	
	.blueText {
		display:inline;
		color:#607ac1;
	}
	
	.brownText {
		display:inline;
		color:#c4578a;
	}
	
	#jwtLink {
		color:#92b340;
		text-decoration:underline;
	}
	
	#svaLink {
		color:#607ac1;
		text-decoration:underline;
	}

	#momLink {
		color:#a1895d;
		text-decoration:underline;
	}
	
	#resume {
		background-color: #2b2b2b;
		height: 46px;
		margin:35px 341px 0 -116px;
		padding-left:16px;
	/*	-webkit-box-shadow:0 0 20px #111;
		-moz-box-shadow:0 0 20px #111;
		box-shadow:0 0 20px #111;*/
	}
	
	#resumeBT {
		float:right;
		background:url(pics/resume.png);
		margin-right:15px;
	}
	
	#hourglass {
		width:165px;
		float:right;
	}
	
	#hgKey {
		margin:0 3px 0 0;
	}
	
	#hgKey > div {
		float:right;
		width:40px;
	}
	
	#hgKey div img {
		display:block;
		margin:0 auto 0;
	}
	
	.hgText {
		font: 11px/16px 'ArvoR', Arial, sans-serif;
		color:#7e7768;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
		-webkit-transform-origin:0 0;
		-moz-transform-origin:0 0;
		transform-origin:0 0;
		margin:10px 0 0 26px;
		width:100px;
	}
	
	
	/* Contact section */
	
	#contactBox {
		width: 740px;
		height:350px;
		margin:120px auto 150px;
	}
	
	.contactBoxes {
		background:#dad4c8;
		padding:15px;
		font: 22px/16px 'ArvoBR', Arial, sans-serif;
		color:#FFF;
		text-shadow:3px 3px 0 rgba(134, 128, 114, 0.5);
		-webkit-transition: background 0.2s ease;
		-moz-transition: background 0.2s ease;
		transition: background 0.2s ease;	
	}
	
	.contactBoxes img {
		margin-bottom:7px;
		clear:both;
	}
	
	#contactNote {
		width:585px;
		height:240px;
		margin-bottom:5px;
	}
	
	#noteForm div {
		color: #7e7768;
		background:#faf6ee;
		display:inline;
		padding:10px 0 10px 10px;
		font-size:13px;
		margin-right:5px;
		text-shadow:0 0 0;
	}
	
	input {
		background:#faf6ee;
		border:0;
		padding:10px;
		font: 13px/16px 'ArvoR', Arial, sans-serif;
		color:#2b2b2b;
		margin-left:5px;
		height:14px;
	}
	
	#formName {
		width:150px;
	}
	
	#formEmail {
		width:220px;
	}
	
	textarea {
		background:#faf6ee;
		border:0;
		padding:10px;
		font: 12px/16px 'ArvoR', Arial, sans-serif;
		color:#2b2b2b;
		display:block;
		margin-top:10px;
		margin-left:0;
		width:560px;
		height:100px;
		
	}
	
	#formSubmit {
		float:right;
		margin-top:10px;
		height:35px;
		font: 13px/16px 'ArvoBR', Arial, sans-serif;
		color:#7e7768;
	}
	
	#formSubmit:hover {
		color:#2b2b2b;
	}
	
	#contactEmail {
		float:left;
		width:310px;
		height:50px;
		margin-right:5px;
	}
	
	#contactPhone {
		float:left;
		width:156px;
		height:50px;
		margin-right:5px;
		font-size:19px;
		letter-spacing:1px;
	}
	
	#contactFind {
		float:left;
		width:148px;
		height:50px;
	}
	
	
	/* footer */
	
	footer {
		height:50px;
		background:#dad4c8;
	}
	
	#feet {
		width:708px;
		height:152px;
		background:url(pics/feet.png) center no-repeat;
		margin:0 auto 0;
	}