/* Karen Marshall--------------------------------------------------------------*/
/* RESET--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	outline: none;
	text-decoration:none;
	border: none;
}

/* GENERAL LAYOUT */
/*------------------------------------------------------------------------------*/

body	{
	background-color: #45475E;
	font-family: verdana, arial, geneva, sans-serif;
	color: #666666;
}

#uberContainer	{
	margin:0 auto;
	width: 966px;
}

#innerContainer	{
	position: relative;
	top: 20px;
	left: 65px;
	width: 837px;
	height: 549px;
	background-color: #ffffff;
}

h1, h2, h3	{
	font-family: Michelangelo, Times New Roman, Times, serif;
	color: #45475E;
	text-indent: -1000em;
	margin-top: 0px;
}

h1 {
	position:absolute;
	left:21px;
	top: 20px;
	width:429px;
	height:31px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 30px;
}

h2	{
	position: absolute;
	top: 39px;
	left: 603px;
	width: 210px;
	height: 12px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	background-position: -502px -19px;
	font-size: 14px;
}

h3 {
	position: absolute;
	top: 95px;
	left: 21px;
	width: 164px; 		/* this will change for portfolios and commercial headers */
	height: 36px;
	font-size: 24px;
	text-indent: -1000em;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	z-index: 100;
}

#topLine	{
	position: absolute;
	top: 55px;
	left: 23px;
	width: 787px;
	height: 1px;
	background-position: -2px -49px;
	background-color: #fff; 
}

#topLine hr	{
	color: #D1D2D7;
	background-color: #D1D2D7;
	height: 1px;
	border: none;
}

#topLinks	{
	position: absolute;
	top: 66px;
	left: 283px;
	width: 528px;
	height: 10px;
	text-align: left; 		/*important - not 'right' - or the text-indent gets messed*/
	border: 0px solid #ff0000;	
}

#topLinks ul, #topLinks li	{
	display: inline;
	margin: 0;
	padding: 0;
}

#topLinks ul.links li a	{
	position: relative;
	display: inline;  
	float:left;
	margin: 0;
	padding: 0;
	height: 10px; /* width varies from link to link */
	font-size: 1px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	text-indent: -2000px;
}

#topLinks ul.links li.about a 		{ width: 44px; background-position: -182px -46px; }
#topLinks ul.links li.new_work a 		{ width: 78px; background-position: -226px -46px;}
#topLinks ul.links li.portfolios a 		{ width: 78px; background-position: -304px -46px; }
#topLinks ul.links li.commercial a 		{ width: 91px; background-position: -382px -46px; }
#topLinks ul.links li.books a 		{ width: 49px; background-position: -473px -46px; }
#topLinks ul.links li.news a 		{ width: 44px; background-position: -522px -46px; }
#topLinks ul.links li.workshops a 		{ width: 82px; background-position: -566px -46px; }
#topLinks ul.links li.contact a 		{ width: 62px; background-position: -648px -46px; }

#topLinks ul.links li.about a:hover 		{ width: 44px; background-position: -182px -58px; }
#topLinks ul.links li.new_work a:hover		{ width: 78px; background-position: -226px -58px;}
#topLinks ul.links li.portfolios a:hover 	{ width: 78px; background-position: -304px -58px; }
#topLinks ul.links li.commercial a:hover 		{ width: 91px; background-position: -382px -58px; }
#topLinks ul.links li.books a:hover 		{ width: 49px; background-position: -473px -58px; }
#topLinks ul.links li.news a:hover 		{ width: 44px; background-position: -522px -58px; }
#topLinks ul.links li.workshops a:hover 		{ width: 82px; background-position: -566px -58px; }
#topLinks ul.links li.contact a:hover 		{ width: 62px; background-position: -648px -58px; }


#mainContent	{
	position: absolute;
	left: 0px;
	top: 140px;
	width: 837px;
}

#mainContent .scrollpane {
	height: 455px;
	overflow: auto;
	border: 0px solid #ff0000;
}

#mainContent .pad {
	margin: 13px;
}

#mainContent p	{
	margin-bottom: 10px;
	line-height: 18px;
}

.table,
.table2	{ margin-bottom: 10px;}

.table2	{ margin-top: -80px;}

