html {
	height: 100%;
}
body {
    padding: 0;
	margin: 0;
	font: 11px/16px Arial, Helvetica, sans-serif;
	background: #F7F7F7 url(./img/bg_gradient.png) top left repeat-x;
	line-height: 19px;
	height: 100%;
	color: #808080;
}
#b_home {
    overflow: hidden;
    background: transparent url(./img/bg_home.png) top left repeat-x;
}

#wrap {
	position: relative;
	top: 38px;
	margin: 0 auto;
	width: 890px;
	z-index: 2;
}

#bottom-spacer {
	position: relative;
	width: 890px;
	font-size: 9px;
	margin: 0 auto;
	background-color: transparent;
	top: 40px;
} 
#bottom-spacer #copyright {
	float: left;
	width: 100%;
	height: 100%;
	padding: 30px 0 10px 0;
}

#home-copyright, #credit  {
    position: absolute;
	bottom: 10px;
	right: 20px;
	height: 20px;
	width: 170px;
	color: #333;
	font: 9px Arial, Helvetica, Sans-serif;
	letter-spacing: 0.25px;
	text-align: right;
	z-index: 23;
}
#credit {
	bottom: 10px;
	left: 20px;
	width: 130px;
	z-index: 24;
	text-align: left;
}
#credit a {	color: #333; }
#credit a:hover { color: #000; }

/*---------------------------------
	general style
---------------------------------*/
a {
    color: #808080;
    text-decoration: none;
}
a:hover {
	color: #000;
}

a img {
	border: none;
}
h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
h1 {
	font-size: 20px;
	letter-spacing: 0.8px;
}
h2 {
	font-size: 14px;
	letter-spacing: 0.3px;
	padding: 0 0 13px 0;
}
h3 {
	font-size: 11px;
	letter-spacing: 0;
	display: inline;
}
p {
    line-height: 20px;
}

a.bold {
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	color: #999;
}

a.bold:hover {
	color: #000;
}
a.bold.over {
	color: #000;
}

span.date {
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	top: -10px;
	position: relative;
	color: #999;
}

span.subtitle {
	color: #999;
}

.div-line {
    position: relative;
    float: left;
    height: 0px;
    width: 890px;
    margin: 40px 0;
    border-style: solid none ;
    border-color: #DEDEDE #FFF #FFF #FFF;
    border-width: 1px;
}

.div-line.interview {
	width: 615px;
	margin: 20px 0;
}


/*---------------------------------
	header
---------------------------------*/
#menu {
	position: relative;
	width: 890px;
	height: 136px;
	margin: 34px auto 0px auto;
	z-index: 3;
	}
#nav {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 75px;
	width: 100%;
	list-style: none;
	display: block;
	z-index: 2;
}
#nav li {
	margin: 0; 
	padding: 9px 0;
	position: absolute;
	text-transform: uppercase;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}

#logo_lnk, #logo_fix, #logo_inv{
	display: block;
	position: relative;
	padding: 50px 0 0 0;
	overflow: hidden;
	margin: 0 auto;
	height: 0px !important;
	width: 490px;
	height /**/: 50px; /* IE */
	background: url(./img/logo.png) top left no-repeat;
}
#logo_fix, #logo_inv {
	position: absolute;
	top: 6px;
	left: 4px;
	margin: 0;
}
#logo_inv {
	background: url(./img/logo_inv.png) top left no-repeat;
	visibility: hidden;
}
#logo, #logo_bg, #logo_over{
	width: 500px;
	height: 62px;
	margin: 0 auto;
	position: relative;
}
#logo {
	top: -6px;
}

#logo_bg, #logo_over {
	margin: 0;
	position: absolute;
	background-color: #FFF;
	opacity: 0.7;
}
#logo_over {
	background-color: #000;
	opacity: 0.9;
	visibility: hidden;
}

.nav-link, .subnav-link {
    height: 0px !important;
	font-weight: bold;
	color: #999;
	letter-spacing: 0.5px;
}

#subnav {
	top: 113px;
	padding: 0;
	margin: 0;
	position: absolute;
	list-style: none;
	display: block;
	z-index: 4;
}

#subnav li {
	margin: 0; 
	padding: 5px 11px;
	text-transform: uppercase;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}

.nav-link.active, .nav-link.active:hover, .subnav-link.active, .subnav-link.active:hover {
	color: #FFF;
}
.subnav-link:hover {
	color: #FFF;
}

#subnav-bg {
	width: 100%;
	height: 32px;
	display: block;
	background: #000 url(./img/nav_grad.png) top left repeat-x;
	position: absolute;
	top: 107px;
	z-index: 3;
}

#nav-backgrounds {
	z-index: 1;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 75px;
	width: 100%;
	display: block;
}

.nav-bg {
	margin: 0;
	padding: 0;
	height: 32px;
	display:block;
	background-color: #000;
	position: absolute;
	visibility: hidden;
}

.nav-bg.active {
	visibility: visible;
}

