/*
COLOR
blue - #046380
Dark Dark Blue - #002f2f
BG/Matte - #f0efd0
dark tan - #a7a37e
dark brown - #654403
*/

body {
	background: #f0efd0 url(../img/bg.jpg) repeat fixed left top;
	font-family: "Helvetica Neue", "Arial", sans-serif; }
#container {
	width: 960px;
	margin: auto; }
#header {
	width: 100%;
	height: 91px;
	border-bottom: 6px solid #002f2f; }
h1 {
	float: left;
	width: 144px;
	height: 27px;
	margin: 34px 0 0; }
	h1 a {
		text-indent: -9999px;
		width: 144px;
		float: left;
		height: 27px;
		background: url(../img/logo.png) 0 0 no-repeat; }
h2 {
	float: left;
	clear: left;
	width: auto;
	color: #002f2f;
	margin: 6px 0 0;
	font-size: .89em;
	font-style: italic;
	font-family: Georgia; }
#header ul {
	margin: 8px 0 0;
	height: 22px;
	width: auto;
	float: right; }
	body#home #header ul {
		background: none; }
	body#about #header ul {
		background: url(../img/img_indicator.png) 29px bottom no-repeat; }
	body#work #header ul {
		background: url(../img/img_indicator.png) 81px bottom no-repeat; }
	body#experimental #header ul {
		background: url(../img/img_indicator.png) 161px bottom no-repeat; }
	body#contact #header ul {
		background: url(../img/img_indicator.png) 248px bottom no-repeat; }
	#header li {
		width: auto;
		float: left;
		display: inline;
		margin: 0 0 0 13px; }
		#header li a {
			float: left;
			width: auto;
			text-indent: -9999px;
			height: 14px;
			outline: none;
			border: none;
			text-decoration: none; }
			#header li a#mAbout {
				width: 43px;
				background: url(../img/m_about.png) 0 0 no-repeat; }
				#header li a#mAbout:hover {
					width: 43px;
					background: url(../img/m_about.png) 0 -14px no-repeat; }
				#header li a#mAbout.active {
					width: 43px;
					background: url(../img/m_about.png) 0 -14px no-repeat; }
			#header li a#mWork {
				width: 37px;
				background: url(../img/m_work.png) 0 0 no-repeat; }
				#header li a#mWork:hover {
					width: 37px;
					background: url(../img/m_work.png) 0 -14px no-repeat; }
				#header li a#mWork.active {
					width: 37px;
					background: url(../img/m_work.png) 0 -14px no-repeat; }
			#header li a#mExperimental {
				width: 95px;
				background: url(../img/m_experimental.png) 0 0 no-repeat; }
				#header li a#mExperimental:hover {
					width: 95px;
					background: url(../img/m_experimental.png) 0 -14px no-repeat; }
				#header li a#mExperimental.active {
					width: 95px;
					background: url(../img/m_experimental.png) 0 -14px no-repeat; }
			#header li a#mContact {
				width: 56px;
				background: url(../img/m_contact.png) 0 0 no-repeat; }
				#header li a#mContact:hover {
					width: 56px;
					background: url(../img/m_contact.png) 0 -14px no-repeat; }
				#header li a#mContact.active {
					width: 56px;
					background: url(../img/m_contact.png) 0 -14px no-repeat; }
#block {
	width: 100%;
	position: relative;
	margin: 0;
	height: 315px;
	/*padding: 0 0 72px;*/
	/*overflow: visible;*/
	/*background: url(../img/img_divider.png) left bottom no-repeat;*/ }
h3 {
	position: relative;
	top: 1px;
	left: -199px;
	width: 1145px;
	height: 364px;
	text-indent: -9999px;
	background: url(../img/header.png) 0 13px no-repeat; }
body#about h3 {
	position: relative;
	top: 0;
	left: -114px;
	width: 739px;
	height: 295px;
	text-indent: -9999px;
	z-index: 900;
	background: url(../img/header-about.png) 0 0 no-repeat; }
