/* colors rust #7f3c3b;
 dark green :#2f403f */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	font-size: 100%;

	vertical-align: baseline;

	border: 0;

	outline: 0;

	background: transparent;

	
}

	
ol, ul {

	list-style: none;

	
}


blockquote, q {

	quotes: none;

	
}


:focus {

	outline: 0;

	
}


table {

	border-collapse: collapse;

	border-spacing: 0;

	
}


.group:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden
	

}

.shadow {box-shadow:0 0 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);-moz-box-shadow:0 0 3px rgba(0,0,0,0.6)}


.inset {
width:1000px;
margin:auto;
position:relative
}


body {
color:#3c3e3e;
text-align:center;
font-family:facitweb,helvetica, arial;
font-size:0.875em
}

a {
color:#2b403f;
}
a:hover, a:active {
color:#7f3c3b;
text-decoration:none
}

h1, h2 {color:#7f3c3b}
h1 {font-size:3.2em;margin-top:-15px;margin-bottom:15px;letter-spacing:-0.03em}
#wrapper {
width:1000px;
margin:auto;
text-align:left;
z-index:1
}

div#header {
height:180px;
position:relative
}

div#header h1 {width:200px;height:180px;text-indent:-9999em;background:left center url(images/logo.png) no-repeat;position:absolute;left:0;cursor:pointer}

ul.nav {
float:left;
}


ul#topnav {
position:absolute;right:16px;top:60px;
}
ul#topnav a {letter-spacing:0.1em !important}
ul#topnav li a {margin-left:22px !important;font-size:0.8em !important
}

ul.nav li {
display:inline;
}

ul.nav li a {
letter-spacing:0.1em;
display:block;
float:left;
 height: 64px;
    line-height: 118px;
    padding: 16px 6px;
    font-weight:700;
font-size:0.7em;
text-transform:uppercase;
text-decoration:none;
min-width:40px
}

ul.nav a#nav_about {
background:center top url(images/sprite_about.png) no-repeat
}

ul.nav a#nav_portfolio {
background:center top url(images/sprite_portfolio.png) no-repeat
}

ul.nav a#nav_contact {
background:center top url(images/sprite_contact.png) no-repeat
}

ul.nav a#new {
background:center top url(images/sprite_new.png) no-repeat
}

ul.nav a#websites {
background:center top url(images/sprite_websites.png) no-repeat
}

ul.nav a#icons {
background:center top url(images/sprite_icons.png) no-repeat
}

ul.nav a#fonts {
background:center top url(images/sprite_fonts.png) no-repeat
}

ul.nav a#branding {
background:center top url(images/sprite_branding.png) no-repeat
}

ul.nav a#art {
background:center top url(images/sprite_art.png) no-repeat
}

ul.nav li a#nav_contact:hover,
ul.nav li a#nav_about:hover,
ul.nav li a#nav_portfolio:hover,
ul.nav li a#new:hover,
ul.nav li a#icons:hover,
ul.nav li a#fonts:hover,
ul.nav li a#art:hover,
ul.nav li a#branding:hover,
ul.nav li a#websites:hover,
ul.nav li a.current {
background-position:center -256px !important;color:#7f3c3b !important
}

ul.nav li a:hover{
background-position:0 -256px
}
ul.bionav

{
margin-top:1em
}
ul.bionav li {
display:inline;
margin-right:0.5em;
font-size:1.0em}
.bio h2 {margin-top:1.0em}
.bio h2 span {font-weight:normal;font-style:italic;font-size:0.9em;margin-left:12px}

ul#portnav li a{margin-right:12px}
ul#portnav li:last-child a, ul.thumbs li:last-child a {margin-right:0}
div.col2 {
width:470px;
float:left;
margin:2px;
position:relative
}
div.wider {width:520px !important}
div.port {width:490px !important;
}

div.col2 p:first-child {margin-top:0 !important}
div.wider p {padding:0;margin:0 !important}
div#footer {
height:106px;
line-height:145px;
width:100%;
text-align:left;
/*background:url(images/bg_body.png) repeat-x;*/
z-index:-1000
}

div#about {
width:500px;float:left
}

h2, h3 {
font-weight:bold;
font-size:1.2em;
color:#7f3c3b;
}

p {
margin-top:0.8em;
line-height:1.7em;
clear:both
}


#slideshow {z-index:-1}

a#prev, a#next {position:absolute;top:148px;background-image:url(images/sprite_arrows.png);backgorund-repeat:no-repeat;z-index:1;display:block;width:32px;height:32px;text-indent:-9999px}

a#prev {background-position:right bottom;left:-16px}
a#prev:hover {background-position:right top}
a#next {background-position:left bottom;left:474px}
a#next:hover {background-position:left top}

.hidden {display:none}

.thumbs li {display:inline}
.thumbs li a {display:block;float:left;margin:0 20px 10px 0}

.thumbs li a img {width:100px;height:100px;box-shadow:0 0 3px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.6);-moz-box-shadow:0 0 3px rgba(0,0,0,0.6)}

 
 .col2 h2 {}
 .col2 p {margin-right:40px}
 
 h2.portheader {background:70px top url(images/pointer.png) no-repeat; height: 42px;
    line-height: 37px;}
 
 #footer {font-size:0.8em;text-align:center}
 
 #sb-body, #sb-loading {
    background:none;
}
#sb-title, #sb-title-inner {text-shadow:0 0 1px rgba(0,0,0,0.8);font-size:1.0em;line-height:1.2em;font-weight:bold;height:auto;margin-bottom:8px}
#sb-overlay {opacity:0.8 !important}
#sb-wrapper-inner {border:none}
#sb-title-inner a {color:#eee !important;text-decoration:underline}

h3.gform_title {margin:0 !important;font-size:1.2em}
.gform_wrapper {margin:0 !important}


#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {font-family:facitweb,helvetica, arial}

img.portrait {display:block;position:absolute;left:-400px;top:60px}

/********************
Pure css buttons
********************/

.button {
	display: inline-block;
	border: 1px solid #999;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: bold 11px facitweb,arial, helvetica, sans-serif;
	height:32px;
	line-height:32px;
	*line-height:31px;
	text-transform:uppercase;
	color:#404040;
	*color:#505050;
	text-shadow: 0 0 1px rgba(255,255,255,.8);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	box-shadow: 0 1px 2px rgba(0,0,0,.4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fff));
	background: -moz-linear-gradient(top,  #cecece,  #fff); 

}

.button span {
	display:block;
	padding:0 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,1);
	box-shadow:inset 0 0 1px rgba(255,255,255,1);
}


.button:hover {
	color:#fff;
	border: 1px solid #525252;
	text-shadow: 0 0 1px rgba(0,0,0,.8);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.8);
	box-shadow: 0 1px 2px rgba(0,0,0,.8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#939393'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#939393));
	background: -moz-linear-gradient(top,  #676767,  #676767); 
}

.button:hover span {
	-moz-box-shadow:inset 0 0 1px rgba(255,255,255,.6);
	-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,.6);
	box-shadow:inset 0 0 1px rgba(255,255,255,.6);
}
.button:active {
	position: relative;
	top: 1px;
}