body {
	margin: 0;
	padding: 0;
	font: 11px/18px "Lucida Sans", Helvetica, sans-serif;
	text-align: left;
    background: url('./img/bg_gradient.png') repeat-x;
    background-color: #e6e6e6;
    color: #000;
	height: 100%;
}

/*---------------------------------
	elements
---------------------------------*/

a { color: #000; text-decoration: none; outline: none; }

img { border: none; }

hr { border-top: 1px dashed #c8c8c8; border-bottom: 0; border-left: 0; border-right: 0; }

.lastcol { margin-right: 0 !important; }

/*---------------------------------
	main layout
---------------------------------*/

#wrap {
	position: relative;
	margin: 40px auto 0 auto;
	padding: 0;
    width: 860px;
    z-index: 1; /* needed for bg-div gradient overlay */
}

#leftcolumn  {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 600px;
}

#leftcol {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 250px;
	text-align: left;
}

#rightcol  {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 600px;
	text-align: right;
}

#rightcolumn {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 250px;
}

#container {
    position: relative;
    top: 50px;
    left: 0;
    margin: 0 0 100px 0;
    padding: 0;
    width: 860px;
}

#float-container {
    position: relative;
    clear: both;
    overflow: hidden;
}

/*---------------------------------
	background
---------------------------------*/

#bg-div, .bg-obj {
    position: fixed;
    height: 850px;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    z-index: -1;
}

#bg-gradient {
	background: transparent url('./img/bg_gradient.png') top left repeat-x;
}

/*---------------------------------
	logo and navigation
---------------------------------*/

#header {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0;
}

#logo_lnk {
	position: absolute;
	top: 0;
	left: -8px;
	padding: 25px 0 0 0;
	height: 0px !important;
	width: 200px;
	height /**/:25px; /* IE */
	overflow: hidden;
	background: url(./img/logo.png) top left no-repeat;
}

#menu {
	position: absolute;
	top: 0;
	left: 180px;
	width: 715px;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-transform: uppercase;
}

.menu-item {
	margin: 0;
	padding: 0;
	display: inline;
}

#menu01 {
    float: left;
    width: 168px;
    height: 30px;
    display: block;
    overflow: hidden;
}

#menu02 {
    float: left;
    width: 63px;
    height: 30px;
    display: block;
    overflow: hidden;
}

#menu03 {
    float: left;
    width: 78px;
    height: 30px;
    display: block;
    overflow: hidden;
}

#menu04, #menu05 {
    float: left;
    width: 110px;
    height: 30px;
    display: block;
    overflow: hidden;
}

#menu06 {
    float: left;
    width: 65px;
    height: 30px;
    display: block;
    overflow: hidden;
}

#menu07 {
    float: left;
    width: 118px;
    height: 30px;
    diplay: block;
    overflow: hidden;
}

a.menu-link {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:20px; /* IE */
}

#menu01 a.menu-link  { width: 400px; background-position: -8px -5px; background-image: url(./img/photographs.png); }
#photographs #menu01 a.menu-link { width: 400px; background-position: -184px -5px; backgorund-image: url(./img/photographs.png); }

#menu02 a.menu-link  { width: 400px; background-position: -8px -35px; background-image: url(./img/films.png); }
#films #menu02 a.menu-link { width: 400px; background-position: -184px -35px; backgorund-image: url(./img/films.png); }

#menu03 a.menu-link  { width: 400px; background-position: -7px -65px; background-image: url(./img/books.png); }
#books #menu03 a.menu-link { width: 400px; background-position: -184px -65px; backgorund-image: url(./img/books.png); }

#menu04 a.menu-link  { width: 400px; background-position: -6px -95px; background-image: url(./img/projects.png); }
#projects #menu04 a.menu-link { width: 400px; background-position: -181px -95px; backgorund-image: url(./img/projects.png); }

#menu05 a.menu-link  { width: 400px; background-position: -6px -125px; background-image: url(./img/writings.png); }
#writings #menu05 a.menu-link { width: 400px; background-position: -181px -125px; backgorund-image: url(./img/writings.png); }

#menu06 a.menu-link { width: 400px; background-position: -6px -155px; background-image: url(./img/news.png); }
#news #menu06 a.menu-link { width: 400px; background-position: -181px -155px; backgorund-image: url(./img/news.png); }

#menu07 a.menu-link { width: 400px; background-position: -6px -185px; background-image: url(./img/contact.png); }
#contact #menu07 a.menu-link { width: 400px; background-position: -181px -185px; backgorund-image: url(./img/contact.png); }

/*---------------------------------
	photographs
---------------------------------*/

.photos-obj {
    float: left;
    width: 209px;
    margin: 0 6px 25px 0;
}

.photos-obj img {
    margin-bottom: 4px;
}

.photos-hr {
    float: left;
    width: 99%;
    margin: 3px 0 30px 0;
}

