body {
		background: #000000 url(background.jpg) top center no-repeat;
		color: #FFFFFF;
		text-align: center;
		font-family: trebuchet ms, verdana, sans-serif;
		font-size: 12px;
		padding: 0;
		margin: 0 10px 20px 10px;
		}

	body.artwork-detail {
		margin: 0;
		background-image: none;
		}

	body.print-resume {
		background: #FFFFFF;
		background-image: none;
		color: #000000;
		text-align: center;
		font-family: trebuchet ms, verdana, sans-serif;
		font-size: 12px;
		padding: 0;
		margin: 0 10px 20px 10px;
		}


/*-- HEADER --*/
	div#header {
		width: 600px;
		height: 84px;
		margin: 10px auto 0 auto;
		text-align: left;
		position: relative;
		border-bottom: #FFFFFF solid 1px;
		}

	h1 {
		padding: 0;
		margin: 0;
		border: white solid 0px;
		width: 136px;
		height: 74px;
		overflow: hidden;
		background: url(header-logo.gif) no-repeat center center;
		}
	h1 a {
		display: block;
		width: 136px;
		height: 74px;
		}
	h1 a:hover {border: #FFFFFF solid 1px;}

	h1 span {display: none;}
/*-- /HEADER --*/


/*-- HEADER MENUS --*/
	div#headermenus {
		border: white solid 0px;
		width: 454px;
		height: 74px;
		position: absolute;
		top: 0px;
		left: 146px;
		background: url(header-menu.gif) no-repeat left bottom;
		}

	ul#mainmenu,
	ul#secondmenu {
		list-style-type: none;
		margin: 0px;
		margin-left: 20px;
		margin-top: 10px;
		padding: 0px;
		}
	ul#mainmenu li,
	ul#secondmenu li {
		display: inline;
		text-transform: lowercase;
		}

	ul#mainmenu li a {
		font-size: 18px;
		color: #118CE2;
		text-decoration: none;
		margin-right: 40px;
		padding-bottom: 4px;
		}
	ul#secondmenu li a {
		font-size: 12px;
		color: #118CE2;
		text-decoration: none;
		margin-right: 18px;
		}

	ul#mainmenu li a:hover, ul#secondmenu li a:hover {color: #AAAAAA;}
	ul#mainmenu li a.menu-here, ul#secondmenu li a.menu-here {color: #FFFFFF;}
	ul#mainmenu li a:hover {border-bottom: #AAAAAA solid 2px;}
	ul#mainmenu li a.menu-here {border-bottom: #118CE2 solid 2px;}
	ul#mainmenu li a.menu-here:hover {
		color: #FFFFFF;
		border-bottom: #AAAAAA solid 2px;
		}


/*-- /HEADER MENUS --*/


/*-- MAIN CONTENT --*/
	div#maincontent-container {
		width: 600px;
		margin: 0 auto;
		border: red solid 0px;
		border-top: none;
		height: 90%;
		position: relative;
		text-align: center;
		background: #000000;
		}

	body.print-resume div#maincontent-container {background: #FFFFFF;}

	div#maincontent-gradient1 {
		width: 1px;
		height: 85%;
		position: absolute; 
		left: 0;
		top: 0;
		}
	div#maincontent-gradient2 {
		width: 1px;
		height: 85%;
		position: absolute;
		left: 599px;
		top: 0;
		}
	div#maincontent-gradient1 img,
	div#maincontent-gradient2 img {
		width: 1px;
		height: 100%;
		}

	div#maincontent1 {
		width: 598px;
		beight: 90%;
		text-align: center;
		margin: 0 1px;
		padding-top: 15px;
		background: #000000;
		}
	body.print-resume div#maincontent1 {background: #FFFFFF;}

	div#maincontent2 {
		width: 558px;
		text-align: left;
		margin: auto;
		padding-bottom: 20px;
		overflow: hidden;
		}

	div#maincontent2 a {
		color: #AAAAAA;
		text-decoration: underline;
		}

	div#maincontent2 a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		}

	h3 {
		margin: 0;
		padding: 0;
		font-size: 15px;
		text-transform: lowercase;
		color: #118CE2;
		}
	h4 {
		font-size: 14px;
		bont-variant: small-caps;
		text-transform: uppercase;
		margin: 0;
		margin-top: 15px;
		margin-bottom: 5px;
		padding: 0;
		}

	span.rightalign {
		color: #999999;
		margin-top: -17px;
		float: right;
		}

	p {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		}

	p.signature {
		margin: 0;
		margin-right: 100px;
		padding: 0;
		height: 48px;
		text-align: right;
		}
	p.signature a.signature {
		display: block;
		width: 128px;
		height: 48px;
		float: right;
		background: url(signature.gif) no-repeat center center;
		}
	p.signature span {display: none;}

	b.heading {font-size: 14px;}

	div.portfolio-front {margin-bottom: 12px;}

