/* @override 
	http://pixelmatrixdesign.com/css/styles.css
*/

body {
	background-color: #215a6d;
	color: #333;
	text-align: center;
	font: small/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html>body {
	font-size: 13px;
}

a {
	color: #5f8222;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.large-link {
	font-size: 1.1em;
}

img {
	border: 1px solid #d6c5a5;
	padding: 2px;
	background-color: #fff;
}

img.photo {
	padding: 5px;
	border: none;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}

.amp {
	font-family: "Baskerville", "Palatino", "Georgia", serif;
	font-style: italic;
	font-size: 120%;
	opacity: 0.7;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 10px;
}


h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.4em;
}

.wrap {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

p {
	margin-bottom: 1.54em;
}

blockquote {
	font-family: "Lucida Sans", "Lucida Sans Unicode", Trebuchet MS, sans-serif;
	font-style: italic;
	padding: 0 0 0 50px;
	background: url(../img/icon-quote.png) no-repeat left 10px;
	color: rgba(0,0,0,0.5);
	zoom: 1;
}

p.credit {
	font-weight: bold;
	color: rgba(0,0,0,0.7);
	padding: 0 0 0 50px;
	margin-top: -10px;
	margin-bottom: 30px !important;
}

p.caption {
	font-size: .9em;
	font-family: "Lucida Sans", "Lucida Sans Unicode", Trebuchet MS, sans-serif;
	font-style: italic;
	color: rgba(0,0,0,0.5);
}

input[type="text"]{
	border: solid 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #666;
}

input[type="text"]:focus {
	border-width: 2px;
	border-color: #709d21;
	padding: 4px;
	outline: 0;
	color: #444;
}

.placeholder {
	color: #999 !important;
}

textarea {
	border: solid 1px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	color: #666;
}

textarea:focus {
	border-width: 2px;
	border-color: #709d21;
	padding: 4px;
	outline: 0;
	color: #444;
}

select{
	border: solid 1px rgba(0,0,0,0.2);
	-khtml-appearance: none;
	padding: 4px 2.5em 4px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	background: #fff url(../img/drop_down.png) no-repeat right center;
	color: #666;
}

select:focus {
	border: solid 2px #709d21;
	padding: 3px 2.5em 3px 4px;
	color: #444;
}

label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 2.1em;
	font-weight: normal;
}

#header {
	float: left;
	width: 100%;
	border-bottom: solid 7px #0f2f3c;
	background: #113543 url(../img/header-bg.png) repeat-x left top;
}

#header.compact {
	background: #174555 url(../img/bg-header-compact.png) repeat-x left top;
	border-bottom-color: #163e4d;
}

#header h1{
	float: left;
	margin-top: 15px;
}

#header h1 a {
	width: 146px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/logo.png) no-repeat top left;
	display: block;
	float: left;
	opacity: 0.8;
	-webkit-transition: linear .2s;
}

#home #header h1 a {
	opacity: 1;
}

#header h1 a:hover {
	opacity: 1;
}

#header ul {
	float: right;
}

#header li {
	float: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header li a {
	color: #fff;
	color: rgba(255,255,255,0.3);
	padding: 2em 1.5em 1em 1.5em;
	margin: 0 .5em 1em .5em;
	display: block;
	border-top: solid 4px transparent;
}

#header li.selected a {
	background-color: #709d21 !important;
	border-top: solid #658d1e 4px !important;
	padding: 2em 1.5em 1em 1.5em;
	color: #fff !important;
	text-shadow: 0 0 2px rgba(255,255,255,0.2) !important;
}

#header li a:hover {
	background-color: rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 1px 4px rgba(255,255,255,0.1);
	-moz-box-shadow: 0 1px 4px rgba(255,255,255,0.1);
	box-shadow: 0 1px 4px rgba(255,255,255,0.1);
	color: #fff;
	color: rgba(255,255,255,0.5);
	text-decoration: none;
	border-top-color: transparent;
	text-shadow: 0 0 3px rgba(255,255,255,0.3);
}

#promo {
	border-bottom: 4px solid #134c5f;
	text-align: left;
	padding: 20px 0;
	clear: both;
	width: 100%;
	float: left;
	background: url(../img/promo-bg.png) repeat-x left top;
	color: #fff;
}

#home #promo h2 {
	float: left;
	margin-top: 1.3em;
	width: 550px;
	letter-spacing: -1px;
	text-shadow: 0px -2px 1px rgba(0,0,0,0.1);
}

#promo p {
	color: rgba(255,255,255,0.65);
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.1);
}

#home #promo p {
	width: 550px;
	float: left;
	display: inline;
	clear: left;
}

#promo #illustration {
	width: 372px;
	height: 268px;
	float: right;
	background: url(../img/illustration.png) no-repeat top left;
}

#cta {
	background-color: #709d21;
	padding: 5px 0;
	clear: left;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}