.obj-title {
    text-transform: uppercase;
}

.obj-subtitle {
    font-size: 9px;
}

.active {
    color: #e70416;
}

.photo-obj {
    float: left;
    width: 166px;
    height: 166px;
    margin: 0 5px 5px 0;
    background-color: #fff;
    text-align: center;
    line-height: 166px;
}

.photo-obj img {
    vertical-align: middle;
}

#meta {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    width: 99%;
    height: 33px;
}

.back {
    text-transform: uppercase;
}

#meta a:hover {
    color: #e70416;
}

.title {
    font-size: 16px;
}

.subtitle {
    font-size: 9px;
    text-transform: uppercase;
}

#prev {
    position: absolute;
    top: 316px;
    left: -38px;
    text-indent: -9999px;
}

#prev a, #next a {
    display: block;
    width: 13px;
    height: 17px;
}

#next {
    position: absolute;
    top: 316px;
    left: 874px;
    text-indent: -9999px;
}

#prev a.left-arrow  { background: url(./img/arrows.png) no-repeat 0 0; }
#prev a.left-arrow:hover  { background: url(./img/arrows.png) no-repeat 0 -17px; }

#next a.right-arrow  { background: url(./img/arrows.png) no-repeat -13px 0; }
#next a.right-arrow:hover  { background: url(./img/arrows.png) no-repeat -13px -17px; }

#desc {
    position: relative;
    top: 35px;
}

/*---------------------------------
	films
---------------------------------*/

.films-obj {
    float: left;
    width: 99%;
    margin-bottom: 36px;
}

.films-embed {
    float: left;
    width: 580px;
    margin-right: 45px;
}

.films-text {
    float: left;
    width: 200px;
}

.films-desc {
    position: relative;
    top: 25px;
    line-height: 20px;
}

.films-hr {
    float: left;
    width: 99%;
    margin-bottom: 30px;
}

.more-info {
    position: relative;
    top: 18px;
    text-transform: uppercase;
}

.more-info:hover {
    color: #e70416;
}

.film-hr {
    float: left;
    width: 99%;
    margin: 6px 0 30px 0;
}

#content {
    position: relative;
    float: left;
    width: 700px;
    margin-bottom: 100px;
    line-height: 20px;
}

#obj-nav {
    position: relative;
    float: left;
    width: 150px;
    text-align: right;
    text-transform: uppercase;
}

#obj-nav ul {
    list-style: none;
}

.film-obj {
    float: left;
    width: 166px;
    height: 166px;
    margin: 0 5px 5px 0;
    background-color: #fff;
    text-align: center;
    line-height: 166px;
}

.film-obj img {
    vertical-align: middle;
}

/*---------------------------------
	books
---------------------------------*/

.books-obj {
    float: left;
    width: 210px;
    height: 210px;
    margin: 0 6px 25px 0;
}

.books-obj-img {
    float: left;
    width: 210px;
    height: 210px;
    line-height: 210px;
    margin: 0 6px 12px 0;
    text-align: left;
}

.books-obj-img img {
    vertical-align: bottom;
}

.books-hr {
    float: left;
    width: 99%;
    margin: 64px 0 38px 0;
}

.book-hr {
    float: left;
    width: 99%;
    margin: 5px 0 26px 0;
}

#book-content {
    float: left;
    width: 325px;
    margin-right: 50px;
    line-height: 20px;
}

#book-image {
    float: left;
    width: 477px;
}

/*---------------------------------
	projects
---------------------------------*/

.projects-obj {
    float: left;
    width: 209px;
    margin: 0 6px 25px 0;
}

.projects-obj img {
    margin-bottom: 4px;
}

.projects-hr {
    float: left;
    width: 99%;
    margin: 3px 0 30px 0;
}

.project-obj {
    float: left;
    width: 166px;
    height: 166px;
    margin: 0 5px 5px 0;
    background-color: #fff;
    text-align: center;
    line-height: 166px;
}

.project-obj img {
    vertical-align: middle;
}

/*---------------------------------
	writings
---------------------------------*/
#writing_types {
	position: absolute;
	top: -42px;
}
#writing_nav {
	padding: 0;
	margin: 0;
}
#writing_nav a:hover, #writing_nav a.active {
	color: #e70416;
}
#writing_nav li {
	text-transform: uppercase;
	display: inline;
	float: left;
	letter-spacing: 0.03em;
	margin: 0 16px 0 0;
}

.writings-obj {
    float: left;
    width: 210px;
    height: 210px;
    margin: 0 6px 25px 0;
}

.writings-obj-img {
    float: left;
    width: 210px;
    height: 210px;
    line-height: 210px;
    margin: 0 6px 12px 0;
    text-align: left;
}

.writings-obj-img img {
    vertical-align: bottom;
}

