@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------

				Defaults
				
---------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.left {
float: left;
}
.right {
float: right;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
.hidden {
display: none;
}
.offscreen {
position: absolute;
left: -999em;
}

/*--------------------------------------------

				Layout
				
---------------------------------------------*/

html {
height: 100%;
}

body {
text-align: left;
font-size: 62.5%;
font-family: "Times New Roman", Times, serif;
text-align: center;
position: relative;
height: 100%;
}

#container {
margin: 0 auto;
width: 1000px;
text-align: left;
}

/*--------------------------------------------

				Header
				
---------------------------------------------*/

.header {
float: left;
position: fixed;
background: white;
padding: 0 0 15px;
width: 1000px;
}

h1 {
text-transform: uppercase;
font-size: 2.5em;
font-weight: normal;
line-height: 1.2em;
text-align: right;
color: #120a8f;
width: 200px;
float: left;
padding: 0 15px 0;
border-right: 1px solid #666;
letter-spacing: 2px;
position: relative;
left: -999em;
}

.home {
text-align: center;
width: 100%;
float: left;
position: absolute;
left: 0;
top: 50%;
margin-top: -50px;
}

.home h1 {
text-transform: uppercase;
font-size: 5em;
font-weight: normal;
line-height: 1.2em;
text-align: center;
color: #120a8f;
width: auto;
float: none;
left: 0;
border: none;
letter-spacing: 2px;
padding: 0;
height: 85px;
}

.header h2 {
font-size: 2em;
font-weight: normal;
line-height: 1.3em;
text-align: right;
color: #666;
width: 200px;
float: left;
padding: 0 15px;
letter-spacing: 2px;
position: absolute;
right: 5px;
bottom: 15px;  
}

.nav {
float: left;
position: absolute;
bottom: 16px;
left: 245px;
font-size: 1.4em;
line-height: 1.2em;
}

.nav a {
color: #666;
text-decoration: none;
}

/*--------------------------------------------

				content
				
---------------------------------------------*/

.content {
clear: both;
float: left;
width: 1000px;
padding-top: 100px;
z-index: 5;
}

.resume {
padding: 73px 0 50px 0;
}

.content .gallery {
float: left;
width: 175px;
padding: 0 0 15px 0;
}

.content .gallery li {
float: left;
padding: 0 0 5px;
}

.gallery li img {
cursor: pointer;
width: 175px;
float: left;
}

.content .gallery_show {
float: left;
padding: 5px 0 0 70px;
}

.gallery_show li {
float: left;
position: fixed;
}

.gallery_show li div {
float: left;
width: 726px;
padding: 0 5px;
text-align: left;
font-size: 1em;
line-height: 18px;
z-index: 3;
width: 500px;
display: inline;
}

.gallery_show li div blockquote {
color: #666;
}

.gallery_show li img {
float: left;
max-width: 736px;
max-height: 481px;
}

.artwork_1 li {
width: 736px;
text-align: center;
}

.artwork_1 li img {
float: none;
}

.gallery_show li.instructions {
position: relative;
color: #999;
text-align: left;
top: -35px;
left: -245px;
}

.gallery_show li.instructions p {
position: fixed;
padding: 0;
}

h2 {
font-size: 1.6em;
line-height: 1.3em;
padding: 15px 0 0 230px;
clear: both;
}

.content dl, .content ul, .content p {
padding: 10px 0 0 230px;
font-size: 1.2em;
line-height: 1.3em;
float: left;
}

.content p {
width: 750px;
line-height: 1.4em;
}

dl dt {
float: left;
width: 75px;
}

dl dd {
float: right;
width: 685px;
padding: 0 0 3px;
}

.content ul li {
padding: 0 0 3px;
}

/*--------------------------------------------

				Footer
				
---------------------------------------------*/

.footer {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
background: #fff;
}

.footer ul {
float: right;
padding: 5px 15px 10px 0;
}

.footer li {
float: left;
padding: 0 0 0 5px;
color: #666;
}

.footer li a {
color: #666;
}

.footer li a:hover {
text-decoration: none;
}