#cta a {
	color: #fff;
	padding: 2px 22px 2px 7px;
	background: rgba(0,0,0,0.1) url(../img/icon-arrow-offset.png) no-repeat right center;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-left: .5em;
}

#cta a:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.2);
}

#cta .wrap {
	text-align: center;
}

#main {
	border-top: solid 3px #baad8b;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.6);
	width: 100%;
	float: left;
	background: #ebe3cd url(../img/main-bg.png) repeat-x left top;
	padding: 23px 0;
}

#home #main h3 {
	margin-bottom: 1em;
}

#main h3 {
	color: rgba(0,0,0,0.7);
	font-weight: normal;
}

#recent-work {
	width: 620px;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}

#recent-work > a {
	position: absolute;
	top: 0px;
	right: 20px;
	background: url(../img/grid-icon.png) no-repeat left center;
	padding: 0 0 0 25px;
	height: 20px;
}

#recent-work dl {
	float: left;
	margin-right: 30px;
}

#recent-work dl:last-child {
	margin-right: 0;
}

#recent-work dt {
	margin-bottom: 5px;
}

#recent-work img {
	width: 285px;
	height: 173px;
	opacity: 0.8;
	-webkit-transition: linear .1s;
}

#recent-work a:hover img {
	opacity: 1;
}

#recent-work dd a {
	color: #215a6d;
	font-size: 1.3em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 25px 0 0;
	-webkit-transition: color linear .1s;
}

#recent-work dd a:hover {
	background: url(../img/icon-arrow-offset-dark.png) no-repeat right center;
	color: #154c5f;
	text-decoration: none;
}

#our-projects {
	width: 300px;
	float: left;
}

#our-projects dl {
	float: left;
}

#our-projects dt {
	float: left;
	clear: left;
	margin-right: .9em;
	margin-bottom: 20px;
	height: 40px;
	width: 40px;
}

#our-projects dt img {
	width: 34px;
	height: 34px;
}

#our-projects dd.title {
	width: 240px;
	margin-bottom: 0;
}

#our-projects dd {
	font-size: .9em;
	float: left;
	display: block;
	margin-bottom: 20px;
}

#our-projects dd a {
	font-size: 1.2em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#lower {
	background-color: #b3a791;
	border-top: solid 3px #a89b84;
	clear: left;
	width: 100%;
	float: left;
	padding: 1.5em 0;
	color: rgba(0,0,0,0.6);
}

#lower h3 {
	color: rgba(0,0,0,0.5);
}

#lower h3 a {
	color: rgba(0,0,0,0.5) !important;
	display: block !important;
	float: none !important;
}

#lower h3 a:hover {
	text-decoration: underline;
}

#lower #twitter a {
	color: #5f8222;
}

#lower #twitter h3 a {
	color: #333;
}

#lower #flickr h3 a {
	color: #333;
}

#lower #twitter a:hover {
	text-decoration: underline;
}

#lower #twitter p {
	padding: .8em 1em .5em 1em;
	background: #f5ecdc;
	margin: 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}

#lower #twitter ul {
	border-top: solid 1px rgba(0,0,0,0.1);
	padding: .5em 0;
	width: 100%;
	float: left;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	box-shadow: 0 2px 0 rgba(0,0,0,0.15);
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	background: #f5ecdc;
}

#lower #twitter li.avatar img {
	margin-right: .5em;
	float: left;
	margin-left: 10px;
}

#twitter li.avatar a {
	float: left;
	display: block;
	line-height: 25px !important;
}

#lower #twitter li.timestamp {
	font-size: .85em;
	float: right;
	margin-right: 10px;
	line-height: 28px;
}

#lower #twitter li.avatar {
	font-size: 1.1em;
	float: left;
}

#lower #flickr a {
	display: block;
	float: left;
	margin: 0 1.5em 0 0;
}

#lower #flickr a img {
	padding: 3px;
	border: solid 1px #a19682;
	background-color: #e1dcd3;
}

#lower #flickr a:last-child {
	margin: 0;
}

#lower #elsewhere ul {
	border-top: solid 1px rgba(0,0,0,0.1);
}

#lower #elsewhere ul li {
	float: left;
	width: 50%;
	height: 20px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	padding: .5em 0 .5em 0;
}

#lower #elsewhere ul li a {
	height: 20px;
	line-height: 20px;
	display: block;
	padding: 0 0 0 30px;
}

#lower #upcoming a {
	background: url(../img/icon-upcoming.png) no-repeat left center;
}

#lower #linked-in a {
	background: url(../img/icon-linkedin.png) no-repeat;
}

#lower #delicious a {
	background: url(../img/icon-delicious.png) no-repeat left center;
}

#lower #digg a {
	background: url(../img/icon-digg.png) no-repeat left center;
}

#lower #quicksnapper a {
	background: url(../img/icon-quicksnapper.png) no-repeat left center;
}