a:link, a:visited	{color: #45475E; text-decoration:underline;}
a:active, a:hover	{color: #993300; text-decoration: underline;}

a:link .plainLink, a:visited .plainLink  	{text-decoration:none;}
a:hover .plainLink, a:active .plainLink		{text-decoration: none;}

.copyright	{ 
	position: relative;
	top:10px;
	text-align: center;
	font-size: 10px;
	color: #AAA;
}

#about_portfolio_link	{
	float: right; 
	margin-top: 0px;
	margin-right: -130px;
	width: 150px;
	border: 0px solid #ff0000;
}

#about_portfolio_link ul.a-link li a {
	position: relative;
	display: block;  
	width: 150px;
	height: 12px;
	font-size: 10px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	text-indent:-1000em;
}

#about_portfolio_link ul.a-link li.about a {background-position: -592px -364px; }

#about_portfolio_link ul.a-link li.about a:hover {background-position: -592px -401px; }


#backOne	{                                   
	position: relative;
	left: 0px;
	top: 50px;
	width: 50px;
	height: 12px;
	border: 0px solid #ff0000;
}

#backOne ul.b-link li a {
	display: inline;  
	float:left;
	width: 50px;
	height: 12px;
	text-align: left;
	font-size: 10px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	text-indent:-1000em;
}

#backOne ul.b-link li.back a {background-position: -452px -364px; }

#backOne ul.b-link li.back a:hover {background-position: -452px -401px; }

#prevNext {
	width: 110px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #ff0000;
}

ul.pn-link li {
	display: block;
}

#prevNext ul.pn-link li a {
	position: relative;
	display: block;
	float: left;
	height: 12px;
	font-size: 10px;
	background-image:url('../images/siteDesign/headers.gif');
	background-repeat: no-repeat;
	text-indent:-1000em;
}

#prevNext ul.pn-link li.prev a {background-position: -452px -292px; width: 50px;} /* 56 px w. line */
#prevNext ul.pn-link li.next a {background-position: -450px -220px; width: 54px; }

#prevNext ul.pn-link li.prev a:hover {background-position: -452px -328px; width: 50px; }
#prevNext ul.pn-link li.next a:hover {background-position: -450px -256px; width: 54px; }



.leftText	{ text-align:left; }

.selected	{ display: block; }

li.prev-0 {
	visibility: hidden;
}

li.next- {
	visibility: hidden;
}


/* SCROLLING ------------------------------------------------------------------------ */

a.jScrollArrowUp {
	height: 16px;
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_up.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}

a.jScrollArrowDown {
	height: 16px;
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_down.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

#mainContent a.jScrollArrowUp,
#mainContent a.jScrollArrowDown {
	height: 22px;
}

a.jScrollArrowUp:hover {
	background-color: white;
	background-position: bottom right;
}

a.jScrollArrowDown:hover {
	background-color: white;
	background-position: top right;
}

#sideContent .jScrollPaneTrack {
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_track1.gif');
	background-repeat: no-repeat;
}

#mainContent .jScrollPaneTrack {
	background-color: white;
	background-image: url('/images/siteDesign/scroll/scroll_track2.gif');
	background-repeat: no-repeat;
}

.jScrollPaneDrag {
	background: none;
	background-image: url('/images/siteDesign/scroll/scroll_slider200.png');
}

/* ABOUT (s) */
/*------------------------------------------------------------------------------*/

.HOME .t-height	{
	
}

/* ABOUT (s) */
/*------------------------------------------------------------------------------*/

.ABOUT h3 {	background-position: 0px -76px;} 

.ABOUT #mainContent,
.NEW_WORK_ABOUT #mainContent,
.PORTFOLIOS_ABOUT #mainContent,
.COMMERCIAL_ABOUT #mainContent	{
	margin-left: 0px;
	width: 837px;
	border: 0px solid #ff0000;
}

.ABOUT .table, 
.NEW_WORK_ABOUT .table,
.PORTFOLIOS_ABOUT .table,
.COMMERCIAL_ABOUT .table	{ z-index: 1; }

.ABOUT .leftCell, 
.NEW_WORK_ABOUT .leftCell,
.PORTFOLIOS_ABOUT .leftCell,
.COMMERCIAL_ABOUT .leftCell	{ width: 80px; }

