body{

? font-family:Gerorgia,serif;

? background:#ddd;

? font-weight:400;

? font-size:15px;

? color:#333;

? overflow:hidden;

? -webkit-font-smoothing:antialiased;

}

a{

? text-decoration:none;

? color:#555;

}

.clr{

? width:0;

? height:0;

? overflow:hidden;

? clear:both;

? padding:0;

? margin:0;

}

.st-container{

? width:100%;

? height:100%;

? position:absolute;

? left:0;

? top:0;

? font-family:"Josefin Slab","Myriad Pro",Arial,sans-serif;

}

.st-container > input,

.st-container > a{

? width:20%;

? height:34px;

? line-height:34px;

? position:fixed;

? bottom:0;

}

.st-container > input}{

? opacity:0;

? z-index=1000;

}

.st-container > a{

? z-index:10;

? font-weight:700;

? font-size:16px;

? background:#e23a6e;

? text-align:center;

? color:#fff;

? text-shadow:1px 1px 1px rgba(151,24,64,0.2);

}

#st-control-1,#st-control-1 + a{

? left:0%;

}

#st-control-2,#st-control-2 + a{

? left:20%;

}

#st-control-3,#st-control-3 + a{

? left:40%;

}

#st-control-4,#st-control-4 + a{

? left:60%;

}

#st-control-5,#st-control-5+ a{

? left:80%;

}

.st-container input:checked + a,

.st-container input:checked:hover + a{

? background:#821134;

}

.st-container input:checked + a:after{

? content:"";

? width:0;

? height:0;

? overflow:hidden;

? border:20px solid transparent;

? border-bottom-color:#821134;

? position:absolute;

? bottom:100%;

? left:50%;

? margin-left:-20px;

}

.st-container input:hover + a{

? background:#AD244F;

}