#nav1 { left: 11px;}
#nav2 { left: 102px;}
#nav3 { left: 192px;}
#nav4 { left: 298px;}
#nav5 { left: 365px;}
#nav6 { left: 449px;}
#nav7 { left: 516px;}
#nav8 { left: 628px;}
#nav9 { left: 724px;}

#nav-bg1 { width: 91px; left: 0px;}
#nav-bg2 { width: 91px; left: 91px;}
#nav-bg3 { width: 107px; left: 181px;}
#nav-bg4 { width: 70px; left: 285px;}
#nav-bg5 { width: 84px; left: 354px;}
#nav-bg6 { width: 65px; left: 440px;}
#nav-bg7 { width: 115px; left: 505px;}
#nav-bg8 { width: 99px; left: 616px;}
#nav-bg9 { width: 85px; left: 713px;}

/*---------------------------------
	columns
---------------------------------*/
.left-col, .right-col {
	padding: 0;
	margin: 0;
	position: relative;
	float: left;
}

.left-col {
	margin: 0 45px 0 0;
}

.top-row {
	width: 100%;
	margin: 0 0 10px 0;
}

#pub-left-col {
	width: 300px;
}
#pub-right-col { width: 515px; }

#writ-left-col {
	width: 230px;
}
#writ-right-col { width: 525px; }
#writ-left-col img, #pub-left-col img {
	position: relative;
	top: 4px;
}

#video-left-col {
	width: 570px;
	display: block;
	float: left;
}
#video-right-col { width: 275px; }

#slid-left-col {
	width: 150px;
}
#slid-right-col { width: 620px; }

#detail-top-row {
}

/*---------------------------------
	homepage
---------------------------------*/
#bg-scroll {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	z-index: 1;
	/*top: -260px;*/
	
}
/*#bg-grad {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 600px;
    background: transparent url(./img/bg_home.png) top left repeat-x;
}*/

#bg-cont {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.scroll-obj {
	position: absolute;
	padding: 0;
	margin: 0;
}

/*---------------------------------
	artworks
---------------------------------*/
#slide-cont {
	position: relative;
	padding: 23px 20px;
	width: 850px;
	height: 415px;
	background-color: #FFF;
	border: #DEDEDE solid 1px;
}
#slide-cont-ridge {
	border: #FFF solid 1px;
	border-style: solid none none none;
	width: 890px;
	height: 0;
	position:relative;
}
#slide-cont span.subtitle {
	line-height: 28px;
	letter-spacing: 0.4px;
}
#slide-cont ul {
	position: absolute;
	top: 190px;
	left: 0px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#slide-cont li { margin: 0 0 2px 0; }

#slide-cont a.active {
	color: #000;
}

#assoc-cont {
	position: relative;
	margin: 35px 0 0 0;
	height: 100%;
}
#assoc-cont h2 {
	font-size: 18px;
	letter-spacing: 0.4px;
}
#assoc-cont ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
#assoc-cont li { 
	float: left;
	margin: 0 12px 0 0;
}

#assoc-cont li a {
	cursor: pointer;
}

.assoc-col, #assoc-writings  {
	width: 205px;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	display: block;
}

.vertical-div {
	position: relative;
    float: left;
    height: 775px;
    width: 0;
    margin: 20px 25px 30px 25px;
    border-style: none solid ;
    border-color: #FFF #FFF #FFF #DEDEDE;
    border-width: 1px;
}

#assoc-writings {
	width: 350px;
}
.assoc-view {
	top: 25px;
	display: block;
	overflow: hidden;
	height: 440px;
	width: 205px;
	position: relative;
}
.obj-cont {
	position: absolute;
	left: 0px;
	width: 65536px;
}
.assoc-obj, .writ-obj{
	position: relative;
	padding: 0;
	width: 100%;
	float: left;
}
.assoc-obj {
	width: 205px;
	height: 220px;
	margin: 0 0 20px 0;
}
.assoc-obj p {
	width: 205px;
	position: relative;
	top: -8px;
	font-size: 9px;
	line-height: 13px;
}
.column-set {
	width: 220px;
	height: 440px;
	float: left;
}

.writ-obj {
	margin: 20px 0 30px 0;
}
.writ-obj p { line-height: 17px; }
.writ-obj span.title {
	font-weight: bold;
	color: #000;
}

#thumbnails {
	width: 100%;
	top: 5px;
	position: relative;
}
#thumbnails.hidden {
	display: none;
	visibility: hidden;
}

.thumbnail {
	width: 160px;
	height: 220px;
	margin: 0 0 5px 0;
	float: left;
	font-size: 10px;
	cursor: pointer;
	display: block;
	overflow: hidden;
}
.thumbnail img {
	margin: 0;
}
.thumbnail p {
	position: relative;
	top: -11px;
}
.thumb-spacer {
	width: 22px;
	height: 220px;
	position: relative;
	float: left;
	display: block;
}

/*---------------------------------
	text areas
---------------------------------*/
.text-col {
	width: 230px;
	float: left;
	position: relative;
	margin: 0 20px 0 0;
}
.text-col dt {
	float: left;
	margin: 0px;
	width: 40px;
	color: #000;
	font-weight: bold;
}
.text-col dd{ margin: 0 0 0 40px; }