#lower #vimeo a {
	background: url(../img/icon-vimeo.png) no-repeat left center;
}

#lower a {
	color: #f5efde;
	-webkit-transition: color linear .1s;
}

#lower a:hover {
	text-decoration: none;
	color: #fff;
}

#lower .wrap > div {
	width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

#lower .wrap > div:last-child {
	margin: 0;
}

#lower #twitter > div{
	padding: 7px 0 0 0;
	background: url(../img/twitter-tip.png) no-repeat 25px top;
}

#footer {
	border-top: solid 8px #183f4d;
	background-color: #1d4a59;
	width: 100%;
	float: left;
	padding: 1em 0;
	font-size: .9em;
	color: #fff;
}

#footer li#mint a {
	padding: 0 0 0 20px;
	background: url(../img/icon-mint.png) no-repeat left center;
}

#footer li#microformats a {
	padding: 0 0 0 20px;
	background: url(../img/icon-microformats.png) no-repeat left center;
}

#footer li#rss a {
	padding: 0 0 0 20px;
	background: url(../img/icon-rss.png) no-repeat left center;
}

#footer a {
	color: #fff;
}

#footer p {
	float: left;
}

#footer ul {
	float: right;
}

#footer li {
	float: left;
	margin: 0 1.5em 0 0;
}

#footer li:last-child {
	margin: 0;
}

/* Work */

#work #main {
	padding-top: 33px;
}

#work #promo {
	padding-bottom: 30px;
}

#work #promo a.screenshot {
	float: left;
	display: block;
	margin: 0 50px 0 0;
	position: relative;
}

#work #promo a.screenshot img {
	padding: 8px;
	border: 0;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	box-shadow: 0 2px 8px rgba(0,0,0,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#work #promo a.screenshot div.tac {
	position: absolute;
	background: url(../img/tac.png) no-repeat left top;
	width: 35px;
	height: 38px;
	left: 47%;
	top: -15px;
}

#work #promo .content {
	float: left;
	width: 435px;
}

#work #promo h2 {
	color: rgba(255,255,255,0.5);
	font-size: 1.7em;
	margin-top: 1em;
	margin-bottom: .9em;
}

#work #promo .content a {
	color: #fff;
	display: block;
	float: left;
	padding: 6px 30px 6px 10px;
	font-size: 1.1em;
	background: rgba(255,255,255,0.2) url(../img/link-bg-arrow.png) repeat-y right center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.25);
	margin-top: 3px;
}

#work #promo .content a:hover {
	text-decoration: none;
	-webkit-box-shadow: 0 0 10px rgba(255,255,255,0.3);
	-moz-box-shadow: 0 0 10px rgba(255,255,255,0.3);
	box-shadow: 0 0 10px rgba(255,255,255,0.3);
	background-color: #709d21;
}

#work #promo .content a:active {
	color: rgba(255,255,255,0.9);
	background-color: #729730;
}

#work #promo h3.logo {
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 0 0.5em 0;
}

#work #promo h3#metafilter {
	height: 45px;
	width: 286px;
	background-image: url(../img/logo-metafilter.png);
}

#selected-work {
	padding: 0 0 2em 0;
	position: relative;
}

#selected-work h3 {
	font-size: 1.6em;
	margin-bottom: 10px;
}

#selected-work > a {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.1em;
}

#selected-work > p {
	font-size: 105%;
	margin-bottom: 20px;
}

#selected-work .work {
	border-top: solid 1px rgba(0,0,0,0.1);
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	clear: left;
}

.work dt {
	margin: 0 0 15px 0;
}

.work dt img {
	opacity: 0.85;
	-webkit-transition: linear .1s;
}

.work dt img:hover {
	opacity: 1;
}

#selected-work .work dl{
	width: 290px;
	float: left;
	margin: 0 0 0 35px;
	margin-left: 35px;
	display: inline;
}

#selected-work .work dl.first {
	margin: 0;
}

#selected-work .title a {
	color: #215a6d;
	font-size: 1.2em;
	padding: 0px 25px 2px 0px;
	-webkit-transition: linear .1s;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	display: block;
	float: left;
}

#selected-work dd.description {
	clear: left;
}

#selected-work dd.title a:hover {
	text-decoration: none;
	background: url(../img/icon-arrow-offset-dark.png) no-repeat right center;
	color: #154c5f;
}

/* Project Detail */

#breadcrumb {
	padding: .5em 0;
	clear: both;
	font-size: 1.1em;
}

#breadcrumb a {
	color: #fff;
}

#breadcrumb ul {
	float: left;
	display: inline;
}

#breadcrumb li {
	float: left;
	margin-left: .5em;
	color: #b5d0d9;
	display: inline;
}

#breadcrumb li.divider {
	color: #7295a0;
}

#breadcrumb li:first-child {
	margin-left: 0;
}

