/* unset */

html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}

/* set */

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	line-height:1.6em;
}
code, pre, tt {
	font:100% "Andale Mono", "Lucida Console", "Courier New", monospace;
	margin:1em 0;
}
small {
	font-size:85%;
	font-weight:normal;
}
big {
	font-size:115%;
}
sup {
	font-size:smaller;
	vertical-align:.5em;
	line-height:1px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 .25em;
}
h1 {
	font-size:2.4em;
	padding:0 0 .5em;
	margin:0;
}
h2 {
	font-size:1em;
}
h3 {
	font-size:1em;
}
h4 {
	font-size:1em;
}
h5, h6 {
	font-size:1em;
}
p {
	padding:0 0 .5em;
	margin:0 0 .25em;
}
input, textarea {
	font:100% Helvetica, Arial, sans-serif;
}
dt {
	margin:.5em 0 0;
}
dd {
	margin:.25em 0 .5em 2.5em;
}
header, nav, article, section, figure, aside, footer {
	display:block;
}
time { 
	display:inline;
}
/*  
Client:Electric Pulp
Description:Global style definitions
Author:Electric Pulp
Author URI:http://electricpulp.com/
*/

html {
	}
	body {
		margin:0;
		padding:20px 0 0;
		color:#525250;
		background-color:#eeeee9;
		background:url(/img/bg-dots.png) 0 0 repeat;
		background:
			url(/img/bg-ep.png) 50% -98px fixed no-repeat, 
			url(/img/bg-dots.png) 25% 0, 
			url(/img/bg-parchment.jpg) 50% 0;
		}
		a {
			color:#a83d2b;
			text-decoration:none;
			}
			a:hover {
				color:#97362e;
			}
		.bttn {
			background:#333;
			color:#fff;
			padding:6px;
			font-weight:bold;
		}
		input.bttn {
			border:none;
		}
		.active {
			background:#fff;
			color:#000;
			}
			.active:hover {
				color:#000;
			}
		h1, h2, h3, h4 {
			-webkit-font-smoothing:antialiased;
			font-smoothing:antialiased;
			/*text-rendering:optimizeLegibility;*/
			font-weight:bold;
			text-transform:uppercase;
			margin:0 0 .5em;
		}
		.container {
			margin:0 auto;
			padding:0;
			border:40px solid transparent;
			border-width:60px 40px;
			max-width:1080px;
			position:relative;
			}
			.container:after {
				content:"."; 
				display:block; 
				height:0; 
				clear:both; 
				visibility:hidden;
			}
		.clean {
			border:0;
		}

/* header */
			#header {
				border-width:30px 40px;
				}
				.logo {
					float:left;
					display:block;
					text-indent:-999em;
					overflow:hidden;
					width:300px;
					height:72px;
					padding:0;
					margin:0;
					background:url(/img/ep.png) no-repeat 0 0;
					opacity:.8;
					}
				.logo:hover,
				.logo:focus {
					opacity:.9;
					}
				#header .container {
					border:none;
				}
				#header .nav {
					margin-top:1.8em;
				}
				.nav {
					float:right;
					}
					.nav ul {
						overflow:hidden;
						}
						.nav ul li {
							float:right;
							display:inline;
							margin-left:40px;
							}
							.nav ul li a {
								display:block;
								text-indent:-999em;
								overflow:hidden;
								height:14px;
								margin:0 0 17px;
								background-image:url(/img/nav-sprite.png);
								}
							.nav ul li.here a {
								height:31px;
								margin:0;
								opacity:.6;
								}
							.nav ul li a:hover,
							.nav ul li a:focus {
								opacity:.6;
								}
								.work {
									width:62px;
									background-position:0 0;
								}
								.about {
									width:70px;
									background-position:-62px 0;
								}
								.inquire {
									width:80px;
									background-position:-132px 0;
								}
				.chaser {
					background:#565656;
					background:rgba(0,0,0,.66);
					padding:0;
					position:fixed;
					right:0;
					top:0;
					width:100%;
					}
					.chaser ul {
						display:block;
						margin:0 auto;
						padding:0 40px;
						max-width:1080px;
						}
						.chaser ul li {
							float:right;
							display:inline;
							}
							.chaser ul li a {
								background-image:url(/img/chaser-sprite.png);
								margin:6px 0 4px;
							}
							.chaser ul li.here a {
								height:14px;
								margin:6px 0 4px;
							}
				.oldie .chaser {
					position:absolute;
					top:expression(
						documentElement.scrollTop
					);
				}

