#adrotator{
	padding:2px;
	margin:0px;
	width:512px;
	height:370px;
	float:left;
	background:76B4DB;
}

#navigation{
	border:solid 0px #000;
	float:left;
	padding:0px;
	margin:5px 15px 0px 205px;
	display:block;

}

.controls{
	float:right;
	width:150px;
	height:16px;
	border:solid 0px #333;
}


.forward, .backward {
	
	background:url(hori_large.png) no-repeat;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:1px;
	text-indent:-9999em;
}

/* next */
.forward 				{ background-position: 0 -15px; clear:right; }
.forward:hover 		{ background-position:-15px -15px; }
.forward:active 	 	{ background-position:-30px -15px; } 


/* prev */
.backward:hover  		{ background-position:-15px 0; }
.backward:active  	{ background-position:-30px 0; }

.pause {
	background:url(pause.png) no-repeat;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:1px;
	text-indent:-9999em;
}


/* next */
.pause:hover  		{ background-position:-15px 0; }
.pause:active  	{ background-position:-30px 0; }

.play {
	background:url(hori_large.png) no-repeat;
	display:inline-block;
	width:15px;
	height:15px;
	font-size:1px;
	text-indent:-9999em;
}


/* next */
.play:hover  		{ background-position:-15px 0; }
.play:active  	{ background-position:-30px 0; }

.red{
	background-color:#ff0000;
	height:50px;
	width:50px;
}