/* altstyles01.css */

body {
	background:  #859418 url(/img/as01/bg.gif) repeat-y 0 0;
	color: #949494;
	font-family: helvetica,arial,verdana,sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
	margin-bottom: 1em;
	}

p {
	line-height: 1.4em;
	}

h4 {
	font-size: 11px;
	line-height: 1.5em;
	}

a:link,
a:visited,
a:hover,
a:active {
	color: #859418;
	}

a:visited {
	}

a:hover,
a:active {
	background-color: #cae024;
	text-decoration: none;
	}

a.external:link,
a.external:visited,
a.external:hover,
a.external:active {
	background: url(/img/as01/external.gif) no-repeat center right;
	padding-right: 12px;
	}

a.external:hover,
a.external:active {
	background-color: #cae024;
	text-decoration: none;
	}

img {
	border: 0;
	}

ul.img {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
	}

ul.img li {
	background: url(/img/as01/bullet.gif) no-repeat 2px 4px;
	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 {
	width: 760px;
	}

/* header */

div#header h1 {
	background: transparent url(/img/as01/headerbg.gif) repeat-y 0 0;
	height: 50px;
	margin: 0;
	padding: 0;
	width: 760px;
	}

div#header h1 a {
	background: transparent url(/img/as01/headerlink.gif) no-repeat 0 0;
	cursor: pointer;
	display: inline; /* win ie double margin */
	float: left;
	height: 0 !important;
	height /**/:17px; /* for win ie5 */
	margin: 33px 0 0 330px;
	overflow: hidden;
	padding: 17px 0 0 0;
	width: 430px;
	}

/* prinav */

div#prinav {
	float: left;
	margin: 0;
	padding: 0;
	width: 110px;
	}

div#prinav ul {
	margin: 20px 0 0 0;
	padding: 0;
	width: 110px;
	}

div#prinav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 110px;
	}

div#prinav h3 {
	margin: 0;
	padding: 0;
	width: 110px;
	}

li#navhome a,
li#navweb a,
li#navillus a,
li#navidentity a,
li#navprofile a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0 10px 0 0;
	text-align: right;
	text-transform: lowercase;
	text-decoration: none;
	vertical-align: middle;
	}

li#navhome a:hover,
li#navweb a:hover,
li#navillus a:hover,
li#navidentity a:hover,
li#navprofile a:hover,
li#navhome a:active,
li#navweb a:active,
li#navillus a:active,
li#navidentity a:active,
li#navidentity a:active,
li#navprofile a:active {
	color: #859418;
	background: #fff url(/img/as01/prinavhoverbg.gif) repeat 0 0;
	text-decoration: none;
	}

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-color: #cae024;
	background-image: none;
	color: #859418;
	text-decoration: none;
	}

/* content */

div#contentwrap {
	float: left;
	margin: 0;
	padding: 0;
	width: 650px;
	}

div#content {
	float: left;
	margin: 17px 0 0 0;
	padding: 0;
	width: 650px;
	}

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; /* win ie double margin */
	float: left;
	height: 0 !important;
	height /**/:36px; /* for win ie5 */
	margin: 0 0 11px 0;
	overflow: hidden;
	padding: 36px 0 0 0;
	width: 210px;
	}

body#home div#content h2 {
	background: url(/img/as01/hhome.gif) no-repeat 0 0;
	}

body#webindex div#content h2 {
	background: url(/img/as01/hweb.gif) no-repeat 0 0;
	}

body#webwork01 div#content h2 {
	background: url(/img/as01/hwebwork01.gif) no-repeat 0 0;
	}

body#webwork02 div#content h2 {
	background: url(/img/as01/hwebwork02.gif) no-repeat 0 0;
	}

body#webwork04 div#content h2 {
	background: url(/img/as01/hwebwork04.gif) no-repeat 0 0;
	}

body#webwork05 div#content h2 {
	background: url(/img/as01/hwebwork05.gif) no-repeat 0 0;
	}

body#illusindex div#content h2 {
	background: url(/img/as01/hillus.gif) no-repeat 0 0;
	}

body#illuswork01 div#content h2 {
	background: url(/img/as01/hilluswork01.gif) no-repeat 0 0;
	}