#breadcrumb a.more-link {
	float: right;
	display: inline;
	background: url(../img/icon-more-work.png) no-repeat right center;
	padding: 0 35px 0 0;
}

#work #project-details {
	width: 380px;
	float: left;
	margin-right: 20px;
	margin-top: 0px;
}

#work #project-details ul {
	border-top: solid 1px rgba(0,0,0,0.1);
	border-bottom: solid 1px rgba(0,0,0,0.1);
	padding: 5px 0;
	margin-bottom: 10px;
}

#work #project-details ul li {
	line-height: 1.8;
}

#project-details li.date {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: rgba(0,0,0,0.5);
}

#project-details li.url a{
	font-weight: normal;
	color: #709d21;
}

#project-details li.url a span {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .7em;
	font-weight: bold;
	color: rgba(0,0,0,0.3);
	display: none;
	line-height: 1;
}

#project-details li.url a:hover {
	text-decoration: none;
}

#project-details li.url a:hover span {
	display: inline;
}

#work #project-details p {
	font-size: 1.1em;
	margin-bottom: 20px;
}

#work blockquote {
	margin-bottom: 30px;
}

#work #project-details h3{
	margin-bottom: .5em;
}

#work ul.services-provided {
	width: 100%;
	float: left;
	padding-top: 10px !important;
}

#work ul.services-provided li {
	padding: .2em 1em .3em 1em;
	font-size: 1.15em;
	font-weight: bold;
	color: rgba(0,0,0,0.5);
	background-color: rgba(0,0,0,0.1);
	-webkit-border-radius: .9em;
	-moz-border-radius: .9em;
	border-radius: .9em;
	float: left;
	margin-right: 10px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 20px !important;
	margin-bottom: 10px;
}

#work ul.services-provided li:last-child {
	margin-right: 0;
}

#work #project-screenshots {
	width: 519px;
	float: left;
	background-color: rgba(0,0,0,0.1);
	padding: 9px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px rgba(0,0,0,0.03);
}

#work #project-screenshots .screenshot {
	width: 100%;
	height: 399px;
	overflow: hidden;
	position: relative;
}

#work #project-screenshots .screenshot img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#work #project-screenshots img {
	padding: 0;
	border: 0;
}

#work #project-screenshots .screenshot.active {
	xdisplay: block;
}

#work #project-screenshots ul {
	margin-top: 10px;
}

#work #project-screenshots .thumbnail {
	width: 95px;
	height: 70px;
	margin: 3px 3px 0 10px;
	float: left;
	overflow: hidden;
}

#project-screenshots .thumbnail img {
	width: 100%;
	opacity: 0.8;
}

#project-screenshots .thumbnail a:hover img {
	opacity: 0.9;
}

#work #project-screenshots .thumbnail:first-child {
	margin-left: 0 !important;
}

#work #project-screenshots .thumbnail.active {
	border: 3px solid #7e9d48;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #000;
	margin: 0 0 0 10px;
}

#work #project-screenshots .thumbnail.active img {
	opacity: 1;
}

#more-work {
	background-color: #7c7e80;
	padding: 1em 0;
	display: none;
}

#more-work dl {
	float: left;
	margin-left: 12px;
	width: 146px;
}

#more-work dt {
}

#more-work dt img {
	padding: 0;
	margin: 0;
	border: 0;
	width: 146px;
	height: 108px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2)
}

#more-work dt a {
	padding: 0;
	margin: 0;
	line-height: 1;
	border: 0;
}

#more-work dd {
	text-align: center;
	display: block;
	font-size: .9em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#more-work dd a {
	color: #eee;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

#more-work dl:first-child {
	margin: 0;
}

#more-work dl:hover a{
	text-decoration: none;
	color: #fff;
}

#more-work dl:hover dt span.overlay {
	display: block;
	height: 108px;
	width: 146px;
	background: url(../img/view-project-overlay.png) no-repeat top left;
	position: absolute;
	cursor: pointer;	
}

/* About/Content */

#about .main-col {
	font-size: 1.1em;
}

#main h2 {
	font-size: 1.6em;
	color: rgba(0,0,0,0.7);
}

#about #main h2 {
	margin-bottom: 10px;
	line-height: 1.2;
}

#about #main h3 {
	margin-bottom: 10px;
	margin-top: 0.5em;
}

#about #main h3:first-child {
	margin-top: 0;
}

#about #main h4 {
	text-transform: uppercase;
	color: rgba(0,0,0,0.65);
	letter-spacing: 1px;
	margin-bottom: 10px;
	line-height: 1;
}

#about p {
	margin-bottom: 20px;
}

#about dt {
	font-size: 1em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #709d21;
	text-transform: uppercase;
	letter-spacing: .1em;
	line-height: 1;
	margin-bottom: 10px;
}

#about dd {
	margin-bottom: 1.5em;
}

#about img.photo {
	margin-bottom: 15px;
}

#about .sidebar-col h5{
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .9em;
	margin-bottom: 5px;
	color: #325d6b;
}

