@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;
}
.clear {
clear: both;
}

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

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

body {
text-align: left;
font-size: 62.5%;
background: #111 url(../bkg.jpg) center 50px no-repeat;
font-family: Arial, Helvetica, sans-serif;
height: 100%;
position: relative;
color: #fff;
}

body.inner {
background: #111;
}

.work {
float: left;
width: 400px;
padding: 0 400px 0 200px;
}

.work li {
float: left;
clear: both;
padding: 20px 0 0;
}

.nav_holder {
float: left;
position: relative;
width: 100%;
}

.nav {
position: absolute;
top: 100px;
left: 620px;
border-left: 2px solid #777;
padding: 10px;
position: fixed;
font-size: 1.4em;
line-height: 1.4em;


position: absolute;
left: 50%;
margin-left: 225px;
top: 482px;
}

h1 {
font-size: 2em;
line-height: 1em;
font-weight: bold;
}

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

.nav a:hover {
text-decoration: underline;
}

.link_holder {
float: left;
position: relative;
width: 100%;
}

.links {
position: absolute;
top: 150px;
right: 50%;
margin-right: 225px;
text-align: right;
padding-top: 17px;
}

.links li {
padding: 0 0 105px;
}

.inner .links li {
padding: 0 0 10px;
}

.links li a {
color: #fff;
font-size: 2em;
text-decoration: none;
}

.links li a:hover {
color: #777;
}

.current {
position: absolute;
top: 167px;
left: 50%;
margin-left: 225px;
text-align: left;
color: #fff;
font-size: 2em;
text-decoration: none;
}

.inner .links {
text-align: left;
left: 50%;
margin-left: 430px;
width: 200px;
}

.gallery_page .links {
margin-left: 225px;
}

.inner .links li a {
font-size: 1.6em;
}

.current:hover {
color: #777;
}

.container {
width: 410px;
margin: 0 auto;
}

.content {
float: left;
width: 610px;
padding: 50px 0 0;
margin-left: -200px;
}

h3 {
font-size: 1.7em;
line-height: 1.5em;
font-weight: normal;
padding: 0 5px 0;
text-transform: uppercase;
}

h4 {
font-size: 1.4em;
line-height: 1.6em;
font-weight: normal;
padding: 10px 5px 0;
border-bottom: 1px solid #777;
margin-bottom: 10px;
width: 50%;
}

p {
font-size: 1.2em;
line-height: 1.4em;
padding: 0 5px 15px;
}

.side {
position: absolute;
margin-top: -435px;
}

.gallery {
float: left;
}

.gallery li {
float: left;
padding: 15px;
width: 100px;
font-size: 1.2em;
line-height: 1.4em;
cursor: pointer;
width: 100px;
position: relative;
padding-top: 145px;
}

.current_gallery li {
padding-top: 100px;
}

.gallery img {
width: 100px;
}

.gallery div {
float: left;
position: absolute;
top: 0;
left: 10px;
height: 133px;
overflow: hidden;
margin: 0 0 10px;
}

.about h3 {
cursor: pointer;
}

.about h3 span {
padding: 3px 0 0 10px;
font-size: 10px;
text-transform: none;
cursor: pointer;
}

.show_artwork {
position: absolute;
top: 50px;
left: 50%;
margin-left: -200px;
width: 400px;
font-size: 1.2em;
line-height: 1.3em;
}

.exit, .see_more {
text-align: right;
display: none;
}

.see_more {
position: absolute;
bottom: 20px;
right: 20px;
}

.show_artwork_design .exit {
display: block;
cursor: pointer;
}

.show_artwork_design .see_more {
display: block;
}

.show_artwork_design .hidden {
display: none;
}

.see_more a {
color: white;
}

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

.show_artwork_design {
border: 2px solid #444;
background: #777;
padding: 20px;
}

.show_artwork img {
padding: 0 0 15px;
width: 400px;
}