#bluetopperframe{
}
#bluetopper{
        background: transparent url(../images/bluetopper.jpg) top left no-repeat;
        float: left;
        margin-right: 15px;
        background-size: contain;
        padding: 0px 0px 0px 0px;
        width: 242px;
        height: 210px;
        max-width: 30%;
        max-height: 20%;
        }  

#actiprotopframe{
}
#actiprotop {
        background: transparent url(../images/actiprotop.jpg) top right no-repeat;
        padding: 20px 380px 0px 0px;
        float: right;
        margin-left: 15px;
        background-size: contain;
        padding: 0px 0px 0px 0px;
        width: 333px;
        height: 223px;
        max-width: 30%;
        max-height: 20%;
        }

#bluetpperbframe{
margin-left: auto;
margin-right: auto;
width: 505px;
max-width: 50%;
		}
#bluetpperb {
        background: transparent url(../images/bluetpperb.jpg) bottom center no-repeat;
        background-size: contain;
        padding: 20% 0px 0px 0px;
        height: 1px;
		}

#bluetppercframe{
margin-left: auto;
margin-right: auto;
width: 320px;
max-width: 50%;
		}
#bluetpperc {
        background: transparent url(../images/bluetpperc.jpg) bottom center no-repeat;
        background-size: contain;
        padding: 30% 0px 0px 0px;
        height: 1px;
		}