/* Basics 
------------------------------------ */

/* reset browser default style http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/ */
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, p, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}

html { /* http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%; margin-bottom: 1px }

body {
	margin-top: 35px;
	background-color: #F5F5F5
}

body, p, form, textarea, input, li
{
	font-size: 11px;
	font-family: Arial, 'Heletica Neue', Helvetica, Verdana, sans-serif;
	color: #56562C
}

p { padding-bottom: 10px; line-height: 16px}
a img { border: 0}
strong { font-weight: bold}
em { font-style: italic}

a:link, a:visited, a:hover, a:active {
	color: #825700;
	text-decoration: none
}


/* General 
------------------------------------ */

#container {
	padding: 0;
	margin: 0 auto;
	background: #fff;
	width: 380px;
	text-align: left
}

#content {
	padding: 11px 12px 6px 12px;
	background: #fff url(/images/background.png) top right no-repeat;
	float: left;
	width: 354px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-height: 150px;
}

#footer, #footer2 {
	float: left;
	width: 100%
}

#footer {
	background: #BAB785;
	height: 4px
}	

#footer2 {
	background: url(/images/mastheadBG.png) repeat-x bottom;
	height: 6px
}	


/* MASTHEAD 
------------------------------------ */

#masthead {
	background: #828241 url(../images/mastheadBG.png) repeat-x top;
	height: 33px
}

#logo, #logo a { float: left }

#logo {
	background: url(../images/logo.png) no-repeat;
	text-indent: -9000px;
	margin: 12px 0 0 12px;
	width: 112px;
	height: 12px;
	display:inline;
}

#logo a { 
	width: 130px;
	height: 28px;
	margin: -10px 10px 0 -10px;
	overflow: hidden
}

#navigation {
	background: #BAB785 url(../images/navBG.png) repeat-x top;
	width: 379px;
	border-left: 1px solid #ccc;
	float: left
}

ul#nav { list-style: none }

#nav li {
	text-align: center;
	display: inline
}

#nav li a {
	padding: 6px 12px 5px 12px;
	background: #BAB785 url(../images/navBG.png) repeat-x top; /* unselected tab background color */
	color: #5C5B33; /*  unselected tab link color */
	margin: 0 0 0 0; /* spacing between tabs */
	font-size: 9px;
	font-weight: bold;
	float: left
}

#nav a:hover {
	background: #fff url(../images/selectedNavBG.png) repeat-x top;
	color: #986500
}

#home a.home, #home a:hover.home, #work a.work, #work a:hover.work,  #clients a.clients, #clients a:hover.clients, #errata a.errata, #errata a:hover.errata, #contact a.contact, #contact a:hover.contact {
	color: #986500;
	background: #fff url(../images/selectedNavBG.png) repeat-x top
}


/* HEADERS
------------------------------------ */

h2 {
font-size: 15px;
color: #A97D27;
font-weight: bold;
padding-bottom: 10px
}

h3 {
font-size: 12px;
color: #78783C;
font-weight: bold;
padding-bottom: 2px
}

/* WORK PAGE
------------------------------------ */

.thumbContainer { margin: 0 0 8px 0 }

.thumb { float:left }

.thumb { padding-right: 5px }

#work #content .pastWork { padding-bottom: 10px }

#work #content { background: #fff url(../images/background.png) bottom right no-repeat }


/* OTHER
------------------------------------ */

#contact #content { padding-bottom: 12px }

.bonus { padding-bottom: 6px }

label { font-weight: bold }

.required { font-weight: normal }

input { margin-bottom: 8px }


/* Clearer
------------------------------------ */

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px
}