@font-face
{  
	font-family: ComickBookSimple;
	src: url('../fonts/ComickBookSimple.ttf')  format('opentype');
}

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

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

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

br.clear
{
	clear: both;
}

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: Verdana, Arial;
	font-style: normal;
	font-size: 120%;
	color: #fff;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6
{
	font-family: ComickBookSimple, Verdana, Arial;
	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: 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: 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: Verdana, Arial;
	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: Verdana, Arial;
	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: Verdana, Arial;
	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: Verdana, Arial;
	font-size: 1.1em;
	line-height: 2.1em;
	font-weight: normal;
}

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

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

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

#navigation h1 a
{
	width: 261px;
	height: 80px;
	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;
}

#layout #navigation h1 a
{
	opacity: 1;
}

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

#navigation ul
{
	float: right;
}

#navigation li
{
	float: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: Verdana, Arial;
}

#navigation 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;
}

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

#navigation 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);
}

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

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

#spotlight p
{
	color: rgba(255,255,255,0.75);
	font-family: Verdana, Arial;
	font-weight: 100;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-shadow: 0px -1px 1px rgba(0,0,0,0.4);
}

#layout #spotlight p
{
	width: 550px;
	float: left;
	display: inline;
	clear: left;
}

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

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

#welovefeedback 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;
}

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

#welovefeedback .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;
}

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

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

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

#recent-stuff > 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-stuff dl
{
	float: left;
	margin-right: 30px;
}

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

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

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

#spotlight #spotlight_image2
{
	width: 285px;
	height: 173px;
	float: right;
}

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

#recent-stuff dd a
{
	color: #215a6d;
	font-size: 1.3em;
	font-family: Verdana, Arial;
	padding: 0 25px 0 0;
	-webkit-transition: color linear .1s;
}

#recent-stuff 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: Verdana, Arial;
}

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

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

#stuff-list dl
{
	float: left;
	margin-right: 30px;
}

#stuff-list dl:last-child
{
	margin-right: 0;
}

#stuff-list dt
{
	margin-bottom: 5px;
}

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

#stuff-list a:hover img
{
	opacity: 1;
}

#stuff-list dd.title
{
	width: 240px;
	margin-bottom: 0;
}

#stuff-list dd a
{
	color: #215a6d;
	font-size: 1.3em;
	font-family: Verdana, Arial;
	padding: 0 25px 0 0;
	-webkit-transition: color linear .1s;
}

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

#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: #FF8C00;
}

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

#lower #picasa 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 #picasa a
{
	display: block;
	float: left;
	margin: 0 1.5em 0 0;
}

#lower #picasa a img
{
	display: block;
	padding: 0px;
	border: solid 3px #a19682;
	width: 75px;
	height: 75px;
}

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

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

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

#lower #social ul li a
{
	height: 32px;
	line-height: 32px;
	display: block;
	padding: 0 0 0 38px;
}

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

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

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

#lower #ventrilo_link a
{
	background: url(../img/icon-ventrilo.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: 0.8em;
	color: #fff;
	font-family: Verdana, Arial;
}

#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;
}

/* 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;
}

#disqus_thread
{
}

img.clear
{
	border: 0;
	background: none;
}