div.main-col {
	float: left;
	width: 620px;
	margin-right: 20px;
}

div.sidebar-col{
	float: right;
	width: 220px;
	font-size: .9em;
	text-align: left;
	color: rgba(0,0,0,0.5);
}

div.sidebar-col ul {
	margin-bottom: 20px;
}

.sidebar-col a {
	color: #709d21;
}

#all-clients {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	width: 900px;
	font-size: .9em;
	padding: 5px;
}

#all-clients ul {
	width: 285px;
	margin-left: 20px;
	float: left;
}

#all-clients ul:first-child {
	margin-left: 0;
}

#all-clients li span {
	color: #666;
	margin-left: 5px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .85em;
}

#all-clients h3 {
	position: absolute;
	color: #555;
	top: 25px;
	left: 25px;
}

p.large-text {
	font-size: 1.7em;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 100;
	margin-bottom: 30px !important;
	color: #40636f;
	line-height: 1.4em;
}

#contact label {
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	margin-right: 1em;
}

div.selector {
	display: block;
	float: left;
	border: solid 1px #d1cab9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	background: url(../img/select-bg.png) repeat-x left top;
	line-height: 24px;
	margin-top: 3px;
	text-shadow: 0 1px 0 #fff;
}

div.selector.focus {
	border-color: #709d21;
	border-width: 2px;
	margin-top: 2px;
	margin-bottom: -1px;
}

div.selector span {
	position: absolute;
	left: 5px;
	top: 0px;
	font-size: 1.1em;
	padding: 0;
	display: block;
	padding-right: 20px;
	background: url(../img/select-icon.png) no-repeat right 60%;
	right: 0;
}

div.selector select {
	position: relative;
	font-size: 1.1em;
	padding: 0;
	line-height: 23px;
	border: 0;
	margin: 0;
	padding-right: 40px;
}

span#scope_label_type {
	line-height: 28px;
	margin-left: 10px;
	font-size: 1em;
}

#contact label.checkbox {
	width: auto;
	float: none;
	text-align: left;
	margin-left: 200px;
	padding-left: 1em;
}

#contact #estimate_form li {
	display: block;
	width: 100%;
	float: left;
	clear: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}

#contact fieldset {
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: solid 2px rgba(0,0,0,0.05);
}

#contact .main-col h2+p {
	font-size: 1.1em;
}

#contact p.error {
	margin-left: 220px;
	font-size: 0.9em;
	margin-top: .5em;
	font-weight: bold;
	color: #cc4330;
	margin-bottom: 10px;
}

#contact li.error label {
	font-weight: bold;
	color: #cc4330;
}

#contact li.error input {
	border-color: #f28f74;
	border-width: 2px;
	padding: 4px;
}

div.notice {
	display: block;
	padding: 5px;
	border: solid 2px rgba(0,0,0,0.1);
	text-align: center;
	margin-bottom: 1em;
	background-color: #baad8b;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	font-weight: !important;
}

#scope_label_type {
	font-size: 1.1em;
}

#contact a.button {
	margin-left: 215px;
	display: block;
	float: left;
	background-color: #67911e;
	padding: 5px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.1em;
	color: #fff;
}

#contact a.button:hover {
	text-decoration: none;
	background-color: #719f20;
	-webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

#contact a.button:active {
	color: #c3db9a;
	background-color: #597e1a;
	padding-top: 6px;
	padding-bottom: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.vcard .fn {
	font-size: 1.3em;
	font-weight: bold;
	color: #224c5b;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.vcard .org {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: rgba(0,0,0,0.7);
	color: #40636f;
}

.vcard a.email {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: rgba(0,0,0,0.6);
	display: block;
}

.vcard a.url {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: rgba(0,0,0,0.5);
	margin-bottom: 5px;
	display: block;
}

.vcard a#download-hcard {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(../img/icon-download.png) no-repeat -2px center;
	padding: 0 0 0 13px;
}

.sidebar-col dl {
	margin-bottom: 20px;
}

/* Weblog */

#subheader {
	clear: both;
	background-color: #b3a791;
	padding: .3em 0;
}

#subheader ul {
	float: left;
	font-size: 1.1em;
}

#subheader li {
	float: left;
	margin-left: .5em;
	line-height: 26px;
	color: rgba(255,255,255,0.8);
}

#subheader li.divider {
	color: rgba(255,255,255,0.5);
}

#subheader li a {
	color: rgba(0,0,0,0.6);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#subheader h2 {
	float: left;
	margin: 0;
	font-size: 1.6em;
	color: rgba(0,0,0,0.6);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	line-height: 27px;
}

#subheader form {
	float: right;
}

#subheader input.search {
	width: 190px;
	padding-top: 4px;
	padding-bottom: 4px;
	-webkit-border-radius: .85em;
}

#weblog .main-col {
	width: 620px;
}

