html, body{ padding:0; margin:0; }
body{ height:100%; width:100%; }

#content{ margin: 0 auto; width:390px; height:220px; overflow:hidden; margin-top: 15%; }


.brand-button{ width:175px; height:220px; float: left; }
.brand-button .left,
.brand-button .right{ height: 100%; background-image: url(seperator.png); background-repeat: no-repeat; }

.brand-button .left{ background-position:left top; padding-left:15px; }
.brand-button .right{ background-position:right top; padding-right:15px; }
.brand-button .center{ background-color:#ffffff; height:124px; padding: 48px 4px; }

.brand-button-seperator{ width:40px; height:220px; float: left; font-size: 1px; line-height:0px; text-indent:-9999px; }

#iksir, #samys{ display:block; width:132px; height:124px; text-indent: -9999px; background-image:url(brands.jpg); background-repeat:no-repeat; }
#iksir{ background-position:-132px 0px; }
#iksir:hover{ background-position:-132px -124px; }
#samys{ background-position:0px 0px; }
#samys:hover{ background-position:0px -124px; }