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

/* 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-id h3,
.new-work-about h3 { background-position: 0px -112px; z-index: 200;} 
.portfolios h3 { background-position: 0px -148px;}

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

.new-work-id .table	{ margin-top: 0px; z-index: 1; }
.table .t-height	{ height: 550px; }
.new-work-id .leftCell	{ width: 200px; }
.new-work-id .centerCell	{ width: 500px; }
.new-work-id .rightCell	{ width: 200px; }

.new-work-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;  /* ??? */
}

.new-work-id #sideContent .pad	{
	padding: 0;
	margin: 20px 0px 5px 10px;
	border: 0px dotted red;
}

.new-work-id #sideContent .scrollpane {
	height: 265px;
	overflow: auto;
	border: 0px dotted green;
}

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

.new-work-id #sideContent .scrollpane a:hover img  {
	border: solid 1px #993300;  
}

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

.new-work-id .mainImage .bordered  {
	border: 1px solid #666;
}

.new-work-about .aboutPortfolio  { 
	margin-bottom: 30px;
	padding-left: 0px;
}

/* portfolios ONLY */
/*------------------------------------------------------------------------------*/

.portfolios .center	{
	position: relative;
	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;
}

/* --- */


.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: 0px; 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;
}

.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	{
	position: relative;
	left: 200px;
	width: 460px;
	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;}

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

body.group {
	
}

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

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

/*------------------------------------------------------------------------------*/
/* PHOTO FRAME */

td {
	border: 0px dotted grey;
}

.mainImage {
	border: 0px dotted red;
	text-align: center;
}

.mainImageFramed,
.mainImageFramed img {
	background-image: url('/images/siteDesign/frame.png');
	background-repeat: no-repeat;
}

.mainImageFramed {
	display: block;
	padding: 5px 0 0 5px;
	margin-left: auto;
	margin-right: auto;
}

.mainImageFramed img {
	display: block;
	padding-right: 5px;
	padding-bottom: 5px;
	margin: 0;
	background-position: bottom right;
}

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

.caretakers-of-the-earth .copyright {
	position: relative;
	top: -145px;
}

.caretakers-of-the-earth #prevNext {
	margin-top: 0px;
}