.writings-hr {
    float: left;
    width: 99%;
    margin: 64px 0 38px 0;
}

.writing-hr {
    float: left;
    width: 99%;
    margin: 5px 0 26px 0;
}

.writing-subtitle {
    font-size: 10px;
    text-transform: uppercase;
}

/*---------------------------------
	news
---------------------------------*/

.news-obj {
    float: left;
    width: 99%;
    margin-bottom: 36px;
}

.news-text {
    float: left;
    width: 500px;
    margin-right: 50px;
}

.news-thumb {
    float: Left;
    width: 234px;
    height: 200px;
}

.news-summary {
    position: relative;
    top: 25px;
    line-height: 20px;
}

.news-hr {
    float: left;
    width: 99%;
    margin-bottom: 30px;
}

.news-obj .more-info {
    position: relative;
    top: 18px;
    text-transform: uppercase;
}

.news-obj a {
    text-transform: uppercase;
}

.news-obj a:hover {
    color: #e70416;
}

.new-hr {
    float: left;
    width: 99%;
    margin: 6px 0 30px 0;
}

#new-content {
    float: left;
    width: 500px;
    margin: 0 50px 100px 0;
    line-height: 20px;
}

#new-image {
    float: left;
    width: 234px;
}

#new-content a {
    text-transform: uppercase;
}

#new-content a:hover {
    color: #e70416;
}

/*---------------------------------
	contact
---------------------------------*/

#contact-image {
    float: left;
    width: 580px;
    margin-right: 45px;
}

#contact-text {
    float: left;
    width: 230px;
}

.contact-header {
    font-size: 16px;
    text-transform: uppercase;
}

/*---------------------------------
	slideshow
---------------------------------*/

#slideshow {
    position: relative;
    top: 45px;
    }

.slide {
    width: 99%;
    height: 1020px;
    text-align: center;
    padding-bottom: 50px;
}

#slideshow-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	color: #000;
    }

.slideshow-nav-prev {
    position: absolute;
    top: 323px;
    left: -43px;
    display: block;
    width: 13px;
    height: 17px;
    text-indent: -9999px;
    cursor: pointer;
    }

.slideshow-nav-next {
    position: absolute;
    top: 323px;
    left: 880px;
    display: block;
    width: 13px;
    height: 17px;
    text-indent: -9999px;
    cursor: pointer;
    }

.slideshow-nav-prev { background: url(./img/arrows.png) no-repeat 0 0; }
.slideshow-nav-prev:hover { background: url(./img/arrows.png) no-repeat 0 -17px; }

.slideshow-nav-next { background: url(./img/arrows.png) no-repeat -13px 0; }
.slideshow-nav-next:hover { background: url(./img/arrows.png) no-repeat -13px -17px; }

.slideshow-nav-prev:hover, .slideshow-nav-next:hover {
    color: #7F1117;
    }


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

#detailImage {
	display: none;
	position: absolute;
	visibility: hidden;
    top: 50px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
    overflow: auto;
}

#detailWrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 860px;
	height: 594px;
	z-index: 1;
}

#detailDetail {
	position: absolute;
	top: 30px;
	left: 0;
	width: 860px;
	height: 594px;
	margin: 0;
	padding: 15px;
	background: #fff;
    line-height: 594px;
	text-align: center;
}

#detailDetail img {
    vertical-align: middle;
}

#detailNavigation {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	color: #000;
}

#detailBack {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    text-transform: uppercase;
}

#detailBack a:hover {
    color: #e70416;
}

#detailPrev  {
    position: absolute;
    top: 323px;
    left: -43px;
    display: block;
    width: 13px;
    height: 17px;
    text-indent: -9999px;
}

#detailNext {
    position: absolute;
    top: 323px;
    left: 919px;
    display: block;
    width: 13px;
    height: 17px;
    text-indent: -9999px;
}

#detailPrev { background: url(./img/arrows.png) no-repeat 0 0; }
#detailPrev:hover { background: url(./img/arrows.png) no-repeat 0 -17px; }

#detailNext { background: url(./img/arrows.png) no-repeat -13px 0; }
#detailNext:hover { background: url(./img/arrows.png) no-repeat -13px -17px; }

#detailCount {
    position: absolute;
    top: 0;
    right: 10px;
    text-transform: uppercase;
}

#detailCaption {
	position: relative;
    top: -13px;
    left: 60px;
	width: 740px;
	color: #555;
	font-size: 10px;
	height: 20px;
	text-align: center;
    line-height: 18px !important;
}

.hidden-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5 !important;
    background: url(./img/spacer.gif);
}

/*---------------------------------
	eE Credit
---------------------------------*/

#credit {
	position: absolute;
	bottom: 25px;
	right: 25px;
	font: 9px Arial, Helvetica, Sans-serif;
	color: #fff;
	text-align: right;
	z-index: 1;
	}

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

#credit a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #333;
	}