body#work h3 {
	position: relative;
	top: 38px;
	left: -96px;
	width: 791px;
	height: 235px;
	text-indent: -9999px;
	background: url(../img/header-portfolio.png) 0 0 no-repeat; }
/*body#about h3.temp, body#experimental h3.temp {
	margin: 45px 0 0;
	font-size: 1.7em;
	font-weight: bold;
	position: static;
	width: auto;
	height: auto;
	text-indent: 0;
	top: 0;
	left: 0;
	background: none; }*/
body#experimental h3 {
	position: relative;
	top: 38px;
	left: -3px;
	width: 791px;
	height: 235px;
	text-indent: -9999px;
	background: url(../img/header-exp.png) 0 0 no-repeat; }
body#contact h3 {
	position: relative;
	top: 39px;
	left: -3px;
	width: 688px;
	height: 234px;
	text-indent: -9999px;
	z-index: 900;
	background: url(../img/header-contact.png) 0 0 no-repeat; }
p {
	font-family: "Helvetica Neue", "Arial", sans-serif;
	font-size: .9em;
	color: #000; }
/*body#experimental p {
	margin: 10px 0 0;
	width: 339px;
	line-height: 19px;
	color: #654403; }
	body#experimental a {
		font-size: .9em;
		color: #046380;
		text-decoration: none; }
	body#experimental p#posted {
		font-weight: bold;
		color: #002f2f; }
		body#experimental p#posted em {
			font-style: normal;
			font-weight: normal; }*/
p.pageCopy {
	font-family: "Helvetica Neue", "Arial", sans-serif;
	background-color: #f0efd0;
	font-size: .9em;
	color: #002f2f;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	position: absolute;
	top: 240px;
	left: 0;
	z-index: 1000;
	line-height: 19px;
	width: 468px; }
body#home p.pageCopy {
	width: 720px; }
	body#home p.pageCopy a {
		color: #046380;
		text-decoration: none; }
#bottomDetails {
	width: 967px;
	overflow: auto;
	padding: 20px 0 0;
	background: url(../img/img_divider.png) 0 0 no-repeat; }
.highlight {
	width: auto;
	float: left;
	margin: 0 14px 0 0; }
	.highlight a {
		text-decoration: none;
		color: #046380; }
	.highlight.last {
		margin: 0; }
	.highlight h4 {
		float: left;
		font-weight: normal;
		width: auto;
		font-size: 0.9em;
		color: #a7a37e; }
		.highlight h4 em {
			font-style: normal;
			font-weight: normal;
			color: #046380; }
	.highlight .photo {
		float: left;
		clear: left;
		margin: 7px 0 0;
		width: 231px;
		height: 106px;
		background: url(../img/bg_small-pic.png) 0 0 no-repeat; }
		.highlight .photo a {
			margin: 5px 0 0 5px;
			float: left;
			width: 215px;
			height: 90px; }
			.highlight .photo a:hover img {
				opacity: 0.8;
				filter: alpha(opacity=80);
				-moz-opacity:0.8; }	
	.highlight h5 {
		float: left;
		width: auto;
		font-weight: normal;
		clear: left;
		width: 220px;
		margin: 2px 0 0;
		padding: 1px 0 1px;
		font-size: 0.9em;
		color: #002f2f; }
	.highlight p {
		float: left;
		clear: left;
		margin: 5px 0 0;
		line-height: 17px;
		font-size: 0.75em;
		color: #654403;
		width: 222px; }
		.highlight p em {
			font-style: italic;
			font-weight: normal; }
#holiday {
	position: absolute;
	bottom: -8px;
	right: -12px; }
			
/*================== ABOUT =================*/

img#beats {
	position: absolute;
	bottom: 10px;
	right: -54px; }
#wholePic {
	float: left; }
#mugShot {
	margin: 0 0 0 -5px;
	float: left; }