/* content body */
			#content {
				padding:20px 0 0;
				overflow:hidden;
				font-size:.9em;
				}
				#content header {
					}
					#content header .lede {
						background:#565656;
						background:rgba(0,0,0,.66);
						text-align:center;
						padding:0 40px;
						/*padding:0 40px 30px; for the hiring link */
						margin:0;
						position:relative;
					    -webkit-transition:background .3s ease-in-out;
					    -moz-transition:background .3s ease-in-out;  
					    transition:background .3s ease-in-out; 
						}
					#content header:hover .lede {
						background:#565656;
						background:rgba(0,0,0,.7);
						}
					#content header .mapped,
					#content header:hover .mapped,
					#content header:focus .mapped {
						background:url(/img/map.png) no-repeat 50% 0 #565656;
						background:url(/img/map.png) no-repeat 50% 0 rgba(0,0,0,.66);
						}
						#content header .lede img {
							width:100%;
							padding:30px 0;
							max-width:1080px;
						}
						/* 
						Look. I want to use background-size as bad as you do. 
						If you call me out for this on twitter, God help me I will hunt you down and spam your blog. 
						Ladies. 
						*/
						#content header .lede h2 {
							display:block;
							text-indent:-999em;
							height:0;
							margin:0;
						}
						header .bio { /* Tisa OT */
							font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
							clear:left;
							width:61.2244897959184%; /* 600px at 980px */
							padding:20px 2.0408163265306%; /* 20px at 980px */
							margin:0 0 40px;
							float:left;
							display:inline;
							background:#333332;
							background:rgba(0,0,0,.4);
							color:#edede6;
							text-align:left;
							font-size:1.5em;
							line-height:1.4em;
						}
						.fsd {
							position:absolute;
							right:40px;
							bottom:40px;
							height:160px;
							width:232px;
							background:url(/img/fsd.png) no-repeat;
							opacity:.7;
						}
				.showcase {
					padding:40px 40px 0;
					}
				.divided {
					padding:0 40px 0;
					}
					.showcase ul {
						clear:both;
						width:100%;
						max-width:1080px;
						margin:0 auto;
						padding:0 0 50px;
						overflow:hidden;
						}
					.divided ul {
						padding:40px 0 50px;
						background:url(/img/bg-divider.png) repeat-x 0 0;
						}
						.showcase ul li {
							float:left;
							display:inline;
							width:30.6122448979592%; /* 300px at 980px */
							margin:20px 4.08163265306122% 0 0; /* 40px at 980 */
							position:relative;
							}
						.oldie .showcase ul li {
							width:30%; /* wouldn't want ie6 to have to do too much work */
							margin:20px 4% 0 0;
							}
						.showcase ul li.third,
						.showcase ul li.sixth {
							margin-right:0;
							}
						.showcase ul li.first {
							clear:left;
							}
							.showcase ul li img {
								width:100%;
								border:1px inset #a9a9a9;
							}
							.client {
								line-height:1.4em;
								}
								.client .url,
								.description .url { /* News Gothic MT */
									font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
									text-transform:uppercase;
									font-size:1.1em;
									font-weight:600;
									letter-spacing:.1em;
								}
								.client .name,
								.description .name { /* News Gothic MT */
									font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
									text-transform:uppercase;
									font-size:.75em;
									letter-spacing:.1em;
									margin:.25em 0 0;
									padding:0;
								}
								.client .location,
								.description .location { /* Tisa OT */
									font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
									font-style:italic;
									font-size:.75em;
								}
							.bg-solid {
								opacity:.66;
							    -webkit-transition:opacity .3s ease-in-out;
							    -moz-transition:opacity .3s ease-in-out;  
							    transition:opacity .3s ease-in-out; 
							}
							ul li:hover .bg-solid,
							ul li:focus .bg-solid {
								opacity:.7;
							}
							.showcase ul li .exposed {
								/*background:#565656;
								background:rgba(0,0,0,.66);*/
								color:#f9f9f9;
								overflow:hidden;
								padding:20px;
								position:absolute;
								top:0;
								}
								.exposed .title { /* Tisa OT */
									display:block;
									font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
									font-style:italic;
									font-size:.75em;
									line-height:1em;
									text-transform:uppercase;
									font-weight:500;
									margin:0 0 .5em;
									color:#c0c0bc;
								}
								.exposed h3 { /* News Gothic MT */
									font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
									font-size:1.3em;
									text-transform:uppercase;
									font-weight:600;
									margin:0;
									padding:0;
								}
								.exposed p { /* Tisa OT */
									font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
									color:#e6e6e1;
								}
								.exposed a {
									color:#e6e6e1;
									text-decoration:underline;
								}
								.exposed a:hover,
								.exposed a:focus {
									color:#c0c0bc;
								}
					.breakout {
						padding:60px 0 0;
						border-top-width:0;
						background:url(/img/bg-divider.png) repeat-x 0 0;
						-moz-background-clip:padding;
						-webkit-background-clip:padding-box;
						background-clip:padding-box;
						}
						.screenshot {
							float:left;
							display:inline;
							width:65.3061224489796%; /* 640px at 980px */
							margin:0 4.08163265306122% 0 0; /* 40px at 980 */
							}
						.reverse .screenshot {
							float:right;
							margin-right:0;
							border-bottom:0;
							}
							.screenshot img {
								width:100%;
								border:1px inset #a9a9a9;
								display:block;
							}
						.description {
							float:left;
							display:inline;
							width:30.6122448979592%; /* 300px at 980px */
							margin:0;
							font-size:1.1em;
							}
						.reverse .description {
							margin-right:4.08163265306122%;
							}
							.description .url { /* News Gothic MT */
								font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
								background:#a83d2b;
								color:#f9f9f7;
								padding:5px 5px 4px;
								margin-left:-5px;
								font-size:1.2em;
								line-height:1.8em;
							}
							.description .name {
								padding:.5em 0 0;
							}
							.description p { /* Tisa OT */
								font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								line-height:1.6em;
								padding:.5em 0;
							}
							.description p.excerpt {
								padding:0;
							}
							.description q { /* Tisa OT */
								font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								font-style:italic;
								font-weight:400;
								font-size:1.15em;
								line-height:1.6em;
								display:block;
								padding:.5em 0 0;
							}
							.description q span {
								margin-left:-10px;
							}
							.description q:before {
								font-size:2em;
								/*content:"“";*/
								content:url(/img/lquo.png);
								position:relative;
								top:-6px;
								left:-10px;
							}
							.description q:after {
								/*font-size:2em;*/
								/*content:"”";*/
								content:url(/img/rquo.png);
								position:relative;
								top:-6px;
								left:3px;
							}
							.description cite { /* Tisa OT */
								font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								font-size:.75em;
								line-height:1.4em;
								padding:0;
								}
								.description cite em.name { /* News Gothic MT */
									font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
									font-style:normal;
									font-size:1.1em;
									font-weight:600;
									display:block;
									padding:.25em 0 0;
								}
							.description h4 { /* News Gothic MT */
								font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
								text-transform:uppercase;
								font-size:.75em;
								margin:0;
								padding:0;
								margin:2em 0 1em;
								padding:0;
							}
					.reverse {
						padding-bottom:60px;
						border-bottom:0;
/*						background:url(/img/bg-divider.png) repeat-x 0 100%;*/
						-moz-background-clip:padding;
   						-webkit-background-clip:padding-box;
           				background-clip:padding-box;
					}	
					.jump {
						padding:0 20px;
						border:0;
						text-align:center;
						}
						.jump q { /* HTF Didot */
							display:block;
							text-indent:-999em;
							height:0;
							overflow:hidden;
							padding:0;
							font-size:3em;
							line-height:1.4em;
							font-style:italic;
							font-weight:600;
						}
						.jump img {
							width:100%;
							opacity:.7;
						}
						.jump cite { /* News Gothic MT */
							clear:both;
							overflow:hidden;
							font-size:.8em;
							color:#b3b3ae;
							padding:10px 0 0;
							text-transform:uppercase;
							font-weight:600;
							font-style:normal;
							background:url(/img/bg-divider.png) repeat-x 0 0;
							-moz-background-clip:padding;
							-webkit-background-clip:padding-box;
							background-clip:padding-box;
							}
							.jump cite em.name {
								color:#333;
								font-style:normal;
								margin-right:1em;
							}
				.team {
					float:left;
					display:inline;
					padding:20px 2.0408163265306%; /* 20px at 980px */
					margin:0;
					background:#e0e0de;
					background:rgba(0,0,0,.1);
					width:61.2244897959184%; /* 600px at 980px */
					}
					.team h2 {
						padding:0;
						margin:0;
						}
						.team h2 span {
							display:block;
							text-indent:-999em;
							height:0;
						}
						.team h2 img {
							width:100%;
						}
					.team ul {
						clear:both;
						width:100%;
						max-width:1080px;
						margin:20px auto 0;
						padding:0;
						overflow:hidden;
						}
						.team ul li {
							cursor:pointer;
							float:left;
							display:inline;
							overflow:hidden;
							width:30.6122448979592%; /* 300px at 600px */
							margin:0 4.08163265306122% 20px 0; /* 20px at 600px */
							position:relative;
							}
						.team ul li .overlay {
							background:#333332;
							background:rgba(0, 0, 0, .4);
							border:1px solid #333332;
							color:#eee;
							display:none;
							height:90%;
							left:0;
							padding:5%;
							position:absolute;
							top:0;
							width:90%;
							}
							.team ul li h3,
							.team ul li p {
								margin:0;
								padding:0;
							}
							.team ul li p.title {
								font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								font-style:italic;
								font-size:.75em;
								line-height:1.4em;
							}
							.team ul li.end {
								margin-right:0;
								}
							.team ul li.begin {
								clear:left;
								}
								.team ul li img {
									border:1px inset #a9a9a9;
									display:block;
									width:100%;
								}
					.team ul li .overlay ul.offsites {
						position:absolute;
						bottom:0;
						left:0;
						list-style:none;
						overflow:hidden;
						padding:5px;
						}
						.team ul li .overlay ul.offsites li {
							float:left;
							display:inline;
							margin:0;
							padding:5px;
							width:21px;
							}
							.team ul li .overlay ul.offsites li a {
								display:block;
								height:21px;
								overflow:hidden;
								text-indent:-999em;
								background-image:url(/img/icons.png?1);
								background-repeat:no-repeat;
								opacity:.8;
								}
							.team ul li .overlay ul.offsites li:hover a,
							.team ul li .overlay ul.offsites li:focus a {
								opacity:100;
							}
							ul.offsites li a.twitterz {
								background-position:0 0;
								width:21px;
							}
							ul.offsites li a.linkz {
								background-position:-21px 0;
								width:21px;
							}
							ul.offsites li a.facebookz {
								background-position:-42px 0;
								width:21px;
							}
							ul.offsites li a.dribbblez {
								background-position:-63px 0;
								width:21px;
							}
							ul.offsites li a.photoz {
								background-position:-84px 0;
								width:21px;
							}
							ul.offsites li a.githubz {
								background-position:-105px 0;
								width:24px;
							}
				.office {
					cursor:pointer;
					border-width:0 40px;
					margin-bottom:50px;
					display:none;
					}
					.office img {
						width:100%;
					}
					.office div img, .office-sign {
						left:0;
						position:absolute;
						top:0;
					}
					.office-place {
						visibility:hidden;
					}
					.office li {
						cursor:pointer;
						left:0;
						position:absolute;
						top:0;
					}
				.history {
					float:right;
					display:inline;
					padding:0;
					margin:20px 0;
					width:30.6122448979592%; /* 300px at 980px */
					}
					.history h2 {
						padding:0;
						margin:0;
						}
						.history h2 span {
							display:block;
							text-indent:-999em;
							height:0;
						}
						.history h2 img {
							width:100%;
						}
					.timeline { /* Tisa OT */
						font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
						text-align:center;
						padding:20px 0 0;
						background:url(/img/bg-divider.png) repeat-x 0 0;
						}
						.timeline dt {
							font-size:2em;
							padding:30px 0 .25em;
							margin:0;
							background:url(/img/dts.png) no-repeat 50% 0;
						}
						.timeline dd {
							padding:0;
							margin:0;
							}
						.timeline dd.bump {
							padding-top:18px;
							background:url(/img/dts.png) no-repeat 50% 0;
							}
							.timeline dd em { /* News Gothic MT */
								font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
								font-style:normal;
								font-size:1.1em;
								line-height:1.2em;
								display:block;
								text-transform:uppercase;
							}
				.services { /* Tisa OT */
					font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
					padding:30px 0 0;
					margin:0 auto;
					background:url(/img/bg-divider.png) repeat-x 0 0;
					-moz-background-clip:padding;
					-webkit-background-clip:padding-box;
					background-clip:padding-box;
					font-size:1.5em;
					line-height:1.6em;
					border-top:0;
					border-bottom:0;
					}
					.services h2 { /* no matter how many times I do it, I'm never going to like this */
						text-indent:-999em;
						height:0;
						margin:0;
						padding:0;
					}
					.services h3 {
						margin:0 0 10px 0;
					}
					.services h3 span {
						display:block;
						height:0;
						text-indent:-999em;
					}
					.services img {
						width:100%; /* this math was super easy */
					}
					.services-well {
						background:url(/img/bg-divider-v.png) repeat-y right 0;
						float:left;
						padding-right:2.0408163265306%; /* 20px at 980px */
						width:63.265306122449%; /* 620px at 980px */
					}
					.services-poorly {
						float:left;
						padding-left:2.0408163265306%; /* 20px at 980px */
						width:32.6530612244898%; /* 320px at 980px */
					}
					.services div {
						padding:25px 0 35px;
						margin:30px 0 0;
						overflow:hidden;
						background:url(/img/bg-divider.png) repeat-x 0 0;
						background:
							url(/img/bg-divider.png) repeat-x 0 0, 
							url(/img/bg-divider.png) repeat-x 0 100%;
						}
						.services li {
							font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
							font-style:normal;
							font-size:0.7em;
							line-height:1.5em;
							margin:0 0 .5em;
							display:block;
							text-transform:uppercase;
						}
						.services-well li {
							float:left;
							width:48%;
							padding-right:2%;
						}
						.clear {
							clear:left;
						}
				.our-work {
					padding:0;
					background:#e0e0de;
					background:rgba(0,0,0,.1);
					overflow:hidden;
					zoom:1;
					}
					.our-work ul {
						margin:0;
						padding:20px;
						overflow:hidden;
						zoom:1;
					}
						.our-work ul li {
							float:left;
							width:15%;
							overflow:hidden;
							margin:0 2% 2% 0;
							background:#f3f4ef;
						}
						.our-work ul li.sixth,
						.our-work ul li.twelfth,
						.our-work ul li.eighteenth,
						.our-work ul li.twentyfourth {
							margin-right:0;
						}
						.our-work ul li img {
							width:100%;
							margin:0 auto;
							max-width:200px;
							display:block;
							
						}
					.our-work h3 {
						margin:20px 0 0;
						padding:0 0 0 20px;
					}
					.our-work h3 span {
						display:block;
						text-indent:-999em;
						height:0;
					}
					.our-work h3 img {
						width:100%;
					}
				
				.bits {
					border-top:0;
					border-bottom:0;
					}
					.bits ul {
						}
						.bits ul li {
							background:#555;
							background:rgba(0,0,0,.66);
							color:#fff;
							float:left;
							display:inline;
							width:30.6122448979592%; /* 300px at 980px */
							margin:0 4.08163265306122% 40px 0; /* 40px at 980 */
							min-height:240px;
							overflow:hidden;
							}
						.bits ul li.end {
							margin-right:0;
							}
							.bits ul li .title { /* Tisa OT */
								display:block;
								padding:10px 20px 0;
								font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								font-style:italic;
								font-size:.75em;
								text-transform:uppercase;
								font-weight:500;
								color:#c0c0bc;
							}
							.bits ul li h3 { /* News Gothic MT */
								font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
								font-size:1.3em;
								text-transform:uppercase;
								font-weight:600;
								margin:0;
								padding:0 20px;
							}
							.bits ul li p { /* Tisa OT */
								font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
								color:#e6e6e1;
								padding:0 20px .75em;
							}
							.bits ul li img {
								display:block;
								margin:20px auto;
								width:80%;
							}

