#samples-text {
			width: 330px;
			float: left;
		}
		.sampleButton {
			width:200px;
			font-weight:bold;
			font-size:18px;
			color:#FFFFFF;
			text-align:center;
			margin-right:auto;
			margin-left:auto;
			height:30px;
			line-height:30px;
			border:2px solid black;
			background-color:#3366FF;
			text-decoration:none;
			cursor:pointer;
		}
		
		#dlContainer {
			font-size: 10px;
			border: 0.1em solid #DBDADA;
			margin: 1em 1em 2em;
			padding: 0.8em;
			height: 275px;
			width: 400px;
		}
			#dl {
				display: none;
				position: relative;
				height: 275px;
				width: 398px;
				overflow: hidden;
				position: relative;
				font-family: Helvetica, Arial, sans-serif
			}
				#dl a img {
					border: none;
				}
				#dl .slide {
					width: 100%;
					height:100%;
					position: absolute;
				}
				#dl .slideImageDiv {
					height:100%;
					width:100%;
				}
				#dl .slideContent {
					bottom: 0;
					height: 0px;
					left: 0;
					display: none;
					margin-top: 20em;
					overflow: hidden;
					position: absolute;
					z-index: 10;
					width: 100%;
					background-color:none;
				}
					#dl .slideContentOpacity {
						background-color: #000000;
						bottom: 0;
						height: 6.6em;
						left: 0;
						opacity: 0.5;
						position: absolute;
						width: 100%;
						z-index: -1;
					}
					#dl .slideContent h2 {
						color: #FFFFFF;
						font-size: 1.7em;
						font-weight: bold;
						line-height: 1em;
						margin: 0.6em 0.3em 0.2em 0.45em;
						padding: 0;	
					}
					#dl .slideContent h3 {
						color:#FFFFFF;
						font-size: 1.1em;
						font-weight: bold;
						line-height: 1.1em;
						margin: 0 0 0 0.9em;
						padding: 0;
						top: 2.8em;
					}
					#dl .slideContent .slideAction {
						color: #EEBE40;
						font-size: 1.1em;
						font-weight: bolder;
						margin: 0 0 0 0.9em;
					}
					#dl .slideContent .slideAction a {
						color: #EEBE40;
					}
			#dl .slideCredit {
				position: absolute;
				top: 19em;
				font-family: arial;
				color: #fff;
				right: 0;
				margin-right: 1em;
			}
			#dl .slideButtons {
				right: 0.3em;
				top: 24.5em;
				position: absolute;
				color: #FFFFFF;
				position: absolute;
				z-index: 20;
			}
			#dl .slideButtons h5 {
				display: inline;
				float: left;
				font-size: 1.8em;
				line-height: 1em;
				margin: 0 0.2em;
				padding: 0 0.4em;
				text-indent: -9999em;
				width: 0.2em;
			}
				#dl .slideButtons h5.previous {
					background: transparent url(dl-buttons.png) no-repeat 0 0 ;
					cursor: pointer;
				}
				#dl .slideButtons h5.previous:hover, .slideButtons h5.grayPrevious {
					background: transparent url(dl-buttons.png) no-repeat 0 -18px;
				}
				#dl .slideButtons h5.pause {
					background: transparent url(dl-buttons.png) no-repeat -27px 0;
					cursor: pointer;
				}
				#dl .slideButtons h5.pause:hover, .slideButtons h5.grayPause {
					background: transparent url(dl-buttons.png) no-repeat -27px -18px;
				}
				#dl .slideButtons h5.play {
					background: transparent url(dl-buttons.png) no-repeat -52px 0;
					cursor: pointer;
				}
				#dl .slideButtons h5.play:hover, .slideButtons h5.grayPlay {
					background: transparent url(dl-buttons.png) no-repeat -52px -18px;
				}
				#dl .slideButtons h5.next {
					background: transparent url(dl-buttons.png) no-repeat -80px 0;
					cursor: pointer;
				}
				#dl .slideButtons h5.next:hover, .slideButtons h5.grayNext{
					background: transparent url(dl-buttons.png) no-repeat -80px -18px;
				}