p#myBubble {
	float: left;
	clear: both;
	width: 127px;
	font-size: .75em;
	color: #002f2f;
	text-align: center;
	height: 32px;
	margin: 0 0 0 3px;
	padding: 24px 0 1px;
	background: url(../img/img_my-bubble.png) 0 0 no-repeat; }
#myPhoto {
	float: left;
	width: 133px;
	height: 155px;
	padding: 5px 0 0 10px;
	background: url(../img/bg_me-pic.png) 0 0 no-repeat; }
	#myCopy {
		float: left; }
	#myCopy p {
		color: #002f2f;
		padding: 0 0 6px;
		font-size: .75em; }
		#myCopy p em {
			color: #654403;
			font-style: normal; }
	#myCopy p#myName {
		font-size: .9em;
		color: #002f2f; }
#aboutMe {
	float: left;
	width: 330px;
	margin: 0 0 0 5px; }
	#aboutMe h4 {
		font-size: 2.3em;
		font-weight: bold;
		color: #654403;
		padding: 0 0 10px; }
		#aboutMe p {
			font-size: .8em;
			line-height: 18px;
			color: #654403; }
#myWork {
	float: left;
	width: 460px;
	margin: 0 0 0 18px; }
	#myWork h5 {
		font-size: 2.3em;
		font-weight: bold;
		color: #654403;
		padding: 0 0 10px; }
	#myWork a#resume {
		float: left;
		clear: left;
		width: 82px;
		margin: 0;
		height: 23px;
		color: #046380;
		font-size: .75em;
		text-decoration: none;
		padding: 8px 0 0 46px;
		background: url(../img/resume.png) 0 0 no-repeat; }
	#myWork p {
		font-size: .8em;
		line-height: 18px;
		color: #654403;
		float: left;
		clear: left; }
	#myWork ul {
		float: left;
		margin: 10px 0; }
		#myWork li {
			padding: 0 0 0 15px;
			list-style: disc;
			list-style-position: inside;
			color: #002f2f;
			font-size: .8em;
			line-height: 18px; }

/*================== PORTFOLIO =================*/

#portNav {
	top: 0;
	right: 0;
	width: auto;
	position: absolute; }
#portNav ul#theWorks {
	height: 24px;
	padding: 10px 0 0;
	width: auto;
	float: right; }
	body#work.web #portNav ul#theWorks {
		background: url(../img/img_indicator-sub.png) 22px 0 no-repeat; }
	body#work.ident #portNav ul#theWorks {
		background: url(../img/img_indicator-sub.png) 73px 0 no-repeat; }
	body#work.print #portNav ul#theWorks {
		background: url(../img/img_indicator-sub.png) 131px 0 no-repeat; }
	body#work.illustration #portNav ul#theWorks {
		background: url(../img/img_indicator-sub.png) 193px 0 no-repeat; }
	#portNav li {
		width: auto;
		float: left;
		display: inline;
		margin: 0 0 0 13px; }
		#portNav li a {
			float: left;
			width: auto;
			text-indent: -9999px;
			height: 14px;
			outline: none;
			border: none;
			text-decoration: none; }
			#portNav li a#smWeb {
				width: 31px;
				background: url(../img/sm_web.png) 0 0 no-repeat; }
				#portNav li a#smWeb:hover {
					width: 31px;
					background: url(../img/sm_web.png) 0 -14px no-repeat; }
				#portNav li a#smWeb.active {
					width: 31px;
					background: url(../img/sm_web.png) 0 -14px no-repeat; }
			#portNav li a#smPrint {
				width: 32px;
				background: url(../img/sm_print.png) 0 0 no-repeat; }
				#portNav li a#smPrint:hover {
					width: 32px;
					background: url(../img/sm_print.png) 0 -14px no-repeat; }
				#portNav li a#smPrint.active {
					width: 32px;
					background: url(../img/sm_print.png) 0 -14px no-repeat; }
			#portNav li a#smIdentity {
				width: 52px;
				background: url(../img/sm_identity.png) 0 0 no-repeat; }
				#portNav li a#smIdentity:hover {
					width: 52px;
					background: url(../img/sm_identity.png) 0 -14px no-repeat; }
				#portNav li a#smIdentity.active {
					width: 52px;
					background: url(../img/sm_identity.png) 0 -14px no-repeat; }
			#portNav li a#smIllustration {
				width: 72px;
				background: url(../img/sm_illustration.png) 0 0 no-repeat; }
				#portNav li a#smIllustration:hover {
					width: 72px;
					background: url(../img/sm_illustration.png) 0 -14px no-repeat; }
				#portNav li a#smIllustration.active {
					width: 72px;
					background: url(../img/sm_illustration.png) 0 -14px no-repeat; }