/* blog; I guess we actually do have one */
				.entry-title { /* News Gothic MT */
					font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
					text-transform:uppercase;
					font-size:2.2em;
					font-weight:600;
					}
					.entry-title a {
						background:#a83d2b;
						color:#fff;
						padding:0 .2em;
					}
				.page-title { /* News Gothic MT */
					font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
					text-transform:uppercase;
					font-size:2.2em;
					font-weight:600;
				}

/* footer */
			#footer {
				padding:0 40px;
				margin:40px 0 0;
				background:#565656;
				background:rgba(0,0,0,.66);
				color:#e3e3de;
				overflow:hidden;
				}
				#footer .container {
					border:none;
				}
				#footer .form-message p {
					font-size:1em;
					line-height:1.6;
					margin:0;
					padding:0;
					text-transform:none;
				}
				#footer .sidebar {
					float:left;
					display:inline;
					width:30.6122448979592%; /* 300px at 980px */
					margin:-8px 4.08163265306122% 0 0;
					padding:40px 0 0;
					}
					#footer .sidebar img {
						width:100%;
						padding-bottom:20px;
					}
					.contact-points {
						clear:left;
						font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
						font-size:.9em;
						}
						.contact-points h3 {
							font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
							text-transform:uppercase;
							font-size:.86em;
							font-weight:600;
							padding:0 0 10px 0;
							background: url('/img/bg-divider-light.png') repeat-x scroll left bottom;
						}
						.contact-points div {
							float:left;
							display:inline;
							width:45%;
							margin-bottom:20px;
						}
						.contact-points div.socialize {
							width:100%;
						}
						.contact-points div.call {
							margin-right:10%;
						}
						.contact-points label {
							letter-spacing:1px;
						}
						.contact-points a {
							color:#9ecbcd;
						}
						.contact-points a.tel {
							color:#e3e3de;
						}
						.contact-points p {
							margin:0;
							padding:0;
						}
						.contact-points p.right {
							font-size: .7em;
							color:#9c9c99;
							text-align:right;
						}
				#footer .inquire {
					float:left;
					display:inline;
					background:rgba(0,0,0,.3);
					width:65.3061224489796%; /* 640px at 980px */
					padding:40px 0 0;
					}
					.form-message,
					.form-row {
						clear:both;
						overflow:hidden;
						margin:0 0 1em 6.25%; /* 40px at 640px */
						width:87.5%; /* 560px at 640px */
						}
						.form-row label {
							display:block;
							text-indent:-999em;
							height:0;
							margin:0;
						}
						.form-row input.styled {
							border:none;
							width:93%;
							padding:.5em 4%;
							line-height:1.3em;
							outline:none;
							font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
							background:url(/img/bg-dots.png) 0 0 repeat transparent;
						}
						.submitting {
							float:right;
						}
					.form-message-bad {
						background:#611;
						padding:2%;
						width:83.5%;
					}
					.input {
						background:url(/img/input.jpg) no-repeat #eeeee9;
						}
					.textarea {
						background:url(/img/textarea.jpg) no-repeat #eeeee9;
						background-size:100%;
						}
						.textarea textarea {
							border:none;
							width:96%;
							padding:5px 2%;
							line-height:1.4em;
							font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
							background:url(/img/bg-dots.png) 0 0 repeat;
							color:#525250;
							resize:none;
							outline:none;
							
						}
						.form-col {
							float:left;
							display:inline;
							width:46.4285714285714%; /* 260 at 560px */
							margin-right:7.1428571428571%; /* 40px at 560px */
						}
						.last {
							margin-right:0;
						}
						.send-bttn {
							opacity:1;
							-webkit-transition:opacity .3s ease-in-out;
							-moz-transition:opacity .3s ease-in-out;  
							transition:opacity .3s ease-in-out; 
						}
						.send-bttn:hover,
						.send-bttn:focus {
							opacity:.9;
						}
					.foot { /* News Gothic MT */
						clear:both;
						color:#9c9c99;
						font-family:"news-gothic-std-1","news-gothic-std-2",sans-serif;
						font-size:.8em;
						letter-spacing:1px;
						padding:20px 0;
						overflow:hidden;
						}
						input:-webkit-input-placeholder,
						textarea:-webkit-input-placeholder {
							color:#525250;
						}
						input:-moz-placeholder,
						textarea:-moz-placeholder {
							color:#525250;
						}
						input.placeholder,
						textarea.placeholder {
							color:#525250;
						}
						input.invalid,
						textarea.invalid {
							color:#a11;
						}
						.foot p {
							text-transform:uppercase;
							font-size:.8em;
							line-height:1.4em;
						}
						.copyright {
							float:left;
							display:inline;
							width:50%;
						}
						.address {
							float:right;
							display:inline;
							width:50%;
							text-align:right;
						}

				#inquire .form-col {
					overflow:hidden;
				}
				#inquire .name {
					background: url('/img/input-name.jpg') no-repeat scroll left top;
					height: 40px;
				}
					#inquire .name input.styled {
						margin-left:60px !important;
						padding-left:10px;
						line-height:1.5em;
						margin:0;
						width:73%;
					}
				#inquire .email {
					background: url('/img/input-email.jpg') no-repeat scroll left top;
					height:40px;
				}
					#inquire .email input.styled {
						margin-left:60px !important;
						padding-left:10px;
						line-height:1.5em;
						margin:0;
						width:73%;
					}
				input:-webkit-autofill {
					background-color: transparent;
					background-image: inherit;
				}
