div.controls { 
			width: 740px;
			position:relative;
			height:8px;
			margin: 12px auto 0;
			padding:5px 0 0;
		}
		
		div.controls div.play, div.controls div.pause { 
			position:relative;
			width: 18px;
			height:10px;
			text-indent:-999em;
			cursor:pointer;
			overflow:hidden;
			background: url(../img/play_pause.gif) center top no-repeat;
			margin-top: -10px;
		}
		
		div.controls div.pause { 
			background-position:center -10px;
		}
		
		div.controls div.track { 
			position:absolute;
			top:-6px;	
			height:18px;
			left:20px;
			background:url(../img/track.gif) no-repeat;
			text-align:left;
			cursor:pointer;
			width:722px;	
		}
		
		div.controls div.playhead { 
			position:absolute;	
			height:12px;
			background:url(../img/playhead.png) no-repeat;
			cursor:pointer;
			top:0px; 
			width:12px;
		}
		
		div.controls div.progress, div.controls div.buffer {	
			background-color:#fff;
			height:6px;
			margin:3px 4px;
			width:0px;
			position:absolute;
			top:0;
			font-size:0px;	
			max-width:710px;
		}
		
		div.controls div.buffer {
			background-color:#999;
		}
		
		/* som proprietary styling for progress bar under mozilla */
		div.controls div.progress {
			-moz-border-radius-bottomleft:2px;
			-moz-border-radius-topleft:2px;	
		}

		.box {
			width: 720px;
			height: 403px;
			outline:1px solid #999;
			border:2px solid #fff;
			background-color:#f0f1f2;
			margin:10px 0 15px 0;
			padding: 5px;
			
			/* outline radius */
			outline-radius:4px;
			-moz-outline-radius:4px;
			-webkit-outline-radius:4px;	
			background-color: #FFF;
			margin: 25px auto 0;
		}