html {
	font-family: Arial, sans-serif;
	font-size: 0.7em;
}

input, select, textarea {
	font-family: Arial, sans-serif;
	font-size: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #E5E6DE;
}

a, a:link, a.visited {
	color: #366C01;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

span.clear {
	display: block;
	height: 0px;
	width: 100%;
	font-size: 0pt;
	clear: both;	
}

p {
	margin: 0.9em 0 0.9em 0;
}

span.hidden {
	display: block;
	height: 0px;
	width: 100%;
	font-size: 0pt;
}

#page {
	margin: 0 auto;
	background: url(../images/page_bg.png) top left repeat-y;
	width: 810px;
}

#page-full {
	margin: 0 auto;
	background: url(../images/page_bg_full.png) top left repeat-y;
	width: 810px;
}

#header {
	background: url(../images/header_bg.png) 0 -20px no-repeat;
	height: 125px;
	padding: 25px 45px 0 45px;
}

#header-inner {
	background: url(../images/header_green.jpg) top left no-repeat;
	height: 97px;
}

#header-inner-title {
	float: left;
	width: 35%;
}

h1 {
	margin: 0;
	background: url(../images/title.gif) top left no-repeat;
	width: 239px;
	height: 35px;
	position: relative;
	top: 33px;
	left: 22px;
}

h1 span {
	display: none;
}

.h1-echo {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 310%;
	color: #2c5801;
	font-weight: normal;
	padding-left: 20px;
	position: relative;
	top: -1.12em;
	left: 0.02em;
	z-index: 5;
}

#header-inner-nav {
	float: right;
	width: 65%;
	text-align: right;
}

#nav {
	margin: 37px 14px 0 0;
	list-style-type: none;
}

#nav li {
	display: block;
	float: right;
	margin-right: 1px;
}

#nav li a span {
	display: none;
}

#nav li a, #nav li a:link, #nav li a:visited {
	display: block;
	position: relative;
	height: 26px;
}

li#nav-photos-li { background: url(../images/nav_photos_h.png) top left no-repeat; }
li#nav-websites-li { background: url(../images/nav_websites_h.png) top left no-repeat; }
li#nav-apps-li { background: url(../images/nav_apps_h.png) top left no-repeat; }
li#nav-designs-li { background: url(../images/nav_designs_h.png) top left no-repeat; }
li#nav-cv-li { background: url(../images/nav_cv_h.png) top left no-repeat; }

a#nav-photos { width: 78px; background: url(../images/nav_photos_i.png) top left no-repeat; }
a#nav-websites { width: 93px; background: url(../images/nav_websites_i.png) top left no-repeat; }
a#nav-apps { width: 64px; background: url(../images/nav_apps_i.png) top left no-repeat; }
a#nav-designs { width: 86px; background: url(../images/nav_designs_i.png) top left no-repeat; }
a#nav-cv { width: 52px; background: url(../images/nav_cv_i.png) top left no-repeat; }

a#nav-photos:hover, a#nav-photos:active { background: none; }
a#nav-websites:hover, a#nav-websites:active { background: none; }
a#nav-apps:hover, a#nav-apps:active { background: none; }
a#nav-designs:hover, a#nav-designs:active { background: none; }
a#nav-cv:hover, a#nav-cv:active { background: none; }

#nav li.active a#nav-photos { background: url(../images/nav_photos_a.png) top left no-repeat; }
#nav li.active a#nav-websites { background: url(../images/nav_websites_a.png) top left no-repeat; }
#nav li.active a#nav-apps { background: url(../images/nav_apps_a.png) top left no-repeat; }
#nav li.active a#nav-designs { background: url(../images/nav_designs_a.png) top left no-repeat; }
#nav li.active a#nav-cv { background: url(../images/nav_cv_a.png) top left no-repeat; }

#main {
	padding: 0 35px 0 35px;
	background: url(../images/content_bg.png) 20px 0 no-repeat;
}

#page-full #main {
	background: url(../images/content_bg_full.png) 20px 0 no-repeat;
}

#content {
	float: left;
	width: 545px;
}

#page-full #content {
	width: 740px;
}

#panel {
	width: 170px;
	float: left;
	margin-left: 25px;
}