/*-- /MAIN CONTENT --*/



/*-- PORTFOLIO PAGES --*/
	div.work-containment {
		margin-bottom: 10px;
		margin-left: 3px;
		clear: both;
		}

	div#maincontent2 h3 a {
		text-decoration: none;
		color: #118CE2;
		}
	div#maincontent2 h3 a:hover {
		color: #118CE2;
		text-decoration: none;
		border-bottom: #AAAAAA solid 1px;
		}

	div#maincontent2 span.rightalign a {text-decoration: none;}
	div#maincontent2 span.rightalign a:hover {color: #AAAAAA;}

	div.artwork {
		text-align: center;
		margin-top: 20px;	
		margin-bottom: 20px;
		}
	div.artwork a img,
	div.secondary-artwork a img {border: #000000 solid 1px;}

	div.artwork a:hover img,
	div.secondary-artwork a:hover img {border: #118CE2 solid 1px;}

	div.artwork img,
	div.secondary-artwork img,
	div.artwork-detail img {
		background: url(work/loading_holdout.gif);
		}

	img.clear-black {background-image: none !important;}

	span.detail-caption {
		display: block;
		text-align: center;
		color: #AAAAAA;
		font-size: 9px;
		margin-top: 5px;
		}

	h5 {
		text-align: center;
		text-align: left;
		margin: 0;
		padding: 0;
		padding-top: 10px;
		font-size: 14px;
		background: url(gradient2.gif) no-repeat top center;
		}
	span.work-date {
		display: block;
		color: #AAAAAA;
		}

	div.artwork-description {margin-top: 10px;}

	div.secondary-artwork {
		text-align: center;
		margin-top: 20px;	
		margin-bottom: 5px;
		}
	span.secondary-caption {
		display: block;
		text-align: center;
		font-style: italic;
		color: #AAAAAA;
		}

	div.artwork-detail {
		height: 100%;
		width: 100%;
		}
	div.artwork-detail img {color: #AAAAAA;}

	img.image2 {margin-top: 20px;}

/*-- /PORTFOLIO PAGES --*/




/*-- THUMBNAIL ARRAYS --*/
	div.array-containment {
		margin-bottom: 10px;
		margin-left: 3px;
		clear: both;
		}

	ul.thumbarray {
		width: 558px;
		list-style-type: none;
		margin: 0;
		margin-top: 8px;
		margin-bottom: 8px;
		padding: 0;
		line-height: 0;
		clear: both;
		}
	ul.thumbarray li {
		width: 75px;
		height: 75px;
		margin: 0;
		margin-right: 4px;
		margin-bottom: 4px;
		padding: 0;
		float: left;
		overflow: hidden;
		position: relative;
		}
	ul.thumbarray img.array-thumb {
		width: 75px;
		height: 75px;
		border: 0;
		background: url(work/loading_holdout.gif);
		}

	ul.thumbarray a {
		display: block;
		width: 75px;
		height: 75px;
		overflow: hidden;
		}
	ul.thumbarray a:hover {
		display: block;
		width: 75px;
		height: 75px;
		overflow: hidden;
		border: #118CE2 solid 1px;
		text-align: center;
		}
	ul.thumbarray a:hover img.array-thumb {
		width: 75px;
		height: 75px;
		position: relative;
		margin-top: -1px;
		margin-left: -1px;
		bidth: 200%;
		beight: 200%;
		bargin-top: -37px;
		bargin-left: -37px;
		}
	ul.thumbarray a span {display: none;}

	div.array-containment div.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
		}
/*-- /THUMBNAIL ARRAYS --*/


/*-- RESUME --*/
	p.indent {
		margin: 0;
		margin-top: 12px;
		margin-left: 40px;
		padding: 0;
		position: relative;
		}

	span.resume-name {
		font-variant: small-caps;
		font-weight: bold;
		font-size: 18px;
		}

	span.resume-company {font-size: 13px;}

	span.resume-date {
		font-size: 12px;
		font-weight: bold;
		position: absolute;
		right: 0;
		}
	span.resume-title {
		font-size: 13px;
		font-weight: bold;
		}

	span.resume-gray {color: #BABABA;}

	ul.indent {
		margin: 0;
		margin-left: 40px;
		padding: 0;
		}
	ul.indent2 {
		margin: 0;
		margin-left: 75px;
		padding: 0;
		}
	ul.indent li,
	ul.indent2 li {margin-bottom: 5px;}

	body.print-resume div#maincontent2 a {
		color: #000000;
		text-decoration: none;
		}
	body.print-resume div#maincontent2 a:hover {
		color: #000000;
		text-decoration: none;
		}

	body.print-resume h4 {
		border-top: #CCCCCC solid 1px;
		border-right: #CCCCCC solid 1px;
		}

	body.print-resume span.resume-gray {color: #999999;}

/*-- /RESUME FORMATTING --*/