#portNav ul.portSubNav {
	float: right;
	clear: right;
	height: auto;
	margin: 3px 0 0;
	width: 165px;
	background: none; }
	/*body#work.web #portNav ul.portSubNav, body#work.ident #portNav ul.portSubNav, body#work.print #portNav ul.portSubNav, body#work.print #portNav ul.portSubNav {
		background: none; }*/
	#portNav ul.portSubNav.wTwoCol {
		background: url(../img/img_sub-div.png) 19px 0 no-repeat; }
	#portNav ul.portSubNav.sec {
		clear: none; }
	#portNav ul.portSubNav li {
		float: none;
		width: auto;
		text-align: right;
		padding: 0 0 8px;
		text-indent: 0;
		font-size: .75em;
		display: block; }
		#portNav ul.portSubNav li a {
			text-decoration: none;
			color: #046380;
			width: auto;
			float: none;
			text-indent: 0; }
			#portNav ul.portSubNav li a:hover {
				color: #002f2f; }
.pContainer {
	width: 970px;
	overflow: auto;
	padding: 30px 15px 17px 0;
	background: url(../img/img_divider.png) 0 0 no-repeat; }
	.smallCollection {
		float: left;
		width: 245px;
		margin: 0 0 0 19px; }
	.canvasWide {
		float: right;
		width: 733px;
		padding: 0 0 20px;
		background: url(../img/bg_photo-btm-733.png) left bottom no-repeat; }
	.pieceWide {
		width: 733px;
		padding: 5px 0 0 13px;
		background: url(../img/bg_photo-top-733.png) left top no-repeat; }
	.canvasMed {
		float: right;
		width: 490px;
		margin: 0 0 7px;
		padding: 0 0 20px;
		background: url(../img/bg_photo-btm-490.png) left bottom no-repeat; }
	.pieceMed {
		width: 490px;
		padding: 5px 0 0 15px;
		background: url(../img/bg_photo-top-490.png) left top no-repeat; }
	.canvasSm {
		float: right;
		width: 245px;
		padding: 0 0 20px;
		margin: 0 0 7px;
		background: url(../img/bg_photo-btm-245.png) left bottom no-repeat; }
	.pieceSm {
		width: 245px;
		padding: 5px 0 0 15px;
		background: url(../img/bg_photo-top-245.png) left top no-repeat; }
	.pDetails {
		float: left;
		width: 215px; }
		.pDetails h4 {
			font-size: 0.9em;
			font-weight: normal;
			color: #002f2f; }
		.pDetails h5 {
			padding: 5px 0 0;
			font-weight: normal;
			font-size: 0.9em;
			color: #a7a37e; }
		.pDetails p {
			padding: 3px 0 0;
			line-height: 17px;
			font-size: 0.75em;
			color: #654403; }
		.pDetails a.launch {
			float: left;
			margin: 15px 0 0;
			width: 52px;
			height: 51px;
			text-indent: -9999px;
			background: url(../img/btn_launch.png) 0 0 no-repeat; }
		.pDetails a.caseStudy {
			float: left;
			width: 83px;
			height: 20px;
			padding: 9px 0 0 45px;
			text-decoration: none;
			margin: 15px 0 0;
			color: #046380;
			font-size: .75em;
			background: url(../img/bg_case-study.png) 0 0 no-repeat; }
		.pDetails a.btt {
			font-size: .75em;
			width: auto;
			float: left;
			clear: left;
			text-decoration: none;
			color: #046380;
			margin: 10px 0 0;
			padding: 0 16px 0 0;
			background: url(../img/btn_top.png) right 4px no-repeat; }
			
/*================== CONTACT =================*/

img#world {
	position: absolute;
	bottom: 43px;
	right: 0; }
#formBlock {
	float: left;
	width: 471px; }
	#formBlock h4 {
		font-size: 2.3em;
		font-weight: bold;
		color: #654403;
		padding: 0 0 10px; }
		#formBlock p {
			font-size: .8em;
			width: 460px;
			line-height: 18px;
			color: #654403; }
	#formBlock #formActionBlock {
		height: 232px; }
	#formBlock p#thanks {
		font-size: 1em;
		color: #046380;
		padding: 15px 0 0;
		font-weight: bold; }
		#formBlock p#thanks em {
			font-size: .8em;
			display: block;
			font-weight: normal;
			font-style: normal;
			line-height: 18px; }
	#formBlock p#errorMessage {
		color: #046380;
		padding: 12px 0 0;
		font-weight: bold; }