.ABOUT .centerCell, 
.NEW_WORK_ABOUT .centerCell,
.PORTFOLIOS_ABOUT .centerCell,
.COMMERCIAL_ABOUT .centerCell	{ width: 500px; }

.ABOUT .rightCell, 
.NEW_WORK_ABOUT .rightCell,
.PORTFOLIOS_ABOUT .rightCell,
.COMMERCIAL_ABOUT .rightCell	{ width: 60px; }


.ABOUT #mainContent h4,
.NEW_WORK_ABOUT #mainContent h4	{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #363749;
	font-weight: bold;
}

.article{
	width: 600px;
	margin-left: 12px;
	margin-bottom: 40px;
}

/* NEW WORK, PORTFOLIOS */
/*------------------------------------------------------------------------------*/

.NEW_WORK h3,
.NEW_WORK_ABOUT h3 { background-position: 0px -112px; z-index: 200;} 
.PORTFOLIOS h3 { background-position: 0px -148px;}

.NEW_WORK #mainContent {
	margin-left: 0px;
	width: 750px;
	height: 400px;
	border: 0px solid #ff0000;
}

.NEW_WORK .table	{ margin-top: -50px; z-index: 1; }
.table .t-height	{ height: 550px; }
.NEW_WORK .leftCell	{ width: 200px; }
.NEW_WORK .centerCell	{ width: 500px; }
.NEW_WORK .rightCell	{ width: 200px; }

.NEW_WORK #sideContent {
	position: absolute;
	top: 150px;
	left: -60px;
	width: 120px;
	height: 310px;
	overflow: auto;
	background-color: #ffffff;
	border: 1px dotted #cccccc;
	z-index: 10;
	display: block;  /* ??? */
}

.NEW_WORK #sideContent .pad	{
	padding: 0;
	margin: 20px 0px 5px 10px;
	border: 0px dotted red;
}

.NEW_WORK #sideContent .scrollpane {
	height: 265px;
	overflow: auto;
	border: 0px dotted green;
}

.NEW_WORK #sideContent .scrollpane img {
	margin: 0 6px 6px 0;
	padding: 1px;
	border: solid 1px #999999;   /* ??? */
}

.NEW_WORK #sideContent .scrollpane a:hover img  {
	border: solid 1px #993300;  
}

.NEW_WORK #mainContent a.about  {
	margin-left: 300px;
	font-size: 11px;
}

.NEW_WORK .mainImage .bordered  {
	border: 1px solid #666;
}

.NEW_WORK_ABOUT .aboutPortfolio  { 
	margin-bottom: 30px;
	padding-left: 0px;
}

/* PORTFOLIOS ONLY */
/*------------------------------------------------------------------------------*/

.PORTFOLIOS .center	{
	left: 100px;
	width: 660px;
	border: 0px solid #ff0000;
}

.portfolioThumb	{
	float: left;
	margin: 0 8px 8px 8px;
	height: 200px;
}

.portfolioThumb .bordered	{
	padding: 0px;
	border: 1px solid #666666;
}

.portfolioThumb	.caption {
	text-align: center;
	width: 200px;
	font-size: 10px;
	text-decoration: underline;
	margin-top: 4px;
}

/* --- */

td.centerCell {
}

.between-girls h3 	{ background-position: -164px -76px; width: 186px;}
.caretakers-of-the-earth h3	{ background-position: -164px -112px; width: 256px;}
.pennsylvania-in-laws h3	{ background-position: -164px -148px; width: 289px;}
.in-family h3	{ background-position: -164px -184px; width: 124px;}
.holga-portfolio h3	{ background-position: -164px -220px; width: 219px;}
.fair h3	{ background-position: -164px -256px; width: 51px;}
.girls-boys h3	{ background-position: -164px -292px; width: 164px;}
.with-a-rolleiflex h3	{ background-position: -164px -328px; width: 186px;}

.PORTFOLIOS_ID #mainContent,
.COMMERCIAL_ID #mainContent,
.HOME #mainContent	{
	margin-left: 0px;
	width: 750px;
	height: 400px;
	border: 0px solid #ff0000;
}

