/* 3_PortfolioList.css style sheet for layout 3_PortfolioList.aspx */

/*--------------- PROFILES SPECIFIC: DF ADD OR MODIFIED ---------------*/

/*----------------------- CB: PROFILE HOME -------------------------*/
.PortfolioHomeStyle	{font-size: 14px; color:#4E1133; font-weight:normal; line-height: 20px;}
.PortfolioHomeEdit	{font-size: 14px; color:#ffffff; font-weight:normal; line-height: 20px; background-color: #38C2CA; background-image: none;}

.PortfolioHomeStyle a, .PortfolioHomeEdit a {color:#9A297B; text-decoration: none;}
.PortfolioHomeStyle a:hover, .PortfolioHomeEdit a:hover {color:#e03125; text-decoration: none;}


/*----------------------- PORTFOLIO -------------------------*/

#contentInnerBlock	{height: 500px;}

#contentFolioBlock	{position: relative; margin: 15px 15px 0px 20px; padding: 0;}
#ImageLinkMenu {clear: both; position: relative; width: 740px; height:432px; overflow: hidden; z-index: 1;}
#ImageLinkMenuLoader	{position: absolute; top: 0px; left: 0px; width: 740px; height:432px; z-index: 2;}

.portfolioItemContainer {position: relative; float: left; width: 185px; height: 140px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
	.portfolioItem {position: absolute; left: 4px; top: 4px; width: 177px; height: 133px;}
	
		.portfolioImage	{position: absolute; width: 177px; height: 133px; top: 0px; left: 0px; z-index: 1;}
	
		.portfolioOverlayImage {position: absolute; top: 0px; left: 0px; width: 177px; height: 133px; z-index: 2;  visibility: hidden;  cursor: pointer;}
		.portfolioOverlayText {position: absolute; top: 79px; left: 0px; padding: 10px; color: #ffffff; z-index: 3;  visibility: hidden;  cursor: pointer; font-size: 13px; line-height: 16px; font-weight: normal;}
		
		.portfolioOverlayBlockout {position: absolute; width: 177px; height: 133px; top: 0px; left: 0px; visibility: hidden; z-index: 4;}

#contentNavPageNum {color: #ffffff;}

#contentNavArrows {
	position: relative;
	float: left;
	display: inline;
	margin: 5px 0 0 25px;
	padding: 0;
	width: 150px;
}

#contentNavMenus {
	position: relative;
	float: right;
	clear: none;
	display: inline;
	margin:  0px  0px 0px  0px;
	padding: 0;
	width: 600px;
}

.buttonContainer {clear: both; position: relative;}
.industryleftPart {position: absolute; top: 0px; left: 15px;}
.industryrightPart {position: absolute; top: 0px; left: 84px;}
.serviceTypeleftPart {position: absolute; top: 0px; left: 270px;}
.serviceTyperightPart {position: absolute; top: 0px; left: 363px;}
.filterByText {padding: 0 0 0 10px; color: #ffffff; line-height: 32px;}

/*----------------------- SUBMENU NAVIGATION -------------------------*/

.MContainer		{float: left; position: relative;}
.MSPSubContainer{position: absolute; overflow: hidden; top: 28px; left: 7px; min-width: 200px; _min-width: 200px; z-index: 2;}
.MSubContainer	{position: absolute; visibility: hidden; min-width: 170px; _min-width: 170px;}
.MSubHeader		{clear: both; background: url(/images/portfolio-drop-bkg.gif) no-repeat; background-position: 0 -15px; background-color: #771A5D;}
.MSubMenuContainer	{min-width: 200px; _min-width: 200px; padding: 8px 0 0 0;}
.MSubMenu		{float: left; padding: 0 0 0 9px; line-height: 16px;}
.MSubArrow		{float: left; padding: 4px 0 0 5px; display: none;}

.MMenuMid		{cursor: pointer; color: #ffffff; padding-top: 10px;}
.MMenuLeftOn	{float: left;  width: 12px; height: 32px; cursor: pointer; position: relative; z-index: 3;}
.MMenuMidOn		{float: left;  height: 32px; padding: 0 5px 0 5px; cursor: pointer; position: relative; z-index: 4;}
.MMenuRightOn	{float: left;  width: 12px; height: 32px; cursor: pointer; position: relative; z-index: 5;}


.MMenuLeftOff	{float: left; background: url(/images/but-drop-left-blue.gif) no-repeat; width: 12px; height: 32px;}
.MMenuMidOff	{float: left; background: url(/images/but-drop-center-blue.gif) repeat-x; height: 32px; padding: 0 5px 0 5px;}
.MMenuRightOff	{float: left; background: url(/images/but-drop-right-blue.gif) no-repeat; width: 12px; height: 32px;}



/*----------------------- GENERAL CONTENT -------------------------*/

#firstPara	{clear: both; background: url(/images/intro-bkg-red.gif) no-repeat bottom left; padding: 0 0 20px 50px;}


/*----------------------- COPYRIGHT -------------------------*/
#copyrightBlock {color: #4E1133; font: normal 10px/15px Arial, Helvetica, sans-serif;}
#copyrightBlock a	{color: #9A297B; font: normal 10px/15px Arial, Helvetica, sans-serif;}
#copyrightBlock a:hover	{color: #D3BC29;}
#copyrightBlock a:hover	{color: #e03125;}


/*--------------- PORTFOLIO SPECIFIC: ORIGIN ORIGINAL STYLES ---------------*/
body {
	background: #F2F5EA url(/images/body-bkg-blue.gif) repeat-x top left;
	background-attachment:fixed;
}
h4 {
	background: url(/images/h4-bkg-red.gif) no-repeat bottom left;
}
h5 {
	color: #9A297B;
}
#contentLeftWide {
	color: #4E1133;
}
#contentLeftNarrow {
	color: #4E1133;
}
#contentRightWide {
	color: #4E1133;
}
#contentRightNarrow {
	color: #4E1133;
}

h5.challenge {
	background: url(/images/challenge-bkg-red.gif) no-repeat top left;
}
#logoBox {
	background: url(/images/logo-bkg-blue.png) no-repeat top left;
	behavior: url(/includes/iepngfix.htc);
}

#rightBottom {
	width: 522px;
	height: 767px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	_display: none;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background: url(/images/portfolio-rightBottom.png) no-repeat bottom right;
	behavior: url(/includes/iepngfix.htc);
}
#rightBottomSecond {
	width: 330px;
	height: 690px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	_display: none;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	background: url(none) no-repeat right bottom;
	behavior: url(/includes/iepngfix.htc);
}
#rightTop {
	width: 650px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	position: fixed;
	_display: none;
	top: 0px;
	right: 0px;
	z-index: 2;
	background: url(/images/portfolio-gloves.png) no-repeat top right;
	behavior: url(/includes/iepngfix.htc);
}
/* Left Column */
div.noise {
	background: url(/images/noise-seperator-red.gif) no-repeat bottom left;
	margin: 0 0 4px 0;
	padding: 4px 0 16px 0;
}
#noiseBlock p.header {
	background: url(/images/noise-date-bkg-blue.gif) no-repeat top right;
}

#contentTopBlock {
	background: url(/images/portfolio-interface-bkg.png) no-repeat top left;
	
}

#highlights {
	margin: 0;
	padding: 40px 80px 20px 10px;
	width: 280px;
	background: url(/images/highlights-bkg-blue.png) no-repeat top left;
	behavior: url(/includes/iepngfix.htc);
}
#highlights ul {
	width: 260px;
	color: #9A297B;
}
#highlights h5 {
	margin: 0 0 0 25px;
	color: #4E1133;
}
#highlights p {
	width: 280px;
	margin: 0 0 0 25px;
	color: #9A297B;
}