/* Reset */

* { margin: 0; padding: 0; }

img, fieldset { border: 0; }

a { outline: none; }

/* Basic Styles */

body { font: 14px/1 "Helvetica Neue","Helvetica","Arial",sans-serif; background-color: #8d8783; color: #000000; }

a { color: #45413f; text-decoration: none; }

.footnote { font-size: 11px; }

#container { width: 970px; margin: 0 auto; }


/* Header  */

#header { padding: 30px 0 45px; height: 20px; }

#header h1 { width: 326px; height: 20px; overflow: hidden; margin-right: 42px; float: left; }
#header h1 a { display: block; overflow: hidden; height: 326px; height: 20px; background: url(../images/header2.png) no-repeat; text-indent: -9999px; }

#header h2 { float: left; height: 20px; width: 540px; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; }

/* Content */

#content { width: 540px; padding: 0 0 90px 368px; clear: left; }

#content p, #content li, #content h4 { line-height: 18px; margin-bottom: 18px; }



#content-photo { width: 970px; padding: 0 0 0 0px; text-align: left; }

#content-with-photo { width: 540px; padding: 0 0 90px 368px; clear: left; }

#content-image { float: left; clear: left; padding-bottom: 90px; }

#content-image + #content { clear: none; }


/* Navigation */

#navigation { list-style: none; padding: 35px 0; height: 18px; clear: both; }

#navigation li { float: left; position: relative; margin-right: 25px; height: 18px; line-height: 18px; }

#navigation li a { display: block; height: 18px; float: left; }
#navigation li a:hover { color: #bababa; }

#navigation ul { display: none; position: absolute; bottom: 18px; left: 0; list-style: none; white-space: nowrap; padding-bottom: 3px; }

#navigation ul li { float: none; height: auto; }

#navigation ul li a { color: #bababa; padding: 3px 0; float: none; }

#navigation li:hover ul { display: block; }
#navigation li.hover ul { display: block; }

#navigation li:hover a { color: #bababa; }
#navigation li.hover a { color: #bababa; }

/* Internal Pages */

#header h2#header-about { background-image: url(../images/header-about.png); }


#header h2#header-artist { background-image: url(../images/header-artist.png); }



#header h2#header-photographs { background-image: url(../images/header-photographs.png); }



#header h2#header-photographs-1949-1956 { background-image: url(../images/header-photographs-1949-1956.png); }

#header h2#header-photographs-1965-1968 { background-image: url(../images/header-photographs-1965-1968.png); }

#header h2#header-photographs-1976-1985 { background-image: url(../images/header-photographs-1976-1985.png); }

#header h2#header-photographs-1985-1997 { background-image: url(../images/header-photographs-1985-1997.png); }


#header h2#header-home { background-image: url(../images/header-home.png); }

#header h2#header-contact { background-image: url(../images/header-contact.png); }
#header h2#header-commentary { background-image: url(../images/header-commentary.png); }


/* Home Page */

#home #container { width: 680px; }

#home #header { padding-top: 225px; }

#home #header h1 { width: 646px; height: 40px; float: none; background: url(../images/home-header.png) no-repeat; text-indent: -9999px; }

#home #navigation { width: 190px; float: right; height: auto; }

#home #navigation li { height: auto; margin-bottom: 32px; float: none; margin-right: 0; display: inline-block; }

#home #navigation li a { height: 28px; width: 190px; display: block; background-repeat: no-repeat; background-position: left top; text-indent: -9999px; }
#home #navigation li a:hover, #home #navigation li:hover a { background-position: left -28px; }
#home #navigation li a:hover, #home #navigation li.hover a { background-position: left -28px; }

#home #nav-about a { background-image: url(../images/home-nav-about.gif); }
#home #nav-photographs a { background-image: url(../images/home-nav-photographs.gif); }
#home #nav-programs a { background-image: url(../images/home-nav-programs.gif); }
#home #nav-resources a { background-image: url(../images/home-nav-resources.gif); }
#home #nav-contact a { background-image: url(../images/home-nav-contact.gif); }

#home #navigation ul { bottom: 0; top: 0px; left: auto; right: 190px; padding-right: 20px; text-align: right; /*display: block;*/ } 

#home #navigation ul li { margin-bottom: 0px; display: block; }

#home #navigation ul li a { height: auto; width: auto; text-indent: 0; background: none; padding: 0px 0px 10px; }

/* Photo Gallery Pages */

#gallery-content { width: 970px; padding: 0 0 80px 0px; text-align: center; }

.arrow { width: 14px; height: 15px !important; line-height: 15px; overflow: hidden; display: block; float: left; background: no-repeat left top; text-indent: -9999px; margin-right: 25px; }
.arrow:hover { background-position: left bottom; }
#arrow-left { background-image: url(../images/arrow-left.png); }
#arrow-right { background-image: url(../images/arrow-right.png); }

#gallery-nav .arrow { margin-top: 3px; }
#gallery-nav .footnote { font-size: 9px; }