.PORTFOLIOS_ID .table, .COMMERCIAL_ID .table	{ margin-top: -50px; z-index: 1; }
.PORTFOLIOS_ID .table .t-height, 
.COMMERCIAL_ID .table .t-height	{ height: 550px; }
.PORTFOLIOS_ID .leftCell, .COMMERCIAL_ID .leftCell	{ width: 200px; }
.PORTFOLIOS_ID .centerCell, .COMMERCIAL_ID .centerCell	{ width: 500px; }
.PORTFOLIOS_ID .rightCell, .COMMERCIAL_ID .rightCell	{ width: 200px; }
.HOME .table .t-height	{ height: 450px; }

.PORTFOLIOS_ID #sideContent,
.COMMERCIAL_ID #sideContent {
	position: absolute;
	top: 150px;
	left: -60px;
	width: 120px;
	height: 310px;
	overflow: auto;
	background-color: #ffffff;
	border: 1px dotted #cccccc;
	z-index: 10;
	display: block;  /* ??? */
}

.PORTFOLIOS_ID #sideContent .pad,
.COMMERCIAL_ID #sideContent .pad   {
	padding: 0;
	margin: 20px 0px 5px 10px;
	border: 0px dotted red;
}

.PORTFOLIOS_ID #sideContent .scrollpane,
.COMMERCIAL_ID #sideContent .scrollpane   {
	height: 265px;
	overflow: auto;
	border: 0px dotted green;
}

#sideContent .scrollpane a {
	display: block;
}

.PORTFOLIOS_ID #sideContent .scrollpane img,
.COMMERCIAL_ID #sideContent .scrollpane img	{
	margin: 0 6px 6px 0;
	padding: 1px;
	border: solid 1px #999999;   /* ??? */
}

.PORTFOLIOS_ID #sideContent .scrollpane a:hover img,
.COMMERCIAL_ID #sideContent .scrollpane a:hover img    {
	border: solid 1px #993300;  
}

.PORTFOLIOS_ID #mainContent a.about,
.COMMERCIAL_ID #mainContent a.about   {
	margin-left: 300px;
	font-size: 11px;
}

.PORTFOLIOS_ID .mainImage .bordered,
.COMMERCIAL_ID .mainImage .bordered {
	border: 0px solid #333;
}

.PORTFOLIOS_ID_ABOUT .aboutPortfolio,
.COMMERCIAL_ID_ABOUT .aboutPortfolio{ 
	margin-bottom: 40px;
	padding-left: 0px;
}

/* COMMERCIAL... */
/*------------------------------------------------------------------------------*/

.COMMERCIAL h3 { background-position: 0px -184px;} 

.COMMERCIAL .center	{
	left: 100px;
	width: 660px;
	border: 0px solid #ff0000;
}

.commercialThumb	{
	float: left;
	margin: 0 0px 8px 80px;
	height: 200px;
}

.commercialThumb .bordered	{
	padding: 0px;
	border: 1px solid #666666;
}

.commercialThumb	.caption {
	text-align: center;
	width: 200px;
	font-size: 10px;
	text-decoration: underline;
	margin-top: 4px;
}

.portraits-pr h3	{ background-position: -453px -76px; width: 209px;}
.lifestyle h3	{ background-position: -453px -112px; width: 103px;}
.fashion-advertising h3	{ background-position: -453px -148px; width: 270px;}
.events  h3	{ background-position: -453px -184px; width: 86px;}



/* BOOKS */
/*------------------------------------------------------------------------------*/

.BOOKS h3 { background-position: 0px -220px;} 

.BOOKS #mainContent	{
	margin-left: 0px;
	width: 750px;
	border: 0px solid #ff0000;
}

.BOOKS .table	{ z-index: 1; }
.BOOKS .leftCell	{ width: 40px; }
.BOOKS .centerCell	{ width: 660px; }
.BOOKS .rightCell	{ width: 40px; }

.blurbItem	{
	position: relative;
	left:0px;
	top: 0px;
	width:132px; 
	height:240px; 
	padding:10px;
	float: left;
	margin-right: 20px;
	margin-top: 25px;
	border:1px dotted #a0a0a0;
}

.blurbImage	{
	position:absolute; 
	top:10px; 
	left:10px; 
	padding:0px; 
	margin:0px; 
	border:0px; 
	width:118px; 
	height:100px; 
	line-height:118px; 
	text-align:center;
}