form {
	margin: 0; }
.row {
	float: left;
	clear: left;
	padding: 0 0 10px; }
label {
	float: left;
	width: 83px;
	font-size: .8em;
	color: #654403;
	padding: 5px 0 0; }
input {
	height: 20px;
	float: left;
	width: 363px;
	padding: 2px 0 0 7px;
	border: 1px solid #654403;
	color: #002f2f;
	font-size: .8em;
	font-family: "Helvetica Neue", "Arial", sans-serif; }
textarea {
	height: 100px;
	float: left;
	width: 363px;
	padding: 2px 0 0 7px;
	border: 1px solid #654403;
	color: #002f2f;
	font-size: .8em;
	font-family: "Helvetica Neue", "Arial", sans-serif; }
.error {
	border: 3px solid #046380; }
button#sendBtn {
	float: right;
	width: 92px;
	height: 30px;
	border: none;
	text-indent: -9999px;
	background: url(../img/btn_send.png) 0 0 no-repeat; }
input#submit {
	float: right;
	width: 92px;
	height: 30px;
	border: none;
	margin: 0 15px 0 0;
	text-indent: -9999px;
	cursor: pointer;
	background: url(../img/btn_send.png) 0 0 no-repeat; }
#mySocial {
	float: left;
	width: 460px;
	margin: 0 0 0 18px; }
	#mySocial h5 {
		font-size: 2.3em;
		font-weight: bold;
		color: #654403;
		padding: 0 0 10px; }
	#mySocial p {
		font-size: .8em;
		line-height: 18px;
		color: #654403;
		float: left;
		clear: left; }
	#mySocial ul {
		float: left;
		margin: 15px 0 0;
		width: 245px; }
		#mySocial ul#col2 {
			width: 200px; }
	#mySocial li {
		width: auto;
		height: auto;
		float: left;
		clear: left;
		padding: 6px 0 6px 44px;
		margin: 0 0 10px;
		line-height: 18px;
		font-size: .8em;
		color: #654403;
		list-style: none; }
		#mySocial li a {
			color: #046380;
			text-decoration: none; }
			#mySocial li a:hover {
				color: #002f2f; }
		#mySocial li#emailB {
			padding: 0;
			margin: 0 0 11px;
			height: 26px;
			width: 188px;
			float: left;
			text-indent: -9999px;
			padding: 5px 0 0 44px;
			background: url(../img/img_emailfake.png) 0 0 no-repeat; }
			/*
#mySocial li#emailB a {
				height: 26px;
				float: left;
				padding: 5px 0 0 44px;
				background: url(../img/btn_email.png) 0 0 no-repeat; }
*/
		#mySocial li#phoneB {
			padding: 6px 0 8px 44px;
			background: url(../img/btn_phone.png) 0 0 no-repeat; }
		#mySocial li#addressB {
			padding: 0 0 6px 44px;
			background: url(../img/btn_home.png) 0 0 no-repeat; }
		#mySocial li#linkedinB {
			padding: 0;
			margin: 0 0 11px; }
			#mySocial li#linkedinB a {
				height: 26px;
				float: left;
				padding: 5px 0 0 44px;
				background: url(../img/btn_linkedin.png) 0 0 no-repeat; }
		#mySocial li#facebookB {
			padding: 0;
			margin: 0 0 11px; }
			#mySocial li#facebookB a {
				height: 26px;
				float: left;
				padding: 5px 0 0 44px;
				background: url(../img/btn_facebook.png) 0 0 no-repeat; }
		#mySocial li#twitterB {
			padding: 0;
			margin: 0 0 11px; }
			#mySocial li#twitterB a {
				height: 26px;
				float: left;
				padding: 5px 0 0 44px;
				background: url(../img/btn_twitter.png) 0 0 no-repeat; }
			
