#imgTransitionDefault {
	position:absolute;	
}

#contentContainer-portfolio {
	position:relative;
	
	width:1026px; /* width:1200px; */
	height:449px;
	/*border: 5px solid #FFF;*/
	/*background-image: url(../graphics/50pctBlk1px.png); */
	background-color:#FFF; /* background-color:#F5F2ED; */
	z-index:2;
	overflow:hidden;
}
#contentContainer-pdf {
	position:relative;
	width:1026px; /* width:1200px; */
	z-index:2;
}
/*#contentContainer {
	position:relative;
	width:1026px;
	height:449px;
	border: 5px solid #FFF;
	z-index:2;
}
#contentContainer-pages {
	position:relative;
	width:1026px;
	height:100%;
	min-height:459px;
	border: 5px solid #FFF;
	background-color:#F5F2ED;
	z-index:2;
}*/
#contentContainer-newsletter {
	position:relative;
	width:1026px; /* width:1200px; */
	/*width:1108px;*/
	height:1229px;
	border: 5px solid #FFF;
	/*background-image: url(../graphics/50pctBlk1px.png); */
	background-color:#F5F2ED;
	z-index:2;
}
/* for compatibility */
#contentContainer-alt {
	position:relative;
	width:910px;
	height:460px;
	z-index:2;
}
#contentContainer-altlogin {
	position:relative;
	width:910px;
	height:460px;
	z-index:2;
	background-image: url(../graphics/image1.jpg);
	background-repeat:no-repeat;
}


#contentContainer-portfolio #navigator {
	position:absolute;
	top:0px;
	width:50px;
	height:235px;
	
	/* don't use display:none */ 
	opacity: 0.0;    
	filter: alpha(opacity=0); /* older IE compatibility */
	
	z-index:140; /* above images but below thumb nav and keys nav */
}
#contentContainer-portfolio .leftNavigator {
	left:0px;
	background-image:url(../graphics/arrow_cursor_left.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	
}
#contentContainer-portfolio .rightNavigator {
	left:976px;
	background-image:url(../graphics/arrow_cursor_right.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
#contentContainer-portfolio .leftNavigator:hover {
	background-image:url(../graphics/arrow_cursor_left.png);
}
#contentContainer-portfolio .rightNavigator:hover {
	background-image:url(../graphics/arrow_cursor_right.png);
}

#imagedisplay {
	opacity: 0.0;    
	filter: alpha(opacity=0); /* older IE compatibility */
}

#image-display-controls .navControl {
	width:21px;
	height:21px;

	float:left;
	
	background-image:url(../graphics/location_indicator_box_6px_off.png);
	background-position:center;
	background-repeat:no-repeat;
}
#image-display-controls .navControl:hover {
	background-image:url(../graphics/location_indicator_box_6px_on.png);
}
#image-display-controls .onSelected {
	background-image:url(../graphics/location_indicator_box_6px_on.png);
}

#imagedisplay .thumb {
	/* width and height applie by PHP */
	/*width:252px;
	height:146px;*/
	float:left;

	background-image:url(../graphics/portfolio_grid_overlay_2px.png); /* background is displayed when HOVER fades the overlaying image  */
}
#imagedisplay .thumb IMG:hover {
	
	/*opacity: 0.25;    
	filter: alpha(opacity=25);*/ /* older IE compatibility */
		
	/* This is the main method. If the canvas area intercepts, then
	   the opacity is controllbed by $.imageProxyMouseOver in jquery_portfolio_transitions_events.js */
}

#imagedisplay .thumbColSpacer {
	/* dimensions handled by PHP */
	float:left;
}
#imagedisplay .thumbRowSpacer {
	/* dimensions handled by PHP */
	position:relative;
	float:none;
	clear:both;
}
#imagedisplay .previewHeader {
	position: relative;
	/* PHP handles width to allow for mobile devices */
	height:18px; /* 113px */
	/*color:#000000;*/
	/*background-color:#FEFDF5;*/
	background-image:url(../graphics/70pct_white_1px.png);
	
	font-size:13px;
	font-weight:bold;

	padding-top:3px;
	top:48px;
	/*padding-left:9px;*/
	text-align:center;
	opacity: 0.0;    
	filter: alpha(opacity=0); /* older IE compatibility */
}
#contentContainer-portfolio #content-display {
	position:absolute;
	left:0px;
	top:0px;
	width:1026px; /* width:1200px; */
	height:449px;
	z-index:0;
}
#contentContainer-portfolio #content-display #image-display-container {
	position:relative;
	left:0px;
	top:0px;
	width:1026px; /* width:1200px; */
	height:449px;
	overflow:hidden;
}
#contentContainer-portfolio #imagedisplay {
	position:relative;
	left:0px;
	top:0px;
	width:1000px;
	height:401px;
}
#contentContainer-portfolio #image-display-controls {
	position:relative;
	height:58px;
	/*float:none;
	clear:both;*/
}
#portfolioNav #slideshowNumSequence {
	position:absolute;
	/*top:3px;*/
	width:100%;
	display:none;
}
#portfolioNav #slideshowNumSequence #slideRight {
	height:12px;
	width:12px;
	float:right;
	background-image:url(../graphics/portfolio/rightArrow.gif);
	background-repeat:no-repeat;
	background-position:center;
}

/*

#portfolioNav #slideshowCaption #slideLeftCap AND portfolioNav #slideshowCaption #slideRightCap
have been moved into the wwwmain.css because they have mobile equivalences.

*/


#portfolioNav #slideshowCaption #lastImageCap {
	padding-left:5px;
	width:13px;
	float:left;
}
#portfolioNav #slideshowCaption #ofImageCap {
	font-style:italic;
	padding-left:3px;
	width:15px;
	float:left;
}
#portfolioNav #slideshowCaption #currentImageCap {
	padding-left:5px;
	width:10px;
	float:left;
}
#portfolioNav #slideshowNumSequence #slideLeft {
	height:12px;
	width:12px;
	float:right;
	background-image:url(../graphics/portfolio/leftArrow.gif);
	background-repeat:no-repeat;
	background-position:center;
}
#portfolioNav #slideshowNumSequence #lastImage {
	padding-right:5px;
	width:13px;
	float:right;
}
#portfolioNav #slideshowNumSequence #ofImage {
	font-style:italic;
	padding-right:3px;
	width:13px;
	float:right;
}
#portfolioNav #slideshowNumSequence #currentImage {
	padding-right:5px;
	width:13px;
	float:right;
}
#content-sidebar {
	position:absolute;
	left:-155px;
}
#contentContainer-newsletter #newsletter {
	position:absolute;
	left:0px;
	top:0px;
	width:1026px; /* width:1200px; */
	height:1229px;
	overflow:hidden;
	background-color:#CCC;
}
#portfolioNav #slideshowCaption {
	position:absolute;
	left:25px;
	top:0px;
	display:none;
}
#portfolioNav #slideshowCaption #caption {
	font-weight:bold;
	padding-right:5px;
}