#rotator { position: relative; margin:0; padding:0; }

#rotator .wrapper { position:relative; width:650px; height:310px; border:1px solid #cccccc; background-color:#ffffff; }

#rotator .nav { position:absolute; top:0; right:20px; z-index:30; }
#rotator .nav ul { margin:0; padding:0; }
#rotator .nav li { list-style:none; display:block; float:left; margin:0 3px; text-align:center; border:1px solid white; background-color:#555d73; }
#rotator .nav li.active { background-color:#e2011a; }
#rotator .nav a { font-size:11px; text-decoration:none; display: block; width:14px; line-height:24px; color:#ffffff; }

#rotator .content { position:absolute; top:2px; left:5px; z-index:0; }
#rotator .content ul { margin:0; padding:0; }
#rotator .content li { list-style:none; display:block; float:left; position:absolute; }
#rotator .content img { border:none; }
#rotator .content .active { z-index:10; }
#rotator .content ul li p { background-color:#ffffff; margin-top:-40px; height:30px; width:640px; border-top:1px solid #cccccc; }
#rotator .content ul li p span { line-height:30px; width:640px; font-size:15px; margin:0; padding:5px; background-color:#ffffff; }