.blurbTitleLink	{
	position:absolute; 
	top:140px; 
	left:10px; 
	width:105px; 
	font:12px Arial, Helvetica, sans-serif;
	line-height:14px;
	overflow:hidden; 
	text-align:left;
}

.blurbTitleLink a {text-decoration:none;}

a:link .blurbLink, a:visited .blurbLink  	{text-decoration:none;}
a:hover .blurbLink, a:active .blurbLink		{text-decoration: none;}

.blurbAuthor	{
	position:absolute; 
	bottom:30px; 
	left:10px;
	font:10px Arial, Helvetica, sans-serif; 
	color:#545454; 
	line-height:15px; 
}

.blurbPreviewLink	{
	position:absolute; bottom:8px; left:10px; font:normal 10px Arial, Helvetica, sans-serif; color:#fd7820; line-height:15px; margin:0px; padding:0px; border:0px;
}


/* NEWS */
/*------------------------------------------------------------------------------*/

.NEWS h3 { background-position: 0px -256px;} 

.NEWS #mainContent	{
	margin-left: 0px;
	width: 650px;
	border: 0px solid #ff0000;
}

.NEWS .table	{ z-index: 1; }
.NEWS .leftCell	{ width: 100px; }
.NEWS .centerCell	{ width: 500px; }
.NEWS .rightCell	{ width: 80px; }

.NEWS #sideContent	{
	position: absolute;
	top: 150px;
	left: -60px;
	width: 120px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px dotted #cccccc;
	z-index: 10;
}

.NEWS #sideContent h4 a.archive {
	font-size: 11px;
	font-weight: bold;
	color: #45475E;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 16px;
}

.NEWS #sideContent ul li	{
	text-transform: capitalize;
	margin-top: 3px;
}

.NEWS #sideContent ul li a	{
	text-decoration: none;
}

.NEWS #sideContent ul	{
	margin-bottom: 20px;
}

.NEWS #mainContent h4	{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #363749;
}

.NEWS #mainContent h4,
.NEWS #mainContent h4 a	{
	text-decoration: none;
	font-size: 13px;
}

.NEWS .posted	{
	font-size: 10px;
}

.NEWS .article	{
	margin-bottom: 40px;
}

/* WORKSHOPS */
/*------------------------------------------------------------------------------*/

.WORKSHOPS h3 { background-position: 0px -292px;} 

.WORKSHOPS #mainContent	{
	top: 160px;
	margin-left: 0px;
	width: 650px;
	border: 0px solid #ff0000;
}

.WORKSHOPS .table	{ z-index: 1; }
.WORKSHOPS .leftCell	{ width: 100px; }
.WORKSHOPS .centerCell	{ width: 500px; }
.WORKSHOPS .rightCell	{ width: 80px; }

.WORKSHOPS #mainContent h4	{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #363749;
}

.WORKSHOPS #mainContent h4,
.WORKSHOPS #mainContent h4 a	{
	text-decoration: none;
	font-size: 13px;
}

.WORKSHOPS .article	{
	margin-bottom: 40px;
}

.workshopVenueInfo	{
	text-align: left;
}

/* OTHERS */
/*------------------------------------------------------------------------------*/

.CONTACT h3 { background-position: 0px -328px;} 

.CONTACT #mainContent	{
	margin-left: 0px;
	margin-top: 50px;
	width: 650px;
	line-height: 18px;
	border: 0px solid #ff0000;
}

.CONTACT .table	{ z-index: 1; }
.CONTACT .leftCell	{ width: 150px; }
.CONTACT .centerCell	{ width: 500px; text-align: center; }
.CONTACT .rightCell	{ width: 150px; }

.CONTACT #mainContent h4	{
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 2px;
	color: #363749;
}

.CONTACT #mainContent h4,
.CONTACT #mainContent h4 a	{
	text-decoration: none;
	font-size: 13px;
}


.COPYRIGHT h3 { background-position: 0px -364px;}

/*------------------------------------------------------------------------------*/

li.prev-0 { display: none; }
li.next-  { display: none; }

a:link.credit	,
a:visited.credit {
	color: #aaaaaa;
	text-decoration: none;
}