/*---------------------- SLIDER -------------------------*/ #slide{ margin:20px auto; } .rotator{ background-color:#222; width:961px; height:300px; margin:0px auto; position:relative; font-family:'Myriad Pro',Arial,Helvetica,sans-serif; color:#fff; text-transform:uppercase; letter-spacing:-1px; border:1px solid #aaa; 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:0px; left:0px; } .rotator ul{ list-style:none; position:absolute; right:0px; top:0px; margin-top:6px; z-index:999999; } .rotator ul li{ display:block; float:left; clear:both; width:260px; } .rotator ul li a{ width:230px; float:right; clear:both; padding-left:10px; text-decoration:none; display:block; height:52px; line-height:52px; background-color:#222; margin:1px -20px 1px 0px; opacity:0.7; color:#f0f0f0; font-size:20px; 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{ color: #BF5030; /*text-shadow:0px 0px 2px #fff;*/ } .rotator .heading{ position:absolute; top:0px; left:0px; width:500px; } .rotator .heading h1{ text-shadow:-1px 1px 1px #555; font-weight:normal; font-size:46px; padding:20px; } .rotator .description{ width:500px; height:80px; position:absolute; bottom:0px; left:0px; padding:20px; 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:26px; } a.more{ color:#BF5030; text-decoration:none; text-transform:uppercase; font-size:10px; } a.more:hover{ text-decoration:underline; } /*---------------------- SLIDER end-------------------------*/