/* job posting styles */

.jobposting {
	padding:60px 5%;
	}
	.jobposting #header {
		border:0;
	}
	.jobposting .logo {
		float:none;
		margin:0 auto;
	}
	.jobposting article { /* Tisa OT */
		font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2",serif;
		width:100%;
		max-width:600px;
		margin:0 auto;
		font-size:1.4em;
		line-height:1.4em;
		}
		.jobposting article header img {
			width:100%;
			padding:30px 0;
			max-width:600px;
		}
		.jobposting article header h1 {
			display:block;
			text-indent:-999em;
			height:0;
			margin:0;
		}
		.jobposting article p {
			padding:0 0 1.5em;
		}
		.jobposting .bttn {
			background:none;
			color:#96352d;
			font-weight:normal;
			padding:0;
		}
		.jobposting .bttn:hover {
			color:#96352d;
		}
.hiring-box {
	position:absolute;
	left:0;
	bottom:-13px;
	width:100%;
	height:58px;
	}
	.now-hiring {
		display:block;
		width:300px;
		height:58px;
		text-indent:-999em;
		overflow:hidden;
		background:url(/img/bttns/now-hiring.png) no-repeat;
		margin:0 auto;
	}

/* Django styles! */
#comments,
#comment-form {
	margin:30px 0 0;
}
	.comments li {
		background-color:#f7f8f3;
		background-color:rgba(255, 255, 255, 0.6);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF90',EndColorStr='#FFFFFF90');
		margin:20px 0 0;
		padding:10px;
	}
	#comment-form label {
		height:auto;
		text-indent:0;
		text-transform:uppercase;
	}
	#comment-form .form-row {
		margin:10px 0;
	}
	#comment-form .form-row input,
	#comment-form .form-row textarea {
		background:#fff;
		border:none;
		padding:0.5em;
		width:80%;
	}

