/* styles.css */

body {
	background: #fff url(/img/bg.gif) repeat 0 0;
	color: #666;
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 76%;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
	margin-bottom: 1em;
	}

p {
	font-size: 0.9em;
	line-height: 1.5em;
	}

h3 {
	font-size: 1.0em;
	line-height: 1.5em;
	}

h4 {
	font-size: 0.9em;
	line-height: 1.5em;
	}

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

a:visited {
	background: url(/img/visitedbg.gif) repeat 0 0;
	}

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

a.external:link,
a.external:visited,
a.external:hover,
a.external:active {
	background: url(/img/external.gif) no-repeat center right;
	padding-right: 12px;
	}

img {
	border: 0;
	}

ul.img {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	}

ul.img li {
	background: url(/img/bullet.gif) no-repeat 2px 4px;
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0 16px;
	}

ul.img li img {
	vertical-align: middle;
	margin: 1px 0 1px 5px;
	}

div#main {
	margin: 0 auto;
	text-align: left;
	width: 800px;
	}

/* header */

div#header {
	background: transparent url(/img/shdwr.png) repeat-y top right;
	height: 80px;
	margin: 0;
	padding: 0;
	width: 800px;
	}

* html div#header {
	background-image: none; /* win ie hack */
	}

div#header h1 {
	background: #936 url(/img/headerbg.gif) no-repeat 0 0;
	height: 80px;
	margin: 0 20px 0 20px;
	padding: 0;
	width: 760px;
	}

div#header h1 a {
	background: #936 url(/img/headerlink.gif) no-repeat 0 0;
	cursor: pointer;
	display: inline;
	float: left;
	height: 0 !important;
	height /**/:62px; /* for win ie5 */
	margin: 9px 0 0 20px;
	overflow: hidden;
	padding: 62px 0 0 0;
	width: 271px;
	}

/* prinav */

div#prinav {
	background: transparent url(/img/shdwprinav.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 60px;
	margin: 0;
	padding: 0;
	width: 800px;
	}

* html div#prinav {
	background-image: none; /* win ie hack */
	}

div#prinav ul {
	display: inline;
	float: left;
	height: 40px;
	margin: 0 20px 20px 20px;
	padding: 0;
	width: 760px;
	}

div#prinav ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}

div#prinav h3 {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	}

li#navhome a,
li#navweb a,
li#navillus a,
li#navidentity a,
li#navprofile a {
	background-position: 0 -80px;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 0 !important;
	height /**/:40px; /* for win ie5 */
	margin: 0;
	overflow: hidden;
	padding: 40px 0 0 0;
	width: 152px;
	}

li#navhome a {
	background-image: url(/img/prinav1.gif);
	}

li#navweb a {
	background-image: url(/img/prinav2.gif);
	}

li#navillus a {
	background-image: url(/img/prinav3.gif);
	}

li#navidentity a {
	background-image: url(/img/prinav4.gif);
	}

li#navprofile a {
	background-image: url(/img/prinav5.gif);
	}

li#navhome a:hover,
li#navweb a:hover,
li#navillus a:hover,
li#navidentity a:hover,
li#navprofile a:hover {
	background-position: 0 -40px;
	}

li#navhome a:active,
li#navweb a:active,
li#navillus a:active,
li#navidentity a:active,
li#navidentity a:active,
li#navprofile a:active,
body#home li#navhome a,
body#home li#navhome a:hover,
body#webindex li#navweb a,
body#webindex li#navweb a:hover,
body#webwork01 li#navweb a,
body#webwork01 li#navweb a:hover,
body#webwork02 li#navweb a,
body#webwork02 li#navweb a:hover,
body#webwork03 li#navweb a,
body#webwork03 li#navweb a:hover,
body#webwork04 li#navweb a,
body#webwork04 li#navweb a:hover,
body#webwork05 li#navweb a,
body#webwork05 li#navweb a:hover,
body#illusindex li#navillus a,
body#illusindex li#navillus a:hover,
body#illuswork01 li#navillus a,
body#illuswork01 li#navillus a:hover,
body#illuswork02 li#navillus a,
body#illuswork02 li#navillus a:hover,
body#illuswork03 li#navillus a,
body#illuswork03 li#navillus a:hover,
body#illuswork04 li#navillus a,
body#illuswork04 li#navillus a:hover,
body#illuswork05 li#navillus a,
body#illuswork05 li#navillus a:hover,
body#identityindex li#navidentity a,
body#identityindex li#navidentity a:hover,
body#identitywork01 li#navidentity a,
body#identitywork01 li#navidentity a:hover,
body#identitywork02 li#navidentity a,
body#identitywork02 li#navidentity a:hover,
body#identitywork03 li#navidentity a,
body#identitywork03 li#navidentity a:hover,
body#profileindex li#navprofile a,
body#profileindex li#navprofile a:hover {
	background-position: 0 0;
	}

