.slideDeck {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.slideDeck .card {
	position: relative;
	width: 20px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	background: #fff;
}
.slideDeck .card .cardTitle {
	position: absolute;
	z-index: 200;
	width: 20px;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	background: #e2e2e2;
	cursor: pointer;
	overflow: hidden;
}
.slideDeck .active .cardTitle {
	background: #ffc;
	cursor: default;
}
.slideDeck .card .cardContent {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 100;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.slideDeck .card .cardPreview {
	position: absolute;
	width: 100px;
	height: 100%;
	top: 0;
	left: 20px;
	z-index: 250;
	background: #fcc;
	cursor: pointer;
}

.slideDeck_presentation {
	overflow: visible;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	background: url('http://www.dtelepathy.com/images/slidedeck_presentation_rule.png') center bottom no-repeat;
}
.slideDeck_presentation.last { background: none; }









#solutions_slidedeck {
	height: 307px;
	margin-bottom: 10px;
}
.slideDeck .card {
	overflow: visible;
	width: 28px;
}
.slideDeck .card .cardTitle {
	width: 28px;
	height: 0;
	padding-top: 307px;
	overflow: hidden;
	background: url('/skins/default/images/spines.png');
}
#slide_1 .cardTitle { background-position: 0 0; }
#slide_2 .cardTitle { background-position: -53px 0; }
#slide_3 .cardTitle { background-position: -106px 0; }
#slide_4 .cardTitle { background-position: -159px 0; }
#slide_5 .cardTitle { background-position: -212px 0; }
#slide_6 .cardTitle { background-position: -265px 0; }
#slide_7 .cardTitle { background-position: -318px 0; }
#slide_8 .cardTitle { background-position: -371px 0; }

#slide_1 .cardTitle:hover { background-position: 0 -307px; }
#slide_2 .cardTitle:hover { background-position: -53px -307px; }
#slide_3 .cardTitle:hover { background-position: -106px -307px; }
#slide_4 .cardTitle:hover { background-position: -159px -307px; }
#slide_5 .cardTitle:hover { background-position: -212px -307px; }
#slide_6 .cardTitle:hover { background-position: -265px -307px; }
#slide_7 .cardTitle:hover { background-position: -318px -307px; }
#slide_8 .cardTitle:hover { background-position: -371px -307px; }

.slideDeck .card.active .cardTitle { width: 46px; }
#slide_1.active .cardTitle { background-position: 0 -614px; }
#slide_2.active .cardTitle { background-position: -53px -614px; }
#slide_3.active .cardTitle { background-position: -106px -614px; }
#slide_4.active .cardTitle { background-position: -159px -614px; }
#slide_5.active .cardTitle { background-position: -212px -614px; }
#slide_6.active .cardTitle { background-position: -265px -614px; }
#slide_7.active .cardTitle { background-position: -318px -614px; }
#slide_8.active .cardTitle { background-position: -371px -614px; }

.slideDeck .card .previewNext {
	position: absolute;
	z-index: 300;
	top: 0;
	left: 0;
	width: 53px;
	height: 0;
	padding-top: 307px;
	overflow: hidden;
	cursor: pointer;
	background: url('/skins/default/images/spines.png');
}
#slide_1 .previewNext { background-position: 0 -921px; }
#slide_2 .previewNext { background-position: -53px -921px; }
#slide_3 .previewNext { background-position: -106px -921px; }
#slide_4 .previewNext { background-position: -159px -921px; }
#slide_5 .previewNext { background-position: -212px -921px; }
#slide_6 .previewNext { background-position: -265px -921px; }
#slide_7 .previewNext { background-position: -318px -921px; }
#slide_8 .previewNext { background-position: -371px -921px; }

#slide_1 .previewNext:hover { background-position: 0 -1228px; }
#slide_2 .previewNext:hover { background-position: -53px -1228px; }
#slide_3 .previewNext:hover { background-position: -106px -1228px; }
#slide_4 .previewNext:hover { background-position: -159px -1228px; }
#slide_5 .previewNext:hover { background-position: -212px -1228px; }
#slide_6 .previewNext:hover { background-position: -265px -1228px; }
#slide_7 .previewNext:hover { background-position: -318px -1228px; }
#slide_8 .previewNext:hover { background-position: -371px -1228px; }

.slideDeck .card .cardContent {
	top: 4px;
	left: 28px;
	height: 300px;
}
#slide_1 .cardContent { background: url('/skins/default/images/slide1.png'); }
#slide_2 .cardContent { background: url('/skins/default/images/slide2.png'); }
#slide_3 .cardContent { background: url('/skins/default/images/slide3.png') -70px 0; }
#slide_4 .cardContent { background: url('/skins/default/images/slide4.png'); }
#slide_5 .cardContent { background: url('/skins/default/images/slide5.png'); }
#slide_6 .cardContent { background: url('/skins/default/images/slide6.png'); }
#slide_7 .cardContent { background: url('/skins/default/images/slide7.png'); }
#slide_8 .cardContent { background: url('/skins/default/images/slide8.png') -20px 0;}


.slideDeck .card .box_text {
	width: 227px;
	height: 300px;
	padding: 24px 0 0 22px;
	background: url('/skins/default/images/0.png');
}
.slideDeck .card .box_text h2 {
	font-size: 24px;
	color: #f8951b;
	font-style: italic;
	font-weight: normal;
	margin: 0;
}
.slideDeck .card .box_text h4 {
	font-size: 17px;
	color: #ccc;
	font-weight: normal;
	margin: 0 0 15px;
}
.slideDeck .card .box_text p {
	color: #fff;
	font-size: 1.2em;
	padding:5px 20px 5px 0;
	margin:  0;
}

.slideDeck .card .cardPreview { left: 28px; }