body { margin:0px; padding:0px; background:url(img/bg-girleffect.png) no-repeat left bottom,url(img/bg-style.jpg) repeat; width:100%; height:1200px;}
 
  /*fonts*/
@font-face {
    font-family: 'Aller';
    src: url('fonts/aller.eot');
    src: url('fonts/aller.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller.woff') format('woff'),
         url('fonts/aller.ttf') format('truetype'),
         url('fonts/aller.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




 /*classes*/
 p.qoute { font-family:'Aller',sans-serif; text-align:right; font-size:20px; line-height:26px; color:#222222;}
 p.title { font-family:'Aller'; font-size:20px; color:#a7003f;}
 p.content {font-family:'Aller'; font-size:13px; line-height:20px; color:#092c49;}

 
 
 /*#mastercontainer { background:url(img/bg-girleffect.png) no-repeat left bottom; width:auto; height:auto;}*/
#top { background-color:#a4003d; width:auto; height:10px; }
#top .top-artistimg { background:url(img/top-artistimg.jpg) repeat-x; width:auto; height:95px; margin-top:10px;}
#top .logo { background:url(img/logo.png) no-repeat; width:341px; height:84px; margin-top:20px; }
#top .topactivebutton { background:url(img/topactivebutton01.png) no-repeat; width:283px; height:89px; margin-top:20px; }
#top .topactivebutton:hover { background:url(img/topactivebutton02.png) no-repeat; width:283px; height:89px; margin-top:20px;  }
#top .pagedivider { background:url(img/pagedivider.png) no-repeat; width:1034px; height:17px; margin:10px 0 0 -50px;  }
 
 
#middle .offercontainer { background:url(img/offer-container.png) repeat; width:829px; height:450px; }
#middle .offercontainer .whatweoffer { background-color:#002b6c; height:450px; width:64px; float:right; margin:-190px 0 0 0;}
#middle .offercontainer .whatweoffer .whatweoffertext { background:url(img/whatweoffer.png) no-repeat; width:33px; height:234px; margin:100px 0 0 15px; }
#middle .offercontainer ul {  padding:0px; margin:40px 0 0 0; padding-left:0px; height:150px; width:230px; }
#middle .offercontainer ul {  padding:0px; margin:40px 0 0 0; padding-left:0px; height:150px; width:230px; }
#middle .offercontainer ul li { list-style:none; }
#middle .music-icons { background:url(img/music-icons.png) no-repeat;width:391px; height:28px; margin-top:40px;}
#middle .promo { background:url(img/promo-background.png) no-repeat; width:887px; height:165px; padding:0px; margin-left:-27px;}
#middle .promo .promo-get { background:url(img/promo-get.png) no-repeat; width:383px; height:47px; float:left; margin:60px 0 0 150px;}
#middle .promo .promo-download{ background:url(img/promo-download002.png) no-repeat; width:272px; height:71px; float:right;  margin:-60px 40px 0px 0px;}
#middle .promo .promo-download:hover{ background:url(img/promo-download001.png) no-repeat; width:272px; height:71px; float:right;  margin:-60px 40px 0px 0px;}
 
 
#footer { background:url(img/footer-bg.jpg) repeat-x; height:74px; margin-top:90px; bottom:0px; }
#footer p.copyright {font-family:'Aller'; font-size:12px; color:#fff; margin-top:30px; }