/* Error pages */
.error {
	text-align:center;
	text-transform:uppercase;
}
.error a {
	text-decoration:underline;
}
.error h1 {
	font-size:800%;
	line-height:1;
	padding:0;
	margin:0;
}

/* all the way */
body.double {
	background:-webkit-gradient(
		linear,
		left center,
		right center,
		color-stop(0.01,#E444E4),
		color-stop(0.1,#8F44C6),
		color-stop(0.2,#4444EE),
		color-stop(0.4,#55EE55),
		color-stop(0.5,#FFFF44),
		color-stop(0.7,#FFBF44),
		color-stop(0.8,#FF4444),
		color-stop(0.99,#E444E4)
	);
	-webkit-background-size:50% 100%;
	font-size:150%;
	opacity:0.85;
}
	body.double * {
		color:#FF69B4 !important;
		font-family:"Comic Sans", "Marker Felt" !important;
		text-shadow:1px 1px 3px #222;
	}
	body.double .description .url {
		background:#fff;
	}
	body.double .showcase, body.double .breakout, body.double input {
		font-size:80%;
		line-height:1.5 !important;
	}

/* 
screen width less than 800px 
two-column
*/
@media screen and (max-width:800px) {
	body {
		font-size:.75em;
		}
			#header.container {
				border:40px solid transparent;
				border-width:20px 40px;
				}
				#header .nav {
					margin-top:1.8em;
					clear:left;
					float:left;
					}
					#header .nav ul {}
						#header .nav ul li {
							margin-left:0;
							margin-right:40px;
						}
						#header .nav ul li.last {
							margin-right:0;
						}
					.showcase ul li {
						width:47.9591836734694%;
						margin:20px 4.08163265306122% 0 0;
					}
					.showcase ul li.third {
						margin-right:4.08163265306122%;
					}
					.showcase ul li.second,
					.showcase ul li.fourth {
						margin-right:0;
					}
					.showcase ul li.fourth {
						clear:none;
					}
					.showcase ul li.third,
					.showcase ul li.fifth {
						clear:left;
					}
					.screenshot {
						width:47.9591836734694%;
						margin:0 4.08163265306122% 0 0;
					}
					.description {
						width:47.9591836734694%;
					}
					.contact-points div {
						float:none;
						display:block;
						clear:left;
						width:100%;
						font-size:.9em;
					}
					header .bio {
						width:96%;
						padding:20px 2%;
					}
					.fsd {
						display:none;
					}	
			#inquire .name input.styled {
				line-height:2.4em;
			}
}

/* 
screen width less than 500px 
single column
*/
@media screen and (max-width:500px) {
					.showcase ul li {
						width:100%;
						margin:20px 0 0 0;
					}
					.showcase ul li span.project-note {
						text-transform: uppercase;
						font-size: .7em;
						font-weight: bold;
					}
					.showcase ul li.secondary {
						display:none;
					}
					.showcase ul li.third {
						margin-right:4.08163265306122%;
					}
					.showcase ul li.second,
					.showcase ul li.fourth {
						margin-right:0;
					}
					.showcase ul li.fourth {
						clear:none;
					}
					.showcase ul li.third,
					.showcase ul li.fifth {
						clear:left;
					}
					.screenshot {
						width:47.9591836734694%;
						margin:0 4.08163265306122% 0 0;
					}
					.description {
						width:47.9591836734694%;
					}
					.contact-points div {
						float:none;
						clear:left;
						width:100%;
						font-size:.9em;
					}
					.breakout .screenshot,
					.breakout .description {
						display:block;
						width:100%;
						float:none;
						padding-top:20px;
					}
					#inquire .form-col {
						display:block;
						float:none;
						width:auto;
						margin:0 0 1em 0;
						overflow:hidden;
					}
				.history,
				.bits {
					display:none;
				}
				.team {
					padding:20px 2.0408163265306%; /* 20px at 980px */
					width:95.9183673469388%; /* 940px at 980px */
					position:relative;
				}
			#footer .sidebar img {
				padding-bottom:0;
			}
						
}			

/* mobile, portrait and landscape */
@media only screen
and (min-device-width :320px)
and (max-device-width :480px) {
	body {
		background:
			url(/img/bg-dots.png) 25% 0, 
			url(/img/bg-parchment.jpg) 50% 0;
			font-size:2em;
			}
				header .bio {
					width:96%;
					padding:20px 2%;
				}
				#header .nav {
					margin-top:1em;
					}
					#header .nav ul {
						}
						#header .nav ul li {
							}
							#header .nav ul li a {
								height:28px;
								margin:0 0 40px;
								background-image:url(/img/nav-sprite-xl.png);
								}
							#header .nav ul li.here a {
								height:28px;
								margin:0 0 40px;
								}
								.work {
									width:124px;
									background-position:0 0;
								}
								.about {
									width:140px;
									background-position:-124px 0;
								}
								.inquire {
									width:160px;
									background-position:-264px 0;
								}
					.chaser {
						display:none;
					}
					.showcase ul li {
						width:100%;
						margin:20px 0 0 0;
					}
					.showcase ul li span.project-note {
						text-transform: uppercase;
						font-size: .7em;
						font-weight: bold;
					}
					.showcase ul li.secondary {
						display:none;
					}
					.showcase ul li.third {
						margin-right:4.08163265306122%;
					}
					.showcase ul li.second,
					.showcase ul li.fourth {
						margin-right:0;
					}
					.showcase ul li.fourth {
						clear:none;
					}
					.showcase ul li.third,
					.showcase ul li.fifth {
						clear:left;
					}
					.screenshot {
						width:47.9591836734694%;
						margin:0 4.08163265306122% 0 0;
					}
					.description {
						width:47.9591836734694%;
					}
					.contact-points div {
						float:none;
						clear:left;
						width:100%;
						font-size:.9em;
					}
					.input,
					.textarea {
						background:#edede8;
					}
					.description p {
						line-height:1.2em !important;
					}
					.breakout .screenshot,
					.breakout .description {
						display:block;
						width:100%;
						float:none;
					}
					.bits {
						display:none;
					}
					#inquire .form-col {
						display:block;
						float:none;
						width:auto;
						margin:0 0 1em 0;
						overflow:hidden;
					}
					#inquire .form-col input.styled {
						width:63%;
					}
					#content header .mapped,
					#content header:hover .mapped,
					#content header:focus .mapped {
						background: rgba(0,0,0,.66);
					}
					.fsd {
						display:none;
					}
					.history {
						font-size:.8em;
					}
					.services li {
						font-size: 0.5em !important;
						line-height: 1em;
						text-transform: uppercase;
						margin:0 0 1em;
					}
					.our-work ul li {
						float:left;
						width:22%;
						overflow:hidden;
						margin:0 4% 4% 0 !important;
						background:#e3e3de;
					}
					/*set the new ones...*/
					.our-work ul li.fourth,
					.our-work ul li.eighth,
					.our-work ul li.twelfth,
					.our-work ul li.sixteenth,
					.our-work ul li.twentieth,
					.our-work ul li.twentyfourth {
						margin-right:0 !important;
					}
					.foot {
						font-size:.8em !important;
					}
			#footer .sidebar img {
				padding-bottom:0;
			}
}
/* mobile, landscape */
@media only screen
and (min-width :321px) {
/* styles */
}

/* mobile, portrait */
@media only screen
and (max-width :320px) {
/* styles */
}