#footer {
	background: url(../images/footer_bg.png) top left no-repeat;
	height: 85px;
	padding: 0 35px 0 35px;
}

#copyright {
	float: left;
	width: 50%;
	margin-top: 35px;
	color: #B5B5AA;
}

#copyright a {
	color: #93938a;
}

#compliance {
	float: right;
	width: 49%;
	margin-top: 35px;
}

#compliance ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

#compliance li {
	float: left;
}

#page-full #footer {
	background: url(../images/footer_bg_full.png) top left no-repeat;
}

h3 {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 230%;
	color: #366C01;
	font-weight: normal;
	margin: 0 0 10px 0;
	
}

.box-500x375x10 {
	width: 530px;
	height: 405px;
	background: url(../images/box_500x375x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-375x500x10 {
	width: 405px;
	height: 530px;
	background: url(../images/box_375x500x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-710x532x10 {
	width: 740px;
	height: 562px;
	background: url(../images/box_710x532x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-532x710x10 {
	width: 562px;
	height: 740px;
	background: url(../images/box_532x710x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-600x228x10 {
	width: 630px;
	height: 258px;
	background: url(../images/box_600x228x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-500x707x10 {
	width: 530px;
	height: 737px;
	background: url(../images/box_500x707x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-600x380x10 {
	width: 630px;
	height: 410px;
	background: url(../images/box_600x380x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-600x428x10 {
	width: 630px;
	height: 458px;
	background: url(../images/box_600x428x10.png) top left no-repeat;
	margin-bottom: 10px;
}

.box-250x95x5 {
	width: 270px;
	height: 115px;
	background: url(../images/box_250x95x5.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x95x5-i {
	width: 270px;
	height: 115px;
	background: url(../images/box_250x95x5_i.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x120x5 {
	width: 270px;
	height: 140px;
	background: url(../images/box_250x120x5.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x120x5-i {
	width: 270px;
	height: 140px;
	background: url(../images/box_250x120x5_i.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-158x223x5 {
	width: 178px;
	height: 243px;
	background: url(../images/box_158x223x5.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-158x223x5-i {
	width: 178px;
	height: 243px;
	background: url(../images/box_158x223x5_i.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x160x5 {
	width: 270px;
	height: 180px;
	background: url(../images/box_250x160x5.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x160x5-i {
	width: 270px;
	height: 180px;
	background: url(../images/box_250x160x5_i.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x177x5 {
	width: 270px;
	height: 197px;
	background: url(../images/box_250x177x5.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-250x177x5-i {
	width: 270px;
	height: 197px;
	background: url(../images/box_250x177x5_i.png) top left no-repeat;
	margin-bottom: 5px;
}

.box-500x375x10 img, .box-375x500x10 img, .box-710x532x10 img, .box-532x710x10 img,
.box-600x228x10 img, .box-500x707x10 img, .box-600x380x10 img, .box-600x428x10 img  {
	margin: 15px;
}

.box-80x80x5 img, .box-250x95x5 img, .box-250x95x5-i img, .box-250x120x5 img, .box-250x120x5-i img,
.box-158x223x5 img, .box-158x223x5-i img, .box-250x160x5 img, .box-250x160x5-i img,
.box-250x177x5 img, .box-250x177x5-i img {
	margin: 10px;
	border: 0;
}


#breadcrumbs {
	color: #C0C0B5;
}

#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {
	color: #B5B5AA;
	text-decoration: none;
}

#breadcrumbs a:hover, #breadcrumbs a:active {
	color: #366C01;
	text-decoration: underline;
}

ul.thumbs {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	width: 107px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

ul.thumbs a, ul.thumbs a:link, ul.thumbs a:visited {
	text-decoration: none;
	color: #366C01;
	font-weight: bold;
	font-size: 100%;
	display: block;
	width: 100%;
	background: url(../images/box_80x80x5_i.png) top center no-repeat;
}

ul.thumbs li img {
	border: none;
	margin: 10px 0 12px 0;
}

* html ul.thumbs li img {
	margin-left: 1px;
}

ul.thumbs a:hover, ul.thumbs a:active {
	color: #264B01;
	background: url(../images/box_80x80x5_h.png) top center no-repeat;
}

ul.thumbs li.thumb-first a, ul.thumbs li.thumb-first a:link, ul.thumbs li.thumb-first a:visited {
	background: url(../images/box_80x80x5.png) top center no-repeat;
}

ul.thumbs li.thumb-first a:hover, ul.thumbs li.thumb-first a:active {
	color: #264B01;
	background: url(../images/box_80x80x5_h.png) top center no-repeat;
}

#panel ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #EEEEEE;
}

#panel li {
	border-bottom: 1px solid #EEEEEE;
}

#panel li a, #panel li a:link, #panel li a:visited {
	display: block;
	padding: 3px;
	padding-left: 14px;
	color: #B5B5AA;
	text-decoration: none;
	background: url(../images/bullet.gif) 3px center no-repeat;
}

#panel li.active a, #panel li.active a:link, #panel li.active a:visited {
	color: #366C01;
	font-weight: bold;
	background: url(../images/bullet_active.gif) 3px center no-repeat;
}

#panel li a:hover, #panel li a:active {
	color: #85857D;
	background-color: #ededdf;
}

div.photo-nav {
	border-top: 1px solid #EEEEEE;
	margin-bottom: 15px;
	padding-top: 10px;
}

div.main-designs div.photo-nav {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
}

span.photo-nav-gallery {
	display: block;
	margin-bottom: 5px;
	color: #366C01;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}
	
span.photo-nav-position {
	display: block;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
}

.photo-nav-options {
	padding-top: 13px;
}

span.photo-nav-zoom, span.photo-nav-index {
	display: block;
	width: 49%;
	float: left;
	text-align: center;
}

a.photo-nav-link, a.photo-nav-link:link, a.photo-nav-link:visited {
	display: block;
	float: left;
	padding-top: 21px;
	color: #7F7F7B;
	text-decoration: none;
	text-align: center;
	width: 42px;
}

div.main-designs a.photo-nav-link, div.main-designs a.photo-nav-link:link, div.main-designs a.photo-nav-link:visited {
	width: 56px;
}

a.photo-nav-link:hover, a.photo-nav-link:active {
	color: #366C01;
	font-weight: bold;
}

span.photo-nav-link-placeholder {
	display: block;
	float: left;
	padding-top: 21px;
	color: #D3D3D2;
	text-decoration: none;
	text-align: center;
	width: 42px;
}

div.main-designs span.photo-nav-link-placeholder {
	width: 56px;
}

a.photo-nav-zoomin-link { background: url(../images/zoom_in_norm.gif) top center no-repeat; }
a.photo-nav-zoomout-link { background: url(../images/zoom_out_norm.gif) top center no-repeat; }
a.photo-nav-back-link { background: url(../images/arrow_back_norm.gif) top center no-repeat; }
a.photo-nav-next-link { background: url(../images/arrow_next_norm.gif) top center no-repeat; }
a.photo-nav-index-link { background: url(../images/arrow_up_norm.gif) top center no-repeat; }
a.photo-nav-zoomin-link:hover, a.photo-nav-zoomin-link:active { background: url(../images/zoom_in_hover.gif) top center no-repeat; }
a.photo-nav-zoomout-link:hover, a.photo-nav-zoomout-link:active { background: url(../images/zoom_out_hover.gif) top center no-repeat; }
a.photo-nav-back-link:hover, a.photo-nav-back-link:active { background: url(../images/arrow_back_hover.gif) top center no-repeat; }
a.photo-nav-next-link:hover, a.photo-nav-next-link:active { background: url(../images/arrow_next_hover.gif) top center no-repeat; }
a.photo-nav-index-link:hover, a.photo-nav-index-link:active { background: url(../images/arrow_up_hover.gif) top center no-repeat; }
span.photo-nav-zoomin-link-placeholder { background: url(../images/zoom_in_disabled.gif) top center no-repeat; }
span.photo-nav-back-link-placeholder { background: url(../images/arrow_back_disabled.gif) top center no-repeat; }
span.photo-nav-next-link-placeholder { background: url(../images/arrow_next_disabled.gif) top center no-repeat; }
span.photo-nav-index-link-placeholder { background: url(../images/arrow_up_disabled.gif) top center no-repeat; }


#page-full .photo-title {
	float: left;
	width: 500px;
}

div.photo-header-nav {
	float: right;
	width: 170px;
	padding-top: 5px;
}

.photo-subcaption {
	display: block;
	color: #7F7F7B;
	font-weight: bold;
	margin-bottom: 5px;
}

.photo-credit {
	display: block;
	color: #B5B5AA;
}

/************** RSS, HTML, CSS ICONS ****************/

a.xhtml-1-0, a.css-2-0 {
	display: block;
	width: 59px;
	height: 13px;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	margin-right: 2px;
}

a.xhtml-1-0, a.css-2-0 {
	width: 53px;
}

a.xhtml-1-0:hover, a.xhtml-1-0:active, a.css-2-0:hover, a.css-2-0:active {
	background-position: 0 -14px;
}

a.xhtml-1-0 span, a.css-2-0 span {
	display: none;
}

a.xhtml-1-0 { background-image: url(../images/iconpair_xhtml_1_0.png); }
a.css-2-0 { background-image: url(../images/iconpair_css_2_0.png); }


/* CV */

div.main-cv {
	color: #565652;
}

div.main-cv li {
	line-height: 1.35em;	
}

div.main-cv div.section-content {
	margin-left: 20px;
}

div.main-cv div.section {
	border-top: 1px solid #EAEAEA;
	margin-top: 15px;
}

div.main-cv h4 {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 170%;
	color: #366C01;
	font-weight: normal;
	margin: 10px 0 0 0;
}

div.main-cv h5 {
	font-size: 100%;
	color: #366C01;
	font-weight: normal;
	margin: 15px 0 0 0;
	font-weight: bold;
}

div.main-cv ul {
    margin-bottom: 0;
}

div.main-cv ul.summary, div.main-cv ul.words, div.main-cv ul.jobs, div.main-cv ul.projects {
    list-style-type: none;
    margin-left: 0;
    padding-left: 1em;
}

div.main-cv ul.summary li {
    margin-bottom: 0.5em;
    padding-left: 1.2em;
    background: url(../images/bullet_dark.gif) 0 0.45em no-repeat;
}

div.main-cv ul.words li {
    margin-bottom: 0.2em;
    padding-left: 1.2em;
    background: url(../images/bullet_light.gif) 0 0.45em no-repeat;
}

div.main-cv ul.jobs li {
    margin-bottom: 1em;
    padding-left: 1.2em;
    background: url(../images/bullet_dark.gif) 0 0.45em no-repeat;
}

div.main-cv ul.projects li {
    margin-bottom: 0.7em;
    padding-left: 1.2em;
    background: url(../images/bullet_light.gif) 0 0.45em no-repeat;
}

ul.jobs em {
	color: #808079;
	font-style: normal;
	font-size: 90%;
	line-height: 1.3em;
	display: block;
	width: 98%;
	margin-top: 0.2em;
}

div.column-2-1 {
	float: left;
	width: 48%;
	margin-right: 10px;
}

div.column-2-2 {
	float: left;
	width: 48%;
}

/* Websites */

div.main-websites {
	color: #666661;
}

div.main-websites div.client {
	border-top: 1px solid #EAEAEA;
	margin-top: 15px;
}

div.main-websites h4 {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 170%;
	color: #366C01;
	font-weight: normal;
	margin: 15px 0 15px 0;
}


a.screengrab, a.screengrab:link, a.screengrab:visited, div.screengrab {
	display: block;
	width: 219px;
	height: 178px;
	background: url(../images/box_screengrab.png) top left no-repeat;
	float: right;
	margin-left: 10px;
}

a.screengrab:hover, a.screengrab:active {
	background: url(../images/box_screengrab_h.png) top left no-repeat;
}

a.screengrab img, div.screengrab img {
	border: 0;
	margin: 10px;
}

div.client p {
	margin-left: 20px;
}

div.main-websites ul.quotes {
    list-style-type: none;
    margin-left: 15px;
    padding-left: 1em;
}

div.main-websites ul.quotes li {
    margin-bottom: 1em;
    padding-left: 1.2em;
    background: url(../images/bullet_light.gif) 0 0.45em no-repeat;
}

a.external, a.external:link, a.external:visited {
	background: url(../images/icon_web.gif) center left no-repeat;
	padding-left: 21px;
	font-weight: bold;
}

div.cv-panelbutton-wrapper-1 {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #EEEEEE;
}

div.cv-panelbutton-wrapper-2 {
	margin-bottom: 5px;
}

a#cv-doc, a#cv-doc:link, a#cv-doc:visited, a#cv-pdf, a#cv-pdf:link, a#cv-pdf:visited {
	display: block;
	padding: 6px 5px 6px 42px;
}

a#cv-doc:hover, a#cv-doc:active, a#cv-pdf:hover, a#cv-pdf:active {
	background-color: #E3F3CC;
	text-decoration: none;
}

a#cv-pdf {
	background: url(../images/icon_pdf_32.gif) 5px 50% no-repeat;
}

a#cv-doc {
	background: url(../images/icon_doc_32.gif) 5px 50% no-repeat;
}

.cv-download {
	display: block;
	font-weight: bold;
}

.cv-type {
	display: block;
}


ul.logos, ul.designs3, ul.designs2-1, ul.designs2-2 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.logos li, ul.designs3 li, ul.designs2-1 li, ul.designs2-2 li {
	width: 270px;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

ul.designs3 li {
	width: 178px;
}

ul.logos li.logos-first, ul.designs3 li.designs3-first, ul.designs3 li.designs3-second,
ul.designs2-1 li.designs2-first, ul.designs2-2 li.designs2-first {
	margin-right: 5px;
}

ul.logos a, ul.logos a:link, ul.logos a:visited,
ul.designs3 a, ul.designs3 a:link, ul.designs3 a:visited,
ul.designs2-1 a, ul.designs2-1 a:link, ul.designs2-1 a:visited,
ul.designs2-2 a, ul.designs2-2 a:link, ul.designs2-2 a:visited {
	text-decoration: none;
	color: #366C01;
	font-weight: bold;
	font-size: 100%;
	display: block;
	width: 100%;
}

ul.logos li img, ul.designs3 li img, ul.designs2-1 li img, ul.designs2-2 li img {
	border: none;
	margin: 10px 0 12px 0;
}

* html ul.logos li img, * html ul.designs3 li img, * html ul.designs2-1 li img, * html ul.designs2-2 li img {
	margin-left: 1px;
}

ul.logos a { background: url(../images/box_250x95x5_i.png) top center no-repeat; }
ul.logos li.logos-first a { background: url(../images/box_250x95x5.png) top center no-repeat; }
ul.logos a:hover, ul.logos a:active, ul.logos li.logos-first a:hover, ul.logos li.logos-first a:active { color: #264B01; background: url(../images/box_250x95x5_h.png) top center no-repeat; }

ul.designs3 a { background: url(../images/box_158x223x5_i.png) top center no-repeat; }
ul.designs3 li.designs3-first a { background: url(../images/box_158x223x5.png) top center no-repeat; }
ul.designs3 a:hover, ul.designs3 a:active, ul.designs3 li.designs3-first a:hover, ul.designs3 li.designs3-first a:active { color: #264B01; background: url(../images/box_158x223x5_h.png) top center no-repeat; }

ul.designs2-1 a { background: url(../images/box_250x160x5_i.png) top center no-repeat; }
ul.designs2-1 li.designs2-first a { background: url(../images/box_250x160x5.png) top center no-repeat; }
ul.designs2-1 a:hover, ul.designs2-1 a:active, ul.designs2-1 li.designs2-first a:hover, ul.designs2-1 li.designs2-first a:active { color: #264B01; background: url(../images/box_250x160x5_h.png) top center no-repeat; }

ul.designs2-2 a { background: url(../images/box_250x177x5_i.png) top center no-repeat; }
ul.designs2-2 li.designs2-first a { background: url(../images/box_250x177x5.png) top center no-repeat; }
ul.designs2-2 a:hover, ul.designs2-2 a:active, ul.designs2-2 li.designs2-first a:hover, ul.designs2-2 li.designs2-first a:active { color: #264B01; background: url(../images/box_250x177x5_h.png) top center no-repeat; }