@charset "UTF-8";
/* CSS Document */

*
{
margin: 0;
padding: 0;
}
#rotator
{
overflow: hidden;
margin: 0px auto 0px;
position: relative;
width: 949px;
height: 460px;
}
#rotator img
{
border: 0;
width: 949px;
height: 460px;
}
p
{
text-align: center;
} 



/* styles transparent bloc to the application follow */

/* styles unrelated to the application follow */



  #demoWrap { 
   padding: 0px;
   margin:0 auto 0 auto; 
   text-align:left; 
   width:1024px; 
   height:539px; 
  }

  #demoDiv {
   height: 300px;
   width: 200px;
   background: url(../images/transcorner2.png);
   text-align: center;
  }

  #demoLink {
   background: url(../images/botons.png) no-repeat;
   cursor: pointer;
   /*
    Here we apply the fix to just one element.
    You can do the same with CLASS selectors...
   */
   behavior: url("../css/iepngfix.htc");
  }

  #demoClass {
   height: 220px;
   width: 200px;
   background-repeat: no-repeat;
   behavior: url("../css/iepngfix.htc");
  }
  .opacity1 {
   background-position: 0px 0px;
   background-image: url(../images/transcorner2.png);
  }
  .opacity2 {
   /* Try CSS sprites :) */
   background-position: 0px 0px;
   background-image: url(../images/transcorner3.png);
  }

  .shadowImg {
   padding: 9px 11px 11px 9px;
   background-image: url(shadow.png);
  }