#contact { width: 150px; }
#biography { width: 310px; }
#exhibitions { width: 535px; margin: 0;}
#other {
	width: 210px;
	margin: 0;
}

/*---------------------------------
	publications
---------------------------------*/
#publications {
	width: 100%;
}
.pub-obj {
	position: relative;
	float: left;
	padding: 0;
	width: 210px;
	height: 310px;
	margin: 0 0 30px 0;
}
.pub-obj img {
	padding: 0;
	margin: 0 0 6px 0;
}

.pub-spacer {
	float: left;
	position: relative;
	width: 16px;
	display: block;
	height: 310px;
}

/*---------------------------------
	videos
---------------------------------*/
.video-obj, .video-spacer  {
	position: relative;
	float: left;
	padding: 0;
	width: 280px;
	height: 310px;
	margin: 0 0 30px 0;
}

.video-obj img {
	margin: 0 0 6px 0;
}
.video-spacer {
	width: 25px;
	display: block;
	margin: 0;
}

#videos {
	width: 100%;
}

/*---------------------------------
	interviews
---------------------------------*/
.speaker {
	float: left;
	display: block;
	width: 27px;
	height: 24px;
	background: transparent url(./img/sound_icon.png) 0 0 no-repeat;
}
.speaker.over{
	background-position: -27px 0;
}
.speaker-line {
	float: left;
	line-height: 23px;
	margin: 0 8px 0 0;
}


/*---------------------------------
	writings
---------------------------------*/
.writing-obj {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}
.writing-obj h2 {
	padding: 0;
	margin: 0;
	top: -6px;
	position: relative;
	line-height: 22px;
}
.writing-img {
	float: left;
	margin: 0 35px 0 0;
	width: 130px;
	height: 130px;
}

.writing-obj .writing-info {
	float: left;
	position: relative;
	padding: 0;
	width: 410px;
}

.writing-obj a.bold {
	position: relative;
}

/*---------------------------------
	slideshow
---------------------------------*/
#slideshow {
    position: relative;
    z-index: 1;
	width: 620px;
	height: 405px;
	overflow: hidden;
}

#slideshow-info {
    float: left;
    position: relative;
    z-index: 2;
    width: 100%;
	top: 0;
    margin: 0;
    padding: 0;
}

.slide {
	width: 620px;
	height: 405px;
	margin: 0;
	padding: 0;
}
.slide img {
	margin: 0 auto;
	display: block;
}

.slideshow-nav-prev, .slideshow-nav-next {
	float: left;
	margin: 0;
	position: relative;
	top: -5px;
	width: 30px;
	height: 30px;
	background: #FFF url(./img/sprites.png) 0 0 no-repeat;
	cursor: pointer;
}
.slideshow-nav-prev.hvr { background-position: -30px 0px; }
.slideshow-nav-next {
	margin: 0;
	background-position: 0 -30px;
}
.slideshow-nav-next.hvr { background-position: -30px -30px; }
#slideshow-nav {
	margin: 0;
    float: left;
    position: relative;
	width: 100%;
    left: -10px;
	top: 55px;
	text-align: center;
}
.slideshow-pos {
    margin: 0 10px;
    float: left;
    top: 0;
    width: 65px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.8px;
	color: #000;
}

#slideshow-cap {
	margin: 0;
	top: 250px;
	left: 0px;
    position: absolute;
	width: 100%;
	height: 170px;
	display: block;
	font-size: 10px;
}

#slideshow-cap div {
	position: absolute;
	bottom: 0px;
	display: block;
}

/*---------------------------------
	detailImage
---------------------------------*/

#detailImage {
	display: none;
	visibility: hidden;
	position: absolute;
	margin: 0;
	top: 245px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color: transparent;
	}
#detailWrap {
	position: relative;
	padding: 0;
	margin: 0 auto;
	padding: 0;
	width: 890px;
	height: 700px;
	z-index: 1;
	}
#detailDetail {
    position: relative;
	width: 890px;
	height: 600px;
	top: 0px;
	margin: 0 0 40px 0;
	padding: 0;
	display: block;
	overflow: hidden;
	}
#detailDetail img {
	margin: 0 auto;
	display: block;
	cursor: pointer;
	}
	
#detailContent {
	width: 500000px;
	height: 600px;
	position: absolute;
	top: 0;
	left: 0;
}
.detail-slide{
	width: 890px;
	height: 600px;
	float: left;
	position: relative;
	margin: 0 20px 0 0;
	padding: 0;
}
	
#detailHeader {
    position: relative;
	margin: 10px 0 0 0;
	width: 890px;
	height: 20px;
}

#detailNavigation {
	top: -37px;
    position: relative;
    float: right;
    display: block;
}
#detailPrev, #detailNext, #detailBack {
	margin: 0 0 0 12px;
    display: block;
	position: relative;
    float: left;
}

#detailCaption {
    display: block;
	margin: 0px;
    padding: 0;
    float: left;
	position: relative;
	width: 890px;
}

.credit {
font-size: 9px;
text-align: right;
color: #666666;
display: inline;
padding-left: 10px;
}