#SamplesContentPanes
{	 width: 600px;
	 float: left;
	 background-color: #ffffff;
	 font-family: Perpetua, Arial, 'Times New Roman';
	 font-size: 18px;
}
#SamplesContentPanesContent
{	 float: left;
	 background-color: #ffffff;
	 font-family: Perpetua, Arial, 'Times New Roman';
	 font-size: 18px;
	 width: 550px;
}
#navBarMainSamples
{  background-color: #e5ede7;
	 width: 153px;
	 height: 305px;
	 float: left;
	 text-align: center;
	 font-weight: bold;
	 font-family: Arial, 'Times New Roman';
	 font-size: 15px;
}
#navBarMainSamples a
{	 text-decoration: none;
	 color: #ffffff;
}
#navBarMainSamples h1
{  text-align: center;
	 font-weight: bold;
	 font-family: Arial, 'Times New Roman';
	 font-size: 15px;
}
#borderRightSamples
{  background: url(../images/AboutUs/contentBotRight.jpg) no-repeat bottom right;
	 width: 25px;
	 height: 535px;
	 float: right;
	 background-color: #e5ede7;
}
#borderRightBlackSamples
{  width: 12px;
   height: 495px;
	 background-color: #000000;
   float: right;
}
#borderRightGraySamples
{  width: 8px;
	 height: 495px;
	 background-color: #4d4d4d;
	 float: right;
}
#borderLeftBlackSamples
{  width: 12px;
   height: 182px;
	 background-color: #000000;
   float: left;
}
#borderLeftGraySamples
{  width: 8px;
	 height: 182px;
	 background-color: #4d4d4d;
	 float: right;
}
#contentBorderLeftSamples
{  background: url(../images/AboutUs/contentBotLeft.jpg) no-repeat bottom right;
	 width: 20px;
	 height: 202px;
	 float: right;
}
.navPaneSamples
{	 width: 153px;
	 float: left;
	 height: 535px;
}
#businessFormsPiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/BusinessFormsPiece.jpg) no-repeat top left;
   width: 71px;
	 height: 130px;
	 float:left;
	 margin-right:20px;
	 margin-top:-26px;
	 padding:0px;
}
#businessFormsPiece:hover
{  background: url(../images/SamplesOfOurWork/BusinessFormsPiece.jpg) no-repeat top left;
   width: 85px;
	 height: 130px;
	 float:left;
	 margin-right:6px;
	 margin-top:-26px;
	 padding:0px;
}
#businessIntelligencePiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/BusinessIntelligencePiece.jpg) no-repeat top left;
   width: 66px;
	 height: 60px;
	 float:left;
	 margin-right:30px;
	 padding:0px;
}
#businessIntelligencePiece:hover
{  background: url(../images/SamplesOfOurWork/BusinessIntelligencePiece.jpg) no-repeat top left;
   width: 110px;
	 height: 101px;
	 float:left;
	 margin-right:6px;
	 margin-left:-20px;
	 margin-top:-20px;
	 padding:0px;
}
#contentManagementPiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/ContentManagementPiece.jpg) no-repeat top left;
   width: 68px;
	 height: 61px;
	 float:left;
	 margin-right:30px;
	 padding:0px;
}
#contentManagementPiece:hover
{  background: url(../images/SamplesOfOurWork/ContentManagementPiece.jpg) no-repeat top left;
   width: 114px;
	 height: 103px;
	 float:left;
	 margin-right:4px;
	 margin-left:-20px;
	 margin-top:-21px;
	 padding:0px;
}
#portalPiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/PortalPiece.jpg) no-repeat top left;
   width: 50px;
	 height: 77px;
	 float:left;
	 margin-right:30px;
	 padding:0px;
}
#portalPiece:hover
{  background: url(../images/SamplesOfOurWork/PortalPiece.jpg) no-repeat top left;
   width: 84px;
	 height: 129px;
	 float:left;
	 margin-right:16px;
	 margin-left:-20px;
	 margin-top:-26px;
	 padding:0px;
}
#collaborationPiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/CollaborationPiece.jpg) no-repeat top left;
   width: 67px;
	 height: 62px;
	 float:left;
	 margin-right:31px;
	 padding:0px;
}
#collaborationPiece:hover
{  background: url(../images/SamplesOfOurWork/CollaborationPiece.jpg) no-repeat top left;
   width: 112px;
	 height: 104px;
	 float:left;
	 margin-right:6px;
	 margin-left:-20px;
	 margin-top:-21px;
	 padding:0px;
}
#searchPiece
{  background: url(../images/SamplesOfOurWork/SmallSharePointPieces/SearchPiece.jpg) no-repeat top left;
   width: 90px;
	 height: 127px;
	 float:left;
	 margin-top:-23px;
	 padding:0px;
}
#searchPiece:hover
{  background: url(../images/SamplesOfOurWork/SearchPiece.jpg) no-repeat bottom right;
   width: 111px;
	 height: 127px;
	 float:left;
	 margin-left:-21px;
	 margin-top:-23px;
	 padding:0px;
}
#businessFormsPieceSelected
{  background: url(../images/SamplesOfOurWork/BusinessFormsPiece.jpg) no-repeat top left;
   width: 85px;
	 height: 130px;
	 float:left;
	 margin-right:6px;
	 margin-top:-26px;
	 padding:0px;
}
#businessIntelligencePieceSelected
{  background: url(../images/SamplesOfOurWork/BusinessIntelligencePiece.jpg) no-repeat top left;
   width: 110px;
	 height: 101px;
	 float:left;
	 margin-right:6px;
	 margin-left:-20px;
	 margin-top:-20px;
	 padding:0px;
}
#contentManagementPieceSelected
{  background: url(../images/SamplesOfOurWork/ContentManagementPiece.jpg) no-repeat top left;
   width: 114px;
	 height: 103px;
	 float:left;
	 margin-right:4px;
	 margin-left:-20px;
	 margin-top:-21px;
	 padding:0px;
}
#portalPieceSelected
{  background: url(../images/SamplesOfOurWork/PortalPiece.jpg) no-repeat top left;
   width: 84px;
	 height: 129px;
	 float:left;
	 margin-right:16px;
	 margin-left:-20px;
	 margin-top:-26px;
	 padding:0px;
}
#collaborationPieceSelected
{  background: url(../images/SamplesOfOurWork/CollaborationPiece.jpg) no-repeat top left;
   width: 112px;
	 height: 104px;
	 float:left;
	 margin-right:6px;
	 margin-left:-20px;
	 margin-top:-21px;
	 padding:0px;
}
#searchPieceSelected
{  background: url(../images/SamplesOfOurWork/SearchPiece.jpg) no-repeat top left;
   width: 111px;
	 height: 127px;
	 float:left;
	 margin-left:-21px;
	 margin-top:-23px;
	 padding:0px;
}
#piecesContainer
{  width:553px;
	 height:104px;
	 float:left;
	 padding:30px 0 0 0;
	 display:inline;
}
#hookLeft
{  background: url(../images/SamplesOfOurWork/leftHook.jpg) no-repeat bottom right;
   width: 24px;
	 height:134px;
	 float:left;
	 padding:0px;
	 margin-right:0px;
}
#hookRight
{  background: url(../images/SamplesOfOurWork/rightHook.jpg) no-repeat bottom left;
   width: 11px;
	 height:134px;
	 float:left;
	 padding:0px;
}
#hookBase
{  background: url(../images/SamplesOfOurWork/hookBase.jpg) no-repeat top left;
   width:550px;
	 height:22px;
	 float:left;
	 padding:0px;
}
#businessFormsTitle
{  background: url(../images/SamplesOfOurWork/BusinessFormsTitle.jpg) no-repeat top left;
   width:172px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#businessIntelligenceTitle
{  background: url(../images/SamplesOfOurWork/BusinessIntelligenceTitle.jpg) no-repeat top left;
   width:227px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#contentManagementTitle
{  background: url(../images/SamplesOfOurWork/ContentManagementTitle.jpg) no-repeat top left;
   width:228px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#portalTitle
{  background: url(../images/SamplesOfOurWork/PortalTitle.jpg) no-repeat top left;
   width:67px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#collaborationTitle
{  background: url(../images/SamplesOfOurWork/CollaborationTitle.jpg) no-repeat top left;
   width:144px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#searchTitle
{  background: url(../images/SamplesOfOurWork/SearchTitle.jpg) no-repeat top left;
   width:76px;
	 height:25px;
	 float:left;
	 margin:0px;
	 padding:0px;
}
#bulletinBoard
{  background: url(../images/SamplesOfOurWork/bulletinBoard.jpg) no-repeat top center;
   width:572px;
	 height:365px;
	 float:left;
	 margin:0px;
	 padding:0px;
}