@charset "UTF-8";
/* CSS Document */

body { margin: 0; padding: 0; background-color: #fff; font-family: Helvetica, Arial, sans-serif; color: #666 }
p { font-family: Helvetica, Arial, sans-serif; color: #bcbcbc; font-size: 0.8em }
img { border: none }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none; color: #666 }

img a { border: none }
img a:hover { opacity: 0.8 }

#wrapper { margin: 0 auto; width: 800px; background: #fff; font-size: 1em; border-left: 1px solid #e7e6ca; border-right: 1px solid #e7e6ca }
#content { width: 780px; margin: 10px }
#content ul { line-height: 1.5; font-size: 0.8em; color: #666; margin: 0; list-style-type: none; padding: 0 }

/* index styles */

#home { margin: 0 auto; background: url(images/bg_image.jpg) left top no-repeat; width: 800px; height: 604px }
#copy { margin: 0; padding: 30px 0 0 40px; width: 120px }
#copy p { color: #121212; font-size: 0.7em }
#home ul { color: #121212; font-size: 1em; list-style-type: none; margin: 115px 0 0 345px }

/* end index */


#header { margin:auto; width: 800px; height: 65px; background: url(images/header_bg.jpg) left top no-repeat }
#header p { color: #121212; font-size: 0.85em }
#header h1 { color: #999; font-size: 1em;  font-weight: lighter }

#nav { width: 780px; text-align: center; color: #121212 }
#images { margin: 0; padding: 0; border: 0 }

#footer { margin: 20px 0 0 0; width: 800px; background: url(images/footer_bg.jpg); height: 33px; border-bottom: 1px solid #e7e6ca }
#footer p { color: #333; font-size: 0.70em; margin: 0; padding: 10px }

#collections { width: 310px; border: 0px solid #333; float: left; clear: none; padding: 0 }
#collections h1 { font-size: 0.8em; color: #999; margin-top: 0; font-weight: normal  }
#collections h1.which { margin: 0; padding: 0 }
#collections h1.credits { color: #999; font-size: 1em;  font-weight: lighter; margin: 30px 0 0 0 }

#imageArea { width: 437px; border: 0px solid #333; float: right; clear: none; margin: 0 }

#grid { width: 305px; float: left; padding: 0}
#grid a img { opacity: 1 }
#grid a:hover img { opacity: 0.7 }

#gridE { width: 437px; float: left; padding: 0; margin: 0 0 10px 0 }
#gridE h1 { font-size:1em; color: #999; margin-top: 10px; font-weight: normal }

#homeNav { margin: 40px 0 0 0; padding: 0; font-size: 1em }
#homeNav p { font-size: 1em }

/* classes */
.imgThumb { float: left; clear: none; padding: 0 10px 10px 0 }
.imgThumbR { float: left; clear: none; padding: 0 }

a.imgThumb { border: 1px solid #333 }

.navBox { float:left;clear:none; width: 150px; margin: 0 0 45px 0 }
.navBox p { padding: 0; font-size: 0.8em; margin: 2px 0 }
.navBox p a { color:#bcbcbc }
.navBox p a:hover { color:#999 }

.clear { clear: both; height: 1px; }
.left { float: left; clear: none }
.leftCaption { float: left; clear: none; margin: 160px 0 0 40px; font-size: 0.7em }

.right { float: right; clear: none }
.lower { padding-top: 50px }
.current { font-weight: bold }
.info { padding: 5px 10px }
.col-1 { float: left; clear: none; padding: 15px 0 0 0 }
.col-2 { float: left; clear: none; padding: 15px 0 0 145px }

.caption { color: #121212; font-size: 0.7em; margin: 0; padding: 0; color: #999 }
.none { margin: 0 }
.pos { margin: 0 0 0 140px; color: #121212; font-size: 1em }