/*================== BOTTOM BAR =================*/

#bottomBar {
	background: url(../img/bg_btm-bar.png) 0 0 repeat;
	bottom: 0;
	height: 47px;
	position: fixed;
	width: 100%;
	z-index: 2000; }
	#bottomBar #btmBarCntr {
		width: 960px;
		height: 47px;
		position: relative;
		margin: auto;
		background: url(../img/img_btm-bar-divider.png) 118px 0 no-repeat; }
	#bottomBar #bbLeft {
		position: absolute; }
	#bottomBar #bbRight {
		position: absolute;
		right: 0; }
		#bottomBar #btmBarCntr p#hireMe {
			float: left;
			width: 101px;
			height: 31px;
			margin: 9px 0 0;
			text-indent: -9999px;
			background: url(../img/img_hire-me.png) 0 0 no-repeat; }
		#bottomBar #btmBarCntr p#footNote {
			font-size: .75em;
			color: #fff;
			float: left;
			margin: 5px 0 0 36px;
			width: 180px;
			line-height: 18px; }
		#bottomBar #btmBarCntr a#eLink {
			float: right;
			height: 18px;
			padding: 2px 0 0 30px;
			color: #fff;
			width: auto;
			line-height: auto;
			margin: 14px 0 0;
			font-size: .75em;
			text-decoration: none;
			background: url(../img/img_email.png) 0 0 no-repeat; }
		#bottomBar #btmBarCntr p#iPhone {
			float: right;
			line-height: 12px;;
			height: 19px;
			padding: 8px 0 3px 24px;
			color: #fff;
			width: auto;
			margin: 9px 31px 0 0;
			font-size: .75em;
			background: url(../img/img_phone.png) 0 0 no-repeat; }
					
/*================== FOOTER =================*/
					
#footer {
	padding: 7px 0 70px;
	width: 960px;
	margin: 0;
	float: left;
	color: #654403;
	font-size: .75em;
	border-top: 2px solid #002F2F; }
	body#home #footer, body#about #footer, body#contact #footer {
		margin: 35px 0 0; }
	#footer p.flt {
		color: #002f2f;
		width: auto;
		float: left;
		line-height: normal;
		margin: 0;
		display: inline; }
	#footer p.frt {
		color: #002f2f;
		width: auto;
		line-height: normal;
		margin: 0;
		float: right;
		display: inline; }
		#footer p.frt a {
			text-decoration: none;
			color: #002f2f; }