.sidebar-col img {
	margin-bottom: 10px;
}

ul.archives {
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.archives li {
	float: left;
	margin-right: 10px;
	width: 100px;
}

ul.archives span {
	font-weight: normal;
	text-transform: uppercase;
}

ul.nav_categories {
	xmargin-bottom: 12px;
}

ul.nav_categories a{
	display: block;
	padding-left: 3px;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 1.1em;
}

ul.nav_categories li {
	line-height: 1.6;
	font-size: 12px;
}

ul.also-reading {
	font-size: .9em;
}

ul.also-reading li {
	margin-bottom: 10px;
}

ul.also-reading a{
	font-size: 1.1em;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#weblog .sidebar-col h4 {
	font-size: 1.3em;
	color: rgba(0,0,0,0.7);
	border-top: solid 2px rgba(0,0,0,0.1);
	padding-top: 5px;
	margin-bottom: 10px;
	clear: both;
}

#weblog .sidebar-col h4:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

#weblog .sidebar-col p {
	margin-bottom: 20px;
}

.post {
	clear: both;
	margin-bottom: 18px;
	width: 100%;
	float: left;
	padding-bottom: 20px;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	position: relative;
}

.post .post-content {
	width: 460px;
	float: left;
}

.post .details {
	display: none;
}

.post .meta {
	width: 60px;
	float: left;
	margin-right: 100px;
}

.post.link .meta {
	width: 150px;
	margin-right: 10px;
	background: url(/img/icon-link-post.png) no-repeat right top;
}

.post .post-date {
	text-transform: uppercase;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	background-color: #555;
	padding: 2px 5px;
	font-size: .85em;
	letter-spacing: .1em;
	position: relative;
	margin-bottom: .5em;
	line-height: 16px;
	width: 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.post .post-date span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0.4);
	padding: 2px 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
}

.post a.comments-link {
	color: #847c66;
	display: block;
	padding: 0 0 0 15px;
	background: url(../img/icon-comments.png) no-repeat left center;
}

.post a.comments-link:hover {
	text-decoration: none;
	color: rgba(0,0,0,0.6)
}

.post h3 a{
	text-decoration: none;
}

.post .note {
	font-size: .85em;
	border-top: dashed 1px rgba(0,0,0,0.2);
	border-bottom: dashed 1px rgba(0,0,0,0.2);
	padding: 1em 0 1em 40px;
	margin: 2em 0;
	background: url(../img/icon-note.png) no-repeat left 1.5em;
}

.post.article h3 a {
	color: #1a4756;
	font-size: 1.2em;
	-webkit-transition: all .2s;
}

.post.article h3 {
	margin-bottom: 10px;
	line-height: 1.2;
}

.post.article h3 a:hover {
	color: #12323c;
}

.post .continue-link {
	display: block;
	padding: .2em 1em;
	float: left;
	background-color: rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.5);
	-webkit-border-radius: .9em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 1em;
	-webkit-transition: all .25s;
}

.post .continue-link:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.15);
	color: rgba(0,0,0,.6);
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.post.link h4 {
	float: left;
	line-height: 1;
	margin-bottom: 10px;
}

.post.link h4 a {
	color: #709d21;
	-webkit-transition: all .2s;
}

.post.link h4 a:hover {
	color: #61881c;
}

.post.link p {
	clear: both;
	margin-bottom: 0;
}

.post a.permalink {
	display: block;
	padding: 3px 5px;
	margin-top: 2px;
	background-color: rgba(0,0,0,0.1);
	color: rgba(0,0,0,0.5);
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: .2em;
	-webkit-border-radius: 5px;
	line-height: 1;
	float: left;
	margin-left: 10px;
	-webkit-transition: all .25s;
}

.post a.permalink:hover {
	text-decoration: none;
	background-color: rgba(0,0,0,0.15);
	color: rgba(0,0,0,.6);
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

.post.link .post-content h4 a {
	text-transform: none;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: normal;
}

.post-content h4 {
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: 1.1em;
	color: rgba(0,0,0,0.6);
	margin-bottom: 5px;
}

.post.link p {
	font-style: italic;
	color: rgba(0,0,0,0.5);
	font-size: 0.9em;
}


#more-box {
	clear: both;
	background-color: rgba(0,0,0,0.1);
	padding: .5em 1em;
	-webkit-border-radius: 5px;
	border: solid 1px rgba(0,0,0,0.05);
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
	font-size: 1.2em;
}

#more-box p {
	margin-bottom: 0;
}

#more-box a {
	color: rgba(0,0,0,0.6);
}

#more-box .search {
	width: 250px;
	margin-left: 15px;
	background-position: 10px center;
	padding-left: 30px;
}

input.search {
	-webkit-border-radius: .75em;
	line-height: 1em;
	padding: .2em .7em .2em 22px;
	font-size: 1em;
	border: 0;
	background: #fff url(../img/icon-search.png) no-repeat 7px center;
}