/* content */

div#contentwrap {
	float: left;
	background: transparent url(/img/shdwcontenttop.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	width: 800px;
	}

* html div#contentwrap {
	background: transparent url(/img/shdwcontenttop.gif) no-repeat 0 0;
	}

div#content {
	float: left;
	background: transparent url(/img/shdwcontentbg.png) repeat-y 0 0;
	margin: 16px 0 0 0;
	padding: 0;
	width: 800px;
	}

* html div#content {
	background: transparent url(/img/shdwcontentbg.gif) repeat-y 0 0;
	}

div#contentwrap:after,
div#content:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
	}

div#contentwrap,
div#content {
	display: inline-table;
	}

/* hide from ie-mac \*/
* html div#contentwrap,
* html div#content {
	height: 1%;
	}

div#contentwrap,
div#content {
	display: block;
	}
/* end hide from ie-mac */

div#content h2 {
	display: inline;
	float: left;
	height: 0 !important;
	height /**/:36px; /* for win ie5 */
	margin: 0;
	overflow: hidden;
	padding: 36px 0 0 0;
	width: 254px;
	}

body#home div#content h2 {
	background: url(/img/hhome.gif) no-repeat 0 0;
	}

body#webindex div#content h2 {
	background: url(/img/hweb.gif) no-repeat 0 0;
	}

body#webwork01 div#content h2 {
	background: url(/img/hwebwork01.gif) no-repeat 0 0;
	}

body#webwork02 div#content h2 {
	background: url(/img/hwebwork02.gif) no-repeat 0 0;
	}

body#webwork04 div#content h2 {
	background: url(/img/hwebwork04.gif) no-repeat 0 0;
	}

body#webwork05 div#content h2 {
	background: url(/img/hwebwork05.gif) no-repeat 0 0;
	}

body#illusindex div#content h2 {
	background: url(/img/hillus.gif) no-repeat 0 0;
	}

body#illuswork01 div#content h2 {
	background: url(/img/hilluswork01.gif) no-repeat 0 0;
	}

body#illuswork02 div#content h2 {
	background: url(/img/hilluswork02.gif) no-repeat 0 0;
	}

body#illuswork03 div#content h2 {
	background: url(/img/hilluswork03.gif) no-repeat 0 0;
	}

body#illuswork04 div#content h2 {
	background: url(/img/hilluswork04.gif) no-repeat 0 0;
	}

body#illuswork05 div#content h2 {
	background: url(/img/hilluswork05.gif) no-repeat 0 0;
	}

body#identityindex div#content h2 {
	background: url(/img/hidentity.gif) no-repeat 0 0;
	}

body#identitywork01 div#content h2 {
	background: url(/img/hidentitywork01.gif) no-repeat 0 0;
	}

body#identitywork02 div#content h2 {
	background: url(/img/hidentitywork02.gif) no-repeat 0 0;
	}

body#identitywork03 div#content h2 {
	background: url(/img/hidentitywork03.gif) no-repeat 0 0;
	}

body#profileindex div#content h2 {
	background: url(/img/hprofile.gif) no-repeat 0 0;
	}

	/* contentdesc */

div#contentdesc {
	display: inline; /* win ie double margin */
	float: left;
	margin: 5px 0 0 40px;
	padding: 0 0 30px 0;
	width: 254px;
	}

div#contentdesc h4 {
	margin: 0 0 5px 0;
	}

div#contentdesc p.choosestyle a:link,
div#contentdesc p.choosestyle a:visited,
div#contentdesc p.choosestyle a:hover,
div#contentdesc p.choosestyle a:active {
	background-image: none;
	background-color: transparent;
	font-size: 24px;
	height: 11px;
	line-height: 11px;
	margin-left: 5px;
	text-decoration: none;
	}

	/* contentwork */

div#contentwork {
	display: inline; /* win ie double margin */
	float: right;
	margin: 0 35px 0 0;
	padding: 0 0 30px 0;
	width: 436px;
	}
	
div#contentwork ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 436px;
	}
	
div#contentwork ul.thumbs li {
	float: left;
	background: transparent url(/img/thumbbg.gif) no-repeat 0 -109px;
	height: 109px;
	list-style-type: none;
	margin: 0;
	width: 109px;
	}
	
div#contentwork ul.thumbs li a {
	float: left;
	background: transparent url(/img/thumbbg.gif) no-repeat 0 0;
	height: 109px;
	margin: 0;
	padding: 0;
	width: 109px;
	}
	
div#contentwork ul.thumbs li a:hover {
	background-image: none;
	}

div#contentwork ul.thumbs li a img {
	margin: 5px;
	}
	
div#contentwork div#work {
	background: transparent url(/img/workbg.gif) no-repeat 0 0;
	float: left;
	display: table;
	height: 436px;
	margin: 0;
	overflow: hidden;
	text-align: center;
	width: 436px;
	}

