html {
border: 0;
margin: 0 auto;
padding: 0;
background: #fbf9f4;
}
body {
border: 0;
margin: 0;
padding: 10px 0;
font-family: Tahoma, helvetica, arial, san-serif;
font-size: 0.8em;
line-height: normal;
background: #fbf9f4;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #9b9b9b; }
a:hover, a:active { color: #94835f; text-decoration: none; }
a img { border: 0; margin: 0; }

/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
.goddard { font-weight: bold; color: #79264b; }
.payne { font-weight: bold; color: #000; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, helvetica, arial, san-serif;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
text-transform: uppercase;
color: #9b9b9b;
}
input, textarea, em { font-family: Tahoma, helvetica, arial, san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em Tahoma, helvetica, arial, san-serif; }
h1 {
border-left: 1px solid #f00;
margin-bottom: 40px;
padding-left: 3px;
font-size: large;
text-transform: uppercase;
font-weight: normal;
color: #9b9b9b;
left: -3px;
position: relative;
}
h2, h3 {
font-size: 1.2em;
padding: 10px 0;
}
p {
margin-top: 5px;
}
/* standard helper classes */

.hide { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.alt { display: none; }

.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#wrapper {
margin: 20px auto;
padding: 0;
width: 1000px;
position: relative;
min-height: 1px;
clear: both;
background: #fff;
border-left: 1px dashed #f00;
}
#header {
width: 1000px;
padding: 20px 0 10px 0;
position: relative;
}
#header h1, #header img {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}
#pagebody {
width: 1000px;
position: relative;
float: left;
}
#sidebar {
margin: 0;
width: 465px;
position: relative;
float: left;
padding: 40px 0 20px 0;
}
#sidebar p {
width: 400px;
}

#maincontent {
margin: 0;
width: 520px;
min-height: 300px;
position: relative;
float: left;
padding: 40px 0 60px 0;
}

#viewer {
margin: 0;
padding: 40px 100px 60px 100px;
text-align: center;
position: relative;
}
#footer {
margin: 0 auto;
width: 1000px;
padding: 30px 0 10px 0;
position: relative;
clear: both;
font-size: 0.8em;
text-transform: uppercase;
}
#footer span {
padding: 0 10px 0 30px;
color: #999;
}
#footer ul {
margin: 0 0 0 430px;
padding: 0 10px 30px 30px;
list-style-type: none;
}
#footer ul li {
margin: 0 0 5px 0;
padding: 0;
float: left;
position: relative;
padding: 0 15px 0 0;
}

#logo img {
display: block;
}

div#home p, div#home h1 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}

/* -- Main navigation -- */

ul#nav, ul#nav-photography, ul#nav-books, ul#nav-awards, ul#nav-films {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
float: left;
}
ul#nav li ul#nav-photography, ul#nav li ul#nav-books, ul#nav li ul#nav-awards, ul#nav li ul#nav-films {
position: absolute;
top: 24px;
width: 520px;
left: 0;
}
ul#nav li ul#nav-books {
width: 320px;
}
ul#nav li ul#nav-awards {
width: 140px;
}
ul#nav-photography li {
display: inline;
}
ul#nav span, ul#nav-photography span, ul#nav-books span, ul#nav-awards span, ul#nav-films span {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}

ul#nav li, ul#nav-photography li, ul#nav-books li, ul#nav-awards li, ul#nav-films li { 
text-indent: -10000px;
position: relative;
float: left;
}
ul#nav li#li-home {
width: 460px;
}
ul#nav li#li-photography {
width: 135px;
}

ul#nav li a { display: block; text-decoration: none; position: relative;  }

a#nav_home { background: url(img/nav/home.gif) 5px 0 no-repeat; height: 48px; width: 180px; }
a#nav_photography { background: url(img/nav/photography.gif) no-repeat; height: 24px; width: 135px; }
a#nav_books { background: url(img/nav/books.gif) no-repeat; height: 24px; width: 85px; }
a#nav_film { background: url(img/nav/film.gif) no-repeat; height: 24px; width: 60px; }
a#nav_clients { background: url(img/nav/clients.gif) no-repeat; height: 24px; width: 85px; }
a#nav_about { background: url(img/nav/about.gif) no-repeat; height: 24px; width: 70px; }
a#nav_contact { background: url(img/nav/contact.gif) no-repeat; height: 24px; width: 70px; }

a#nav_fashion { background: url(img/nav/fashion.gif) no-repeat; height: 24px; width: 100px; }
a#nav_people { background: url(img/nav/people.gif) no-repeat; height: 24px; width: 90px; }
a#nav_places { background: url(img/nav/places.gif) no-repeat; height: 24px; width: 90px; }

a#nav_exits { background: url(img/nav/book-exits.gif) no-repeat; height: 24px; width: 190px; }
a#nav_noview { background: url(img/nav/book-noview.gif) no-repeat; height: 24px; width: 90px; }

a#nav_exitsfilm { background: url(img/nav/book-exits.gif) no-repeat; height: 24px; width: 190px; }
a#nav_noviewfilm { background: url(img/nav/book-noview.gif) no-repeat; height: 24px; width: 90px; }

