/* Layout
   -------------------------------- */
.layout-grid {
	width: 100%;
}
.layout-grid td.demos {
	background: url('../images/box/box_bg.jpg') no-repeat;
	height: 207px;
	overflow: hidden;
	vertical-align: top;
}
/* Demoflow
   -------------------------------- */
div.demoflow-button-left {
	position: absolute;
	left: -3px;
	top: 151px;
	background: url('../images/demos_arrows_01.png') no-repeat left top;
	width: 52px;
	height: 45px;
	cursor: pointer; cursor: hand;
	z-index: 999;
}
div.demoflow-button-left .bg {
	background: url('../images/demos_arrows_01.png') no-repeat left bottom;
	width: 52px;
	height: 45px;
	position: absolute;
	top: 0;
	left: 0;
}
div.demoflow-button-right {
	position: absolute;
	right: -4px;
	top: 151px;
	background: url('../images/demos_arrows_01.png') no-repeat right top;
	width: 52px;
	height: 45px;
	cursor: pointer; cursor: hand;
	z-index: 999;
}
div.demoflow-button-right .bg {
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/demos_arrows_01.png') no-repeat right bottom;
	width: 52px;
	height: 45px;
}
.demoflow {
	position: relative;
	top: 22px;
	/* left: 0; */
	margin: 0px auto;
	width: 100%; /* 950px; */
	height: 287px;
	/* border: solid 1px #990000; --------------------------------  Box  ---------*/
}
.demoflow div {
	float: left;
	height: 100px;
	width: 75px;
	cursor: pointer; cursor: hand;
}
.ie .demoflow div {
	zoom: 1;
}
.demoflow div {
	border: 1px solid #666;
}
.demoflow div:hover {
	border: 1px solid #666;
	/*opacity: 1 !important;*/
}
.demoflow div img {
	height: 100%;
	width: 100%;
}
.demoflow div.shadow {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: black;
}
.ie .demoflow div.shadow {
	display: none;
}