input.search:focus {
	padding: .2em .7em .2em 22px;
}

#weblog #main {
	background-image: none;
	border-top: 0;
	padding-top: 33px;
}

.post-date.December, .post-date.January, .post-date.February {
	background-color: #43667a;
}

.post-date.March, .post-date.April, .post-date.May {
	background-color: #779a3f;
}

.post-date.June, .post-date.July, .post-date.August {
	background-color: #c4971e;
}

.post-date.September, .post-date.October, .post-date.November {
	background-color: #b3460a;
}

#comments h3 {
	margin-bottom: 1em;
	clear: both;
	padding-bottom: 1em;
	border-bottom: solid 2px rgba(0,0,0,0.1);
}

#comments li.comment-meta {
	width: 140px;
	float: left;
	margin-right: 20px;
}

#comments li.comment-meta span {
	font-size: .85em;
}

#comments li.comment-meta img {
	display: block;
	float: left;
	margin-right: 10px;
	border: 0;
	background-color: transparent;
}

#comments li.text {
	float: left;
	width: 460px;
	font-size: .9em;
}

#comments li.comment {
	clear: both;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: solid 2px rgba(0,0,0,0.1);
	float: left;
	width: 620px;
}

#comments li.comment-meta h4, #comments li.comment-meta h4 span {
	font-size: 1em;
	margin-bottom: 0;
}

#comment_form #your-preview {
	width: 140px;
	margin-right: 20px;
	float: left;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#your-preview h4 {
	font-size: 1em;
	margin-bottom: 0;
}

#your-preview img {
	display: block;
	float: left;
	margin-right: 10px;
	border: 0;
	background-color: transparent;
}

#your-preview span {
	font-size: .85em;
}

#comment_form #fields {
	width: 460px;
	float: left;
}

#comment_form textarea {
	width: 450px;
	margin-bottom: 10px;
}

#comment_form input[type=text] {
	width: 250px;
	margin-bottom: 10px;
}

.single .post {
	border-bottom: none;
}

#comment_form h3 {
	margin-bottom: 1em;
}

#comment_form a.button {
	display: block;
	float: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .85em;
	padding: 6px 15px;
	background-color: #1c4e5e;
	line-height: 1;
	color: #fff;
	-webkit-border-radius: 11px;
	margin-top: 10px;
}

#comment_form #working {
	width: 16px;
	height: 16px;
	z-index: 300;
	position: absolute;
	background: #fff url(/img/ajax-loader.gif) no-repeat center center;
	right: 205px;
	top: 8px;
	opacity: 0.5;
}

#comment_form a.button:hover {
	text-decoration: none;
	background-color: #184553;
}

#comment_form a.button:active {
	background-color: #153c49;
	color: rgba(255,255,255,0.5);	
}

#comment_form li.comment-field {
	position: relative;
}

#comment_form li.comment-field span.speech-bubble {
	position: absolute;
	width: 15px;
	height: 13px;
	display: block;
	top: 12px;
	left: -13px;
	background: url(../img/speech-bubble.png) no-repeat left top;
}

#comment_form li.comment-field span.speech-bubble.active {
	background: url(../img/speech-bubble.png) no-repeat left bottom;
}

.archives h3.date {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.1em;
	border-bottom: dashed 1px rgba(0,0,0,0.2);
	padding-bottom: 10px;
	color: rgba(0,0,0,0.5) !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-left: 80px;
}

.archives h2.year {
	margin-bottom: 0;
	font-size: 1.5em !important;
	letter-spacing: 2px;
}

ul.archives-list {
	font-size: 1.1em;
	margin-left: 80px;
}

ul.archives-list a.article {
	font-size: 1.3em;
	color: #1a4756;
}

ul.archives-list a.link {
	color: #709d21;
}

.archives a.back-link {
	font-size: 1.4em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-top: 20px;
	padding-top: 10px;
	border-top: dashed 1px rgba(0,0,0,0.2);
	display: block;
	color: #998154;
}

#weblog.search table {
	border: 1px solid #ccc5b7;
	border-collapse: collapse;
	background-color: #fff;
}

#weblog.search table th {
	border: solid 1px #ddd;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .85em;
	background-color: #f5f5f5;
}

#weblog.search table td {
	padding: 5px;
	border: solid 1px #ddd;
}

div.return {
	margin-bottom: 20px;
}

div.return a {
	font-size: 1.2em;
	color: rgba(0,0,0,0.2);
}
.search .result{
	width: 500px;
	margin-bottom: 20px;
}

.search .result h3 a {
	color: #1a4756;
}

.search .result .date {
	font-size: .85em;
	color: rgba(0,0,0,0.4);
	margin-bottom: 10px;
}

.search .result p {
	font-style: italic;
}

.search .result .read-more {
	font-size: 1.2em;
	margin-top: -15px;
	display: block;
}

