.accordionWrapper{display:inline-block; background-color:#fff; overflow:hidden; width:658px; }

.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer; border:1px solid #9ac1c9; color:#005387; background-color:#eee; padding:6px 6px 8px; font-weight:bold; margin-top:5px;  background:url(images/header.gif);}
.accordionWrapper div.content{display:none; border:1px solid #9ac1c9; padding:5px; width:646px; margin-bottom:5px;}


.accordionWrapper .boxgrid{ 
				width: 146px; 
				height: 140px; 
				margin:10px 12px 10px 0px ; 
				float:left; 
				background: url(images/client-gallery-bg.jpg) no-repeat;
				border: solid 0px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				 .boxgrid img{ 
					position: relative; 
					top: 20px; 
					left: 25px; 
					border: 0; 
				}
				.boxgrid h4{ 
					padding: 10px; 
					color:#eee;
					text-align:center;
					font: bold 12px "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #333; 
				height: 100px; 
				width: 146px;
				border: 1px solid #fff; 
				opacity: 1; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 			}
 				.captionfull .boxcaption {
 					top: 160px;
 					left: 0;
 				}