* html div#contentwork div#work {
	position: relative;
	text-align: left;
	}

div#contentwork div#work span {
	display: table-cell;
	vertical-align: middle;
	}
	
* html div#contentwork div#work span {
	position: absolute;
	top: 50%;
	left: 50%;
	}
	
* html div#contentwork div#work span img {
	position: relative;
	top: -50%;
	left: -50%;
	}

body#profileindex div#contentwork div#work {
	background: transparent url(/img/profileresumebg.gif) no-repeat 0 0;
	height: 996px;
	}

div#contentwork div#displaynav {
	background: url(/img/displaynavbgr.gif) no-repeat right top;
	float: left;
	height: 25px;
	}

body#webwork01 div#contentwork div#displaynav,
body#illuswork05 div#contentwork div#displaynav {
	width: 190px;
	}

body#webwork05 div#contentwork div#displaynav,
body#illuswork02 div#contentwork div#displaynav,
body#identitywork01 div#contentwork div#displaynav {
	width: 160px;
	}

body#webwork02 div#contentwork div#displaynav,
body#webwork04 div#contentwork div#displaynav,
body#illuswork01 div#contentwork div#displaynav,
body#illuswork03 div#contentwork div#displaynav,
body#illuswork04 div#contentwork div#displaynav {
	width: 100px;
	}

body#identitywork02 div#contentwork div#displaynav {
	width: 70px;
	}

div#contentwork div#displaynav ul {
	background: transparent url(/img/displaynavbgl.gif) no-repeat 0 0;
	display: inline;
	float: left;
	height: 25px;
	list-style: none;
	margin-right: 5px;
	}

body#webwork01 div#contentwork div#displaynav ul,
body#illuswork05 div#contentwork div#displaynav ul {
	width: 185px;
	}

body#webwork05 div#contentwork div#displaynav ul,
body#illuswork02 div#contentwork div#displaynav ul,
body#identitywork01 div#contentwork div#displaynav ul {
	width: 155px;
	}

body#webwork02 div#contentwork div#displaynav ul,
body#webwork04 div#contentwork div#displaynav ul,
body#illuswork01 div#contentwork div#displaynav ul,
body#illuswork03 div#contentwork div#displaynav ul,
body#illuswork04 div#contentwork div#displaynav ul {
	width: 95px;
	}

body#identitywork02 div#contentwork div#displaynav ul {
	width: 65px;
	}

div#contentwork div#displaynav ul li {
	display: inline;
	float: left;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	}

div#contentwork div#displaynav ul li a {
	background-position: 0 -15px;
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 0 !important;
	height /**/:15px; /* for win ie5 */
	margin: 0;
	overflow: hidden;
	padding: 15px 0 0 0;
	width: 30px;
	}

div#contentwork div#displaynav ul li a:focus,
div#contentwork div#displaynav ul li a:hover {
	background-position: 0 0;
	}

div#contentwork div#displaynav ul li#displaynav01 a {
	background-image: url(/img/displaynav01.gif);
	margin: 0 0 0 5px;
	}

li#displaynav02 a {
	background-image: url(/img/displaynav02.gif);
	}

li#displaynav03 a {
	background-image: url(/img/displaynav03.gif);
	}

li#displaynav04 a {
	background-image: url(/img/displaynav04.gif);
	}

li#displaynav05 a {
	background-image: url(/img/displaynav05.gif);
	}

li#displaynav06 a {
	background-image: url(/img/displaynav06.gif);
	}

li#displaynav07 a {
	background-image: url(/img/displaynav07.gif);
	}

li#displaynav08 a {
	background-image: url(/img/displaynav08.gif);
	}

li#displaynav09 a {
	background-image: url(/img/displaynav09.gif);
	}

li#displaynav10 a {
	background-image: url(/img/displaynav10.gif);
	}

li#displaynav11 a {
	background-image: url(/img/displaynav11.gif);
	}

li#displaynav12 a {
	background-image: url(/img/displaynav12.gif);
	}

li#displaynav13 a {
	background-image: url(/img/displaynav13.gif);
	}


/* footer */

div#footer {
	float: left;
	background: transparent url(/img/shdwcontentbot.png) no-repeat 0 0;
	margin: 0;
	padding: 20px 0 0 0;
	width: 800px;
	}

* html div#footer {
	background: transparent url(/img/shdwcontentbot.gif) no-repeat 0 0;
	}

div#footer h5 {
	background: transparent url(/img/shdwfooterbg.png) no-repeat 0 0;
	display: inline;
	float: left;
	height: 0 !important;
	height /**/:40px; /* for win ie5 */
	margin: 0;
	overflow: hidden;
	padding: 40px 0 0 0;
	width: 800px;
	}

* html div#footer h5 {
	background: transparent url(/img/shdwfooterbg.gif) no-repeat 0 0;
	}

div#counter {
	clear: both;
	}