#estimate_form div#errors {
	color: #cc4330;
	padding: 10px;
	border: 2px solid #f3bea6;
	background-color: #f4e2ca;
	margin-bottom: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#estimate_form div#errors h4 {
	font-size: 1.1em;
	color: #9f3425;
}

#estimate_form div#errors ul{
	width: auto;
	float: none;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image: none;
	text-indent: 10px;
}

#estimate_form div#errors li {
	width: auto;
	float: none;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}

#estimate_form #message {
	margin-bottom: 10px;
	resize: vertical;
}

#page-404 div.col-404 {
	width: 620px;
	margin: 0 auto;
}

#page-404 div.heading img {
	border: 0;
	padding: 0;
	background: transparent;
	float: left;
	margin-right: 20px;
	display: block;
}

#page-404 div.heading {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}

#page-404 div.heading h2 {
	font-size: 10em;
	line-height: 1;
	color: #174354;
	margin-top: 30px;
}

#page-404 div.heading h3 {
	font-size: 3em;
	line-height: 1;
	color: #246d89;
}

#page-404 p.large-text {
	clear: both;
	border-top: solid 2px rgba(0,0,0,0.1);
	border-bottom: solid 2px rgba(0,0,0,0.1);
	padding: 10px 20px;
	
}

#page-404 div.why {
	width: 300px;
	float: left;
	margin-right: 20px;
	font-size: 1.1em;
}

#page-404 div.why p {
	font-style: italic;
}

#page-404 div.links {
	width: 300px;
	float: left;
	font-size: 1.1em;
}

#page-404 div.links a {
	display: block;
	font-size: 1.2em;
	font-style: normal;
}

#page-404 div.links li {
	margin-bottom: 20px;
	font-style: italic;
}

#page-404 .why ul {
	list-style: square;
	padding-left: 20px;
	margin-bottom: 20px;
}

#page-404 .why li {
	margin-bottom: 20px;
}

#page-404 h4 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

code {
	font-size: 0.85em;
	line-height: 1.6;
	padding: 10px;
	background-color: #f7f4ed;
	display: block;
	margin-bottom: 20px;
	color: #555146;
	border: 1px solid #ccc5b2;
	font-family: Monaco, "Andale Mono", Courier, monospace;
}

.link code.inline {
	font-size: 90%;
}

code.inline {
	display: inline;
	background: transparent;
	border: 0;
	white-space: nowrap;
	padding: 0;
	color: #3f6c80;
	font-size: 85%;
}

code.html span.comment         { color: #999;}
code.html span.tag             { color: #07f;}
code.html span.string         { color: #080;}
code.html span.attribute     { color: #07f;}
code.html span.doctype         { color: #07f;}

code.css span.comment          {color: #999;}
code.css span.keywords         {color: #fd2;}
code.css span.selectors        {color: #0b0;}
code.css span.properties    {color: #66f;}
code.css span.units            {color: #33c;}
code.css span.urls            {color: #4a0;}

code.javascript span.comment     { color: #999; }
code.javascript span.brackets     { color: #07f; }
code.javascript span.string     { color: #4a0; }
code.javascript span.keywords     { color: #07f; }
code.javascript span.exp         { color: #808; }
code.javascript span.global     { color: #06e; }

div.download {
	padding: 10px;
	background-color: #f7f4ed;
	display: block;
	margin-bottom: 20px;
	border: 1px solid #ccc5b2;
	-webkit-border-radius: 5px;
}

.download a.filetype {
	height: 32px;
	display: block;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 1em;
	margin-bottom: -11px;
	font-size: 1.1em;
	color: #2a697e;
	position: relative;
	z-index: 50;
}

.download a.pdf {
	background-image: url(../img/filetype_pdf.png);
}

.download a.zip {
	background-image: url(../img/filetype_archive.png);
}

.post ul {
	margin-bottom: 20px;
	list-style: square;
}

.post p.caption {
	margin-top: -10px;
}

.clear {
	clear: both;
}

div.download p {
	margin-bottom: 0;
	margin-left: 45px;
	font-size: 0.85em;
	clear: left;
	line-height: 1;
}

img.no-border {
	border: none !important;
	background: none;
}

h5 {
	font-size: 1.2em;
}

div.checker{
	height: 16px;
	width: 16px;
	overflow: hidden;
	border: solid 1px #d1cab9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	background: url(../img/select-bg.png) repeat-x left top;
	float: left;
	margin-top: .4em;
	margin-right: 5px;
	position: relative;
}

div.checker.focus {
	border-width: 2px;
	border-color: #709d21;
	height: 14px;
	width: 14px;
}

div.checker.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.checker.focus span.checked {
	background-position: 3px 2px;
	
}

div.checker span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div.checker span.checked {
	background: url(../img/icon-check.png) no-repeat 4px 3px;
}

div.checker span input {
	position: absolute;
	opacity: 0;
}