.rotator{
	background-color:#222;
	width:470px;
	height:261px;
	position:relative;
	font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:-1px;
	border:3px solid #f0f0f0;
	overflow:hidden;
	-moz-box-shadow:0px 0px 10px #222;
	-webkit-box-shadow:0px 0px 10px #222;
	box-shadow:0px 0px 10px #222;
}
img.bg{
	position:absolute;
	top:-1px;
	left:0px;
	width: 476px;
	height: 265px;
}
.rotator ul{
	list-style:none;
	position:absolute;
	right:0px;
	top:0px;
	margin-top:6px;
	z-index:999999;
	width: 272px;
}
.rotator ul li{
	display:block;
	float:left;
	clear:both;
	width:280px;
}
.rotator ul li a{
	width:125px;
	float:right;
	clear:both;
	padding-left:10px;
	text-decoration:none;
	display:block;
	height:25px;
	line-height:25px;
	background-color:#222;
	margin:1px -20px 1px 0px;
	opacity:0.7;
	color:#f0f0f0;
	font-size:15px;
	border:2px solid #000;
	border-right:none;
	outline:none;
	text-shadow:-1px 1px 1px #000;
	-moz-border-radius:10px 0px 0px 20px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:20px;
	border-top-left-radius:10px;
	border-bottom-left-radius:20px;
}
.rotator ul li a:hover{
      text-shadow:0px 0px 2px #fff;
}
.rotator .heading{
	position:absolute;
	top:164px;
	left:312px;
	width:165px;
	height: 76px;
}
.rotator .heading h1{
    text-shadow:-1px 1px 1px #555;
    font-weight:normal;
    font-size:20px;
    padding:20px;
}
.rotator .description{
	width:295px;
	height:39px;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:5px;
	background-color:#222;
	-moz-border-radius:0px 10px 0px 0px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	opacity:0.7;
	border-top:2px solid #000;
	border-right:2px solid #000;
}
.rotator .description p{
	text-shadow:-1px 1px 1px #000;
	text-transform:none;
	letter-spacing:normal;
	line-height:20px;
	font-size: 13px;
}
a.more{
    color:orange;
    text-decoration:none;
    text-transform:uppercase;
    font-size:10px;
}
a.more:hover{
    color:#fff;
}