#infoDetail {
	width:480px;
	background:#272E38;
	float:left;
	display:inline;
}
#infoDetail h2 {
	text-indent:-9000px;
}
.panel {
	overflow: hidden;
	text-align: left;
	color:white;
	background: url(../img/layout/tab-bg.jpg) repeat-y #272E38;
	z-index:8;
	position:relative;
	padding:10px 0;
	width:444px;
	float:left;	
}
.panel p, .panel ul, .panel h3 {
	width:384px;
	padding:0 10px;
	padding-left:46px;	
}
.panel p { text-align:justify;}
#details, #components {
	overflow: hidden;	
	width:36px;
	height:200px;
	position:absolute;
	top:0;
	left:0;
}
#details.projects { background-image:url(../img/layout/proj-details.png); background-repeat:no-repeat; }
#components.projects  { background-image:url(../img/layout/proj-comps.png); background-repeat:no-repeat;}
#details.products { background-image:url(../img/layout/prod-details.png); background-repeat:no-repeat; }
#components.products  { background-image:url(../img/layout/prod-comps.png); background-repeat:no-repeat;}
#details, #components { background-position:10px 10px; }
#details:hover, #components:hover, #details.selected, #components.selected { background-position:-26px 10px; }
#components:hover, #details:hover { cursor: pointer; }