/**********	Begin Structure *********/

/* Blocks */

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	/* Resets 1em to 10px*/
	font-family: Verdana, Arial, Sans-Serif;
	background-color: #7A569A;
	color: #D3EEB4;
	}

#page {
	position: relative;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	background-color: #F5DD92;
	margin: 70px auto 0px;
	padding: 0;
	width: 714px;
	height: 502px;
	text-align: left;
	color: #7A569A;
	}

#footer {
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	font-size: .8em;
	padding: 5px;
	width: 714px;
	text-align: right;
	color: #D3EEB4;
	margin: 0px auto;
	}

/* ie 5 mac will not see the following page \*/

#page {
	position: absolute;
	margin-top: -251px;
	margin-left: -357px;
	top: 50%;
	left: 50%;
	}
	
#footer {
	position: absolute;
	right: 0px;
	bottom: 0px;
	}
	
/* end ie hack */

/********* Begin Typography & Colors *********/

#head {
	z-index: 1;
	background-color: #DDDB85;
	position: relative;
	width: 100%;
	height: 56px;
	padding: 0;
	margin: 0;
	}

#head p {
	background-color: #C5BBD3;
	width: 519px;
	height: 56px;
	margin: 0 0 0 195px;
	padding: 0;
	}

#head img {
	padding: 0;
	margin: 28px 0 0 20px;
	}
	
#head img.head {
	position: absolute;
	margin: 0px;
	right: 0px;
	top: 40px;
	}

#sidebar {
	position: relative;
	background-color: #DDDB85;
	padding: 0;
	margin: 0;
	width: 195px;
	height: 446px;
	float: left;
	}

#content {
	position: relative;
	padding: 0;
	margin: 0;
	width: 519px;
	height: 446px;
	float: right;
	}

#bio, #prints {
	margin: 54px 50px 0 10px;
	font-size: 1.1em;
	line-height: 1.6em;
	}

#bio {
	margin-left: 157px;
	}

img.bio {
	float: left;
	margin: 54px 0 0 0;
	}

#prints div {
	clear: right;
	}

#sidebar ul, #sidebar li {
	font-weight: bolder;
	font-size: 1.2em;
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#sidebar li {
	height: 54px;
	padding-right: 15px;
	line-height: 54px;
	text-align: right;
	}

#sidebar ul li.a, #sidebar ul li.gallery {
	background-color: #EDBD6C;
	}

#sidebar ul li.b {
	background-color: #D6A28F;
	}

#sidebar ul li.c {
	background-color: #BBC4B2;
	}

#sidebar>ul li:hover {
	background-color: #F5DD92;
	}

#sidebar ul li a.inactive {
	color: #B2B640;
	}

#sidebar ul li a.inactive:hover {
	color: #572458;
	}

#sidebar ul li.gallery {
	padding: 0;
	height: 159px;
	}

#sidebar li.gallery div {
	padding-right: 15px;
	}

#sidebar li.gallery ul {
	padding: 15px 0 15px 0;
	background-color: #DDDB85;
	}

#sidebar li.gallery ul li {
	padding-right: 30px;
	font-size: .7em;
	height: 25px;
	line-height: 25px;
	}

#sidebar li.gallery ul li a {
	display: block;
	color: #B2B640;
	height: 25px;
	margin: 0 -15px 0 0;
	padding: 0 15px 0 0;
	}

#sidebar li.gallery ul li a:hover {
	color: #572458;
	background: url(images/arrow.gif) no-repeat right;
	}

#sidebar li.gallery ul li.selected {
	background: url(images/arrow2.gif) no-repeat 169px;
	}

#sidebar p#desc {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	font-family: Times New Roman, Times, serif;
	font-style: italic;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

#bottombar {
	width: auto;
	position: absolute;
	font-size: 1.5em;
	bottom: 10px;
	left: 7px;
	}

#bottombar.numbers {
	font-weight: bold;
	}

#bottombar.center {
	left: 0;
	width: 519px;
	text-align: center;
	}
	
#page.intro {
	background-color: transparent;
	border: thin solid #B2B640;
	}

#page.intro p {
	color: #D3EEB4;
	font-family: Times New Roman, Times, serif;
	font-size: 3em;
	text-align: center;
	margin-top: 200px;
	}

#page.intro a {
	color: #572458;
	font-size: smaller;
	letter-spacing: .1em;
	}

#page.intro a:hover {
	color: #B2B640;
	}

#page img.overlay {
	z-index: 1;
	position: absolute;
	top: 86px;
	right: 0px;
	behavior: url("/pngbehavior.htc");
	}

#page.intro div {
	margin: 56px 0 0 0;
	width: 714px;
	height: 51px;
	background-color: #B2B640;
	}

#page.intro img.name {
	position: absolute;
	left: 218px;
	top: 74px;
	}


/* Links */

a {
	color: #7A569A;
	text-decoration: none;
	}

a:hover {
	color: #572458;
	}