body {margin: 0; padding: 0; background: url(/global/elements/main-bg.jpg) top right repeat; font-family: Helvetica, Arial, sans-serif; }
body img {border: 0;}

a, a:link, a:visited {text-decoration: underline; color: #606;}
a:hover {text-decoration: underline; color: #300; }
	
#main {width: 940px; padding: 0 0 20px 0; margin: 0 auto;}
#footer {width: 940px; padding: 0; margin: 0 auto; border-top: 1px solid #999;}
#main p {margin: 0 0 1em 0; color: #555; line-height: 22px;}
#main .contentsidebar p {line-height: 20px;}
#main p.last, #subway p.last, #foot p.last {margin: 0;}
#main h1 {color: #600; font-size: 130%; font-weight: normal; padding: 12px 0 14px; margin: 0;}
#main h2 {color: #606; font-size: 120%; font-weight: normal; padding: 12px 0 14px; margin: 0; }
#main h3 {color: #600; font-size: 100%; font-weight: normal; margin: 5px 0;}
#main h4 {color: #600; font-size: 90%; font-weight: normal; margin: 5px 0 3px;}
#main h5 {color: #666; font-size: 80%; font-weight: normal; margin: 5px 0 3px;}
#main ul {color: #666; list-style: none; padding: 0; margin: 0 0 1.5em 0;}
#main ul li {padding: 0; margin: 0; color: #4b4b4b;}

#main h1.title {display: none; height: 0;}

#gnavwrap {width: 940px; margin: 0 auto; padding-top: 36px;}
#gnavwrap h2 {float: left; padding: 0; margin: 0; font-size: 15pt; font-weight: 500; text-shadow: 0 1px 1px #ccc; color: #999;}
#gnavwrap h2 a, #gnavwrap h2 a:link, #gnavwrap h2 a:visited {color: #600; text-decoration: none;}
#gnavwrap h2 a:hover {text-decoration: none;}
#gnavwrap #globalnav { margin: 0; padding: 0; float: right; width: 580px;}
#gnavwrap #globalnav li {display: inline; }
#gnavwrap #globalnav li a, #gnavwrap #globalnav li a:link, #gnavwrap #globalnav li a:visited {color: #600; text-decoration: none;}
#gnavwrap #globalnav li a {float: left; color: #633; padding: 5px 0 0 20px; display: block; font-weight: 500; font-size: 11pt; text-shadow: 0 1px 1px #ccc;}
#gnavwrap #globalnav li a:hover {color: #333; text-decoration: none;}

body.about #globalnav #about, body.about #globalnav #about a,
body.craft #globalnav #craft, body.craft #globalnav #craft a,
body.gallery #globalnav #gallery, body.gallery #globalnav #gallery a,
body.film #globalnav #film, body.film #globalnav #film a,
body.digital #globalnav #digital, body.digital #globalnav #digital a,
body.ilfochrome #globalnav #ilfochrome, body.ilfochrome #globalnav #ilfochrome a,
body.polaroid #globalnav #polaroid, body.polaroid #globalnav #polaroid a,
body.contact #globalnav #contact, body.contact #globalnav #contact a,
body.purchase #globalnav #purchase, body.purchase #globalnav #purchase a {color: #999;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#main .content {margin: 0 auto; padding: 30px 0 30px;}
#main .contentleft {float: left; width: 430px; padding: 30px 0 30px 0;}
#main .contentright {float: right; width: 430px; padding: 30px 0 30px 0;} 
#main .contentsidebar {float: right; width: 230px; padding: 30px 5px 30px 0; font-size: 85%;} 

#footer #copyright {width: 438px; text-align: center; padding: 15px 0; margin: 0 auto;}
#footer #copyright img.left {margin-top: -5px;}
#footer p {margin: 0; color: #777; font-size: 9pt; padding-right: 52px;}
#footer a {color: #606;}
#footer a:hover {color: #609; text-decoration: underline; }

#galnavwrap {width: 180px; height: 30px; position: relative; z-index: 2; margin: 26px auto 0;}
#galnavwrap #galnav { margin: 0; padding: 0; }
#galnavwrap #galnav li {display: inline;}
#galnavwrap #galnav li a {float: left; height: 0; padding-top: 30px; display: block; overflow: hidden;}
#galnavwrap #galnav li a {background-image: url(/global/elements/gallery-nav.png);}

#galnavwrap #galnav li#prev a { width: 45px; }
#galnavwrap #galnav li#home a { width: 45px; }
#galnavwrap #galnav li#enlarge a { width: 45px; }
#galnavwrap #galnav li#next a { width: 45px; }

#galnavwrap #galnav li#prev a { background-position: 0 0; }
#galnavwrap #galnav li#home a { background-position: -45px 0; }
#galnavwrap #galnav li#enlarge a { background-position: -90px 0; }
#galnavwrap #galnav li#next a { background-position: -135px 0; }

#galnavwrap #galnav li#prev a:hover { background-position: 0 -30px;}
#galnavwrap #galnav li#home a:hover { background-position: -45px -30px; }
#galnavwrap #galnav li#enlarge a:hover { background-position: -90px -30px;}
#galnavwrap #galnav li#next a:hover { background-position: -135px -30px;}

#main .gallery-image {min-width: 444px; margin: 0 auto; padding: 40px 0 10px; text-align: center;}
#main .gallery-image img.matted {border: 22px solid #eee; -webkit-box-shadow: 0 6px 10px #777; -moz-box-shadow: 0 6px 10px #777; box-shadow: 0 6px 10px #777; margin-bottom: 10px;}
#main .gallery-image a {border-style: none;}
#main .gallery-image h2 {margin: 0; font-size: 20px; padding: 0 0 10px 0;}
#main .gallery-image h3 {color: #606; margin: 0;}

#main .polaroid-image {margin: 0 auto; padding: 40px 0 10px; text-align: center;}
#main .polaroid-image img.hz {margin-left: -40px;}
#main .polaroid-image a {border-style: none;}
#main .polaroid-image h2 {margin: 0; font-size: 20px; padding: 0 0 10px 0;}
#main .polaroid-image h3 {color: #606; margin: 0;}

#main p.fn-vt {width: 692px; text-align: right; font-size: 11px; margin: .5em 0 0;}
#main p.fn-hz {width: 732px; text-align: right; font-size: 11px; margin: .5em 0 0;}
#main p.fn-hz a, #main p.fn-vt a {background: #c4c4c4; padding: 2px 7px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#main p.fn-hz a:hover, #main p.fn-vt a:hover {background: #777; text-decoration: none; color: #c4c4c4;}

#quote {float: right; width: 216px; border: 1px solid #ccc; text-align: center; padding: 8px 0 0 0; margin-left: 12px; margin-bottom: .5em;}
#main p.quote {font-size: 13px; color: #630; padding: 8px 14px 5px; line-height: 16px;}
#main p.attribute {text-align: left; font-size: 11px; padding-left: 80px; line-height: 120%; color: #666;}
#main p.sosumi {font-size: 80%; line-height: 80%; margin-bottom: 2em;}
#main .contentsidebar p.errata {font-size: 90%;}

#main .first.column {padding: 0 30px 0 0; margin: 22px 0 0 0;}
#main .last.column {padding: 0; margin: 22px 0 0 0;}
#main h2.fn-title {padding: 42px 0 6px 0; width: 940; border-bottom: 1px solid #999;}
#main p.fn-back {font-size: 12px;}
#main p.fn-back a {background: #c4c4c4; padding: 3px 10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#main p.fn-back a:hover {background: #777; text-decoration: none; color: #c4c4c4;}

#main p.exposure, #main p.fn-back {width: 940px;  text-align: center;}
#main p.exposure {color: #600; padding-top: 8px; margin: 0 0 2em 0;}
#main p.exposure span {padding-right: 8px;}


/** old css styles **/


#main ul li a.arrow {background: url(/global/elements/arrow-link.png) top right no-repeat; padding: 0 15px 0 0; font-size: 85%; color: #600;}
#main ul li a.arrow:hover, #subway ul li a.arrow:hover {color: #909;}

#main ul.elinks {margin: 0 0 1.5em 12px; list-style: circle; padding-left: 8px;}
#main ul.elinks li {padding: 2px 0; margin: 0; }



body.gallery #main, body.polaroid #main {width: 940px;}
body.gallery #main .contentleft, body.polaroid #main .contentleft {width: 520px; padding-top: 20px;}
body.gallery #main .contentsidebar, body.polaroid #main .contentsidebar {width: 220px; padding-bottom: 10px; padding-top: 26px;}



#main .gallery-image-nav  {padding-top: 18px;}
#main .gallery-image-nav img  {padding: 0 5px; position: relative; top: -62px;}

#main div.caption-across {margin: 10px 0;}
#main div.caption-right {float: right; margin: 4px 0 3px 15px;}
#main div.caption-left {float: left; margin: 4px 15px 0 3px;}
#main div.caption-right p, #main div.caption-left p, #main div.caption-across p {font-size: 80%; color: #600; text-align: center; padding-top: 6px;}



#infolinks {width: 121px; height: 52px; z-index: 1; margin: 0 0 0 62px; background-image: url(/global/elements/btn-infobox.png);}
#infolinks #link { margin: 0; padding: 0; }
#infolinks #link li a {height: 0; padding-top: 26px; display: block; overflow: hidden;}
#infolinks #link li a { background-image: url(/global/elements/btn-infobox.png); }

#infolinks #link li#glink a { width: 121px; }
#infolinks #link li#glink a { background-position: 0 0; }
#infolinks #link li#glink a:hover { background-position: -121px 0;}

#infolinks #link li#plink a { background-position: 0 -26px; }
#infolinks #link li#plink a:hover { background-position: -121px -26px;}

#purlinks {width: 125px; height: 28px; z-index: 1; margin: -3px 0 3px 0; background-image: url(/global/elements/purchase.png); float: right;}
#purlinks #link {margin: 0; padding: 0;}
#purlinks #link li a {height: 0; padding-top: 28px; display: block; overflow: hidden;}
#purlinks #link li a {background-image: url(/global/elements/purchase.png); }
#purlinks #link li#plink a { width: 125px; }
#purlinks #link li#plink a { background-position: 0 -28px; }
#purlinks #link li#plink a:hover { background-position: -125px -28px;}

#signup {width: 90px; height: 25px; z-index: 1; margin: -3px 0 3px 0; background-image: url(/global/elements/btn-sign-up.png); float: right;}
#signup #link {margin: 0; padding: 0;}
#signup #link li a {height: 0; padding-top: 25px; display: block; overflow: hidden;}
#signup #link li a {background-image: url(/global/elements/btn-sign-up.png); }
#signup #link li#plink a { width: 90px; }
#signup #link li#plink a { background-position: 0 -25px; }
#signup #link li#plink a:hover { background-position: -90px -25px;}

#secure-shop {margin-top: 14px;}
#secure-shop img {float: right; margin: -6px 0 0 5px;}

#flickr {border: 1px solid #777; background: #ccc; padding: 5px 0 0 5px;}
#flickr img {padding: 0 5px 0 0; width: 44px; height: 44px; margin: 0;}

#main img.right, #footer img.right {float: right; margin: 5px 0 10px 14px;}
#main img.left, #footer img.left {float: left; margin: 5px 14px 0 0;}
#subway img.right {float: right; margin: -10px 0 10px 10px;}
#subway img.left {float: left; margin: -10px 10px 0 0;}
img.across {text-align: center; margin: 5px 10px 0 0;}
img.nav {padding-right: 10px;}
img.bordered {border: 1px solid #ABA8B1; -webkit-box-shadow: 0 2px 3px #999; -moz-box-shadow: 0 2px 3px #999; box-shadow: 0 2px 3px #999;}
img.border {border: 7px solid #eee; -webkit-box-shadow: 0 4px 8px #999; -moz-box-shadow: 0 4px 8px #999; box-shadow: 0 4px 8px #999;}
img.pad {margin-bottom: 1em;}
img.purchase {float: right;}

p.nav {text-align: center; padding-top: 20px;}


.pricing {margin: .5em 0 1em; border-style: solid;  border-width: 1px; border-color: #ABA8B1;}
.pricing td, .pricing th {text-align: center; padding: 3px; border-bottom: 1px solid #ABA8B1;}
.pricing th {font-weight: normal;}
.pricing td.last {border-bottom: none;}

#imgdetails {border: 1px solid #ccc; padding: 6px 10px;}
#imageinfo {padding-top: 100px;}
#imageinfo a, #fieldnav a {border: 0;}
#imageinfo p {padding-bottom: 15px;}
#imageinfo p.navlast {padding-right: 33px;}
#imageinfo p.navfirst {padding-left: 33px;}
#main #imageinfo h4 {font-size: 120%; letter-spacing: 0; margin-top: 1em;}
#main #imageinfo h5 {font-size: 100%; margin-bottom: 30px; letter-spacing: 0;}

#main .tab-wrapper {padding: 14px 18px; margin: 0; border: 1px solid #ccc; clear: both; min-height: 420px;}
#main .tab-menu {margin: 0; padding: 0; list-style: none; overflow: hidden;}
#main .tab-menu li {margin: 0 2px 0 0; padding: 0; float: left; border-width: 1px 1px 0; border-color: #ccc; border-style: solid; }
#main .tab-menu li a {padding: 0; font-weight: bold;}
#main .tab-menu li span {display: block; margin: 0; padding: 6px 10px;}
#main .tab-menu li a:hover, .tab-menu li a:focus {/* your effect here */}
#main .tab-menu li.tab-selected a {text-decoration: none; color: inherit;}
#main .tab-menu li.tab-selected span {background: #ccc;}
/*#main .tab-wrapper .tab-ajax-loading {background: url(images/spinner.gif) no-repeat center;}*/


/** old stuff **/


/* Tab Styles */
/* Used by all layouts: do NOT remove this section */
.qtwrapper { height: 1%;}
ul.qtabs {list-style-position: outside; list-style-type: none; float: left; margin: 0 !important; padding: 0 !important;}
ul.qtabs li {list-style-type: none; float: left; margin: 0 !important; padding: 0 !important; cursor: pointer;}
.qtcontent {position: absolute; margin: 0; padding: 20px; visibility: hidden;}
.qtcurrent {position:relative; overflow:hidden;}

#main ul.tabs {margin: 0; padding: 0; float: left; list-style: none; height: 31px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 100%; }
#main ul.tabs li {float: left; margin: 0; padding: 0; height: 30px; line-height: 30px; border: 1px solid #ccc; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #eee;}
.qtcontent h2 {font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 1.8em;}


/* Basic Tabs  (class suffix: -basic) */

div.current-basic {clear: both; border-width: 1px 1px 1px; border-style: solid; border-color: #ccc; width: 100%; min-height: 460px;}
.qthead-basic ul.qtabs li {background: #eeeeee !important; margin: 0 !important; padding: 0 !important; border-width: 1px 1px 0; border-color: #ccc; border-style: solid; position: relative; bottom: -1px;}
.qthead-basic ul.qtabs li span {display: block; margin: 0; padding: 6px 10px;}
.qthead-basic ul.qtabs li.open {background: #999 !important; z-index: 2;}
.qthead-basic ul.qtabs li.open span {color: #ddd;}
/* End Tab Styles */


#fnimage {float: right; width: 256px; text-align: center; padding: 8px 0 0 0; margin-left: 12px;}
#fnimagev {float: right; width: 220px; text-align: center; padding: 8px 0 0 0;}

span.blue {color: #06c; font-weight: bold; font: helvetica;}
span.red {color: #f09; font-weight: bold; font: helvetica;}



.fncolumn1-2 {float: left; width: 240px; margin: 20px 20px 0 0; padding-top: 5px; text-align: center;}
.fncolumn2-2 {float: left; width: 400px; margin-top: 20px;}
.fnnav1-2 {float: left; width: 240px; margin: 0 20px 20px 0; padding: 5px 0 15px 0;}
.fnnav2-2 {float: left; width: 400px; padding: 5px 0 20px 0; text-align: right;}

.picolumn1-2 {float: left; width: 240px; margin: 20px 20px 0 0; padding-top: 5px; text-align: center;}
.picolumn2-2 {float: left; width: 400px; margin-top: 20px;}
#main .picolumn1-2 h4 {font-size: 14px; padding: 5px 0 5px 1px; margin: 0;}
.pinav1-2 {float: left; width: 240px; margin: 0 20px 20px 0; padding: 5px 0 15px 0;}
.pinav2-2 {float: left; width: 400px; padding: 5px 0 20px 0; text-align: right;}

#fieldnotes {width: 154px; height: 24px; margin: 20px auto 36px; position: relative; z-index: 9998;}
#fieldnotes a {width: 154px; height: 0; padding-top: 24px; display: block; background: url(/global/elements/fpnotes.gif) top left no-repeat; overflow: hidden;}
#fieldnotes a:hover { background-position: 0 -24px; }
#portnav {width: 121px; height: 22px; margin: 0 auto; position: relative; z-index: 9998;}
#portnav li {display: inline;}
#portnav li a {float: left; height: 0; padding-top: 22px; display: block; overflow: hidden;}
#portnav li a.up {width: 29px; background: url(/global/elements/up.gif) top left no-repeat; }
#portnav li a.next {width: 46px; background: url(/global/elements/next.gif) top left no-repeat; }
#portnav li a.prev {width: 46px; background: url(/global/elements/prev.gif) top left no-repeat; }
#portnav li a:hover {background-position: 0 -22px;}

#fieldnav {width: 122px; height: 22px; padding: 0 340px 20px 20px; position: relative; z-index: 9998; float: right;}
#fieldnav li {display: inline;}
#fieldnav li a {float: left; height: 0; padding-top: 22px; display: block; overflow: hidden;}
#fieldnav li a.up {width: 30px; background: url(/global/elements/up.gif) top left no-repeat; }
#fieldnav li a.next {width: 46px; background: url(/global/elements/next.gif) top left no-repeat; }
#fieldnav li a.prev {width: 46px; background: url(/global/elements/prev.gif) top left no-repeat; }
#fieldnav li a:hover {background-position: 0 -22px;}