a#nav_awards{ background: url(img/nav/awards.gif) no-repeat; height: 24px; width: 90px; }

a#nav_home:hover, a#nav_home.selected { background-position: 5px -48px; }
a#nav_photography:hover, a#nav_photography.selected { background-position: 0 -24px; }
a#nav_books:hover, a#nav_books.selected { background-position: 0 -24px; }
a#nav_film:hover, a#nav_film.selected { background-position: 0 -24px; }
a#nav_clients:hover, a#nav_clients.selected { background-position: 0 -24px; }
a#nav_about:hover, a#nav_about.selected { background-position: 0 -24px; }
a#nav_contact:hover, a#nav_contact.selected { background-position: 0 -24px; }

a#nav_fashion:hover, a#nav_fashion.selected { background-position: 0 -24px; }
a#nav_people:hover, a#nav_people.selected { background-position: 0 -24px; }
a#nav_places:hover, a#nav_places.selected { background-position: 0 -24px; }

a#nav_exits:hover, a#nav_exits.selected { background-position: 0 -24px; }
a#nav_noview:hover, a#nav_noview.selected { background-position: 0 -24px; }

a#nav_exitsfilm:hover, a#nav_exitsfilm.selected { background-position: 0 -24px; }
a#nav_noviewfilm:hover, a#nav_noviewfilm.selected { background-position: 0 -24px; }

a#nav_awards:hover, a#nav_awards.selected { background-position: 0 -24px; }

li.show {
text-indent: 0;
}
a.show {
color: #000;
font-size: 1.0em;
text-indent: 0;
height: 20px;
width: 200px;
display: inline;
}

/* -- Books Boxes -- */

#sidebar div.book-box {
padding: 65px 0 0 30px;
}
div.photo-box {
padding: 0 40px 0 0;
float: left;
position: relative;
}
#sidebar div.photo-box {
padding: 0 0 0 30px;
}
div#back-intro {
position: absolute;
top: -25px;
}


/* -- projects Pics -- */



div#projects {
padding: 0 0 30px 0;
}
div#project h1 {
float: left;
position: relative;
}
div.thumb-holder {
float: left;
position: relative;
width: 530px;
}
div.thumb-box {
float: left;
position: relative;
height: 81px;
padding-right: 5px;
}
div.thumb-box a img {
opacity:.60;
filter: alpha(opacity=60);
-moz-opacity: 0.60;
}
div.selected a img {
opacity:1.00;
filter: alpha(opacity100);
-moz-opacity: 1.0;
}

div.more-box {
float: left;
position: relative;
height: 81px;
}
div.more-box a {
background: url(img/more.gif) no-repeat;
width: 47px;
height: 81px;
display: block;
text-indent: -10000px;
}
div.wider a {
width: 47px;
}
div.gapper a {
background: url(img/end-series.gif) no-repeat;
}

div.thumb-box span {
height: 0; width: 0; overflow: hidden; position: absolute; display: none;
}
div.thumb-box a img, div.more-box a img {
display: block;
}


div#sidebar-holder {
padding-left: 30px;
}
div#sidebar-holder div.sidebar-box {
padding-bottom: 15px;
}




/* ----- Video Viewing box --- */

#videobox {
padding-left: 30px;
position: relative;
float: left;
}

#film #videobox {
padding-left: 0;
position: relative;
float: left;
}
.noview-film h1 {
height: 0; width: 0; overflow: hidden; position: absolute; display: none;
}


/* ----- Image Viewer --- */

#framebox {
margin-left: 30px;
text-align: center;
}
#framebox h2 {
text-align: center;
font-weight: normal;
font-size: 0.9em;
}
#frame {
background: #fff;
padding: 0;
text-align: left;
position: relative;
height: 540px;
}
#frame img {
border: 0;
margin: 0;
display: block;
}
div#frame h2 {
display: block;
margin: 0;
border: 0;
padding-right: 30px;
position: relative;
}

div#frame img#selected-image {
position: relative;
top: 0;
left: 0;
}
div#viewer div#framebox div#frame {
text-align: center;
margin: 0 auto;
position: relative;
height: 800px;
}
div#viewer div#framebox div#frame img {
border: 0;
margin: 0 auto;
display: block;
position: relative;
}

#prevpic {
float: left;
position: absolute;
left: 0;
width: 150px;
background: transparent;
z-index: 9;
}
#prevpic a {
position: absolute;
float: left;
left: -25px;
display: block;
width: 150px;
height: 540px;
z-index: 10;
background: url(img/left-grey.gif) no-repeat;
}
#nextpic {
float: right;
position: absolute;
right: 0;
width: 150px;
background: transparent;
z-index: 9;
}
#nextpic a {
position: absolute;
float: right;
right: 0;
display: block;
width: 150px;
height: 540px;
z-index: 10;
background: url(img/right-grey.gif) top right no-repeat;
}
#prevpic a:hover {
display: block;
background: url(img/left.gif) no-repeat;
}
#nextpic a:hover {
display: block;
background: url(img/right.gif) top right no-repeat;
}
a#expander {
display: block;
z-index: 8;
position: relative;
}