body#illuswork02 div#content h2 {
	background: url(/img/as01/hilluswork02.gif) no-repeat 0 0;
	}

body#illuswork03 div#content h2 {
	background: url(/img/as01/hilluswork03.gif) no-repeat 0 0;
	}

body#illuswork04 div#content h2 {
	background: url(/img/as01/hilluswork04.gif) no-repeat 0 0;
	}

body#illuswork05 div#content h2 {
	background: url(/img/as01/hilluswork05.gif) no-repeat 0 0;
	}

body#identityindex div#content h2 {
	background: url(/img/as01/hidentity.gif) no-repeat 0 0;
	}

body#identitywork01 div#content h2 {
	background: url(/img/as01/hidentitywork01.gif) no-repeat 0 0;
	}

body#identitywork02 div#content h2 {
	background: url(/img/as01/hidentitywork02.gif) no-repeat 0 0;
	}

body#identitywork03 div#content h2 {
	background: url(/img/as01/hidentitywork03.gif) no-repeat 0 0;
	}

body#profileindex div#content h2 {
	background: url(/img/as01/hprofile.gif) no-repeat 0 0;
	}

	/* contentdesc */

div#contentdesc {
	background: #fff url(/img/as01/contentdescbg.gif) no-repeat bottom center;
	display: inline; /* win ie double margin */
	float: left;
	margin: 3px 5px 0 5px;
	padding: 0 0 38px 0;
	width: 210px;
	}

div#contentdesc p,
div#contentdesc h4,
div#contentdesc ul {
	margin-left: 3px;
	margin-right: 3px;
	clear: both;
	}

div#contentdesc h4 {
	margin-bottom: 5px;
	}

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-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;
	padding: 0;
	width: 430px;
	}
	
div#contentwork ul.thumbs {
	list-style-type: none;
	margin: 0 3px 0 7px;
	padding: 0;
	width: 420px;
	}
	
div#contentwork ul.thumbs li {
	background: transparent url(/img/as01/thumbbg.gif) no-repeat 0 -105px;
	float: left;
	height: 105px;
	list-style-type: none;
	margin: 0;
	width: 105px;
	}
	
div#contentwork ul.thumbs li a {
	background: transparent url(/img/as01/thumbbg.gif) no-repeat 0 0;
	float: left;
	height: 105px;
	margin: 0;
	padding: 0;
	width: 105px;
	}
	
div#contentwork ul.thumbs li a:hover {
	background-image: none;
	}

div#contentwork ul.thumbs li a img {
	margin: 3px;
	}
	
div#contentwork div#work {
	background: transparent url(/img/as01/workbg.gif) no-repeat 0 0;
	float: left;
	display: table;
	padding: 0;
	height: 420px;
	margin: 3px 3px 0 7px;
	overflow: hidden;
	text-align: center;
	width: 420px;
	}

* html div#contentwork div#work {
	display: inline; /* win ie double margin */
	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 {
	margin-top: 1px;
	position: relative;
	top: -50%;
	left: -50%;
	}

body#profileindex div#contentwork div#work {
	background-image: url(/img/as01/profileresumebg.gif);
	height: 980px;
	}

div#contentwork div#displaynav {
	display: inline; /* win ie double margin */
	float: left;
	margin: 10px 3px 0 7px;
	width: 420px;
	}

div#contentwork div#displaynav ul {
	float: left;
	height: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
	}

div#contentwork div#displaynav ul li {
	background-color: #fff;
	display: inline;
	float: left;
	line-height: 15px;
	list-style: none;
	padding: 0;
	text-align: center;
	width: 25px;
	}

div#contentwork div#displaynav ul li a {
	float: left;
	text-decoration: none;
	width: 25px;
	}

div#contentwork div#displaynav ul li a:focus,
div#contentwork div#displaynav ul li a:hover {
	background-color: #cae024;
	}

/* footer */

div#footer {
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	width: 760px;
	}

div#footer h5 {
	color: #859418;
	display: inline;
	padding: 0;
	margin: 0 0 20px 115px;
	font-size: 10px;
	font-weight: normal;
	}
