#charbg {
background-image:url('bg1.jpg');
background-repeat:no-repeat;
background-attachment: fixed;
background-color:#d2f3fa;
margin:0;padding:0;
background-position:center top;
}

/**
 * author: Thierry Koblentz
 * Copyright 2011 - css-101.org 
 * http://www.css-101.org/articles/ken-burns_effect/css-transition.php
 */
#slides {position:relative; width:692px!important; height:400px; overflow:hidden; border:1px solid #ff66ff; background-color: #fff; margin:0; padding:0;}

#slides img {
  max-width: none;
  position:absolute;
  width:692px;
  height:400px;
  top:0%;
  left:0%;
  padding: 0px;
  margin-left:0px;
  margin-top:0px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 2s, 4s;
  -moz-transition-property: opacity, -moz-transform;
  -moz-transition-duration: 2s, 4s;
  -o-transition-property: opacity, -o-transform;
  -o-transition-duration: 2s, 4s;
  transition-property: opacity, transform;
  transition-duration: 2s, 4s;
}
#slides img  {
  -webkit-transform-origin: bottom left;
  -moz-transform-origin: bottom left;
  -o-transform-origin: bottom left;
  transform-origin: bottom left;
}
#slides :nth-child(2n+1) {
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
}
#slides :nth-child(3n+1) {
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  transform-origin: top left;
}
#slides :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
}
#slides .fx:first-child + img ~ img {
	z-index:-1;
}

#slides .fx-0 {
  -webkit-transform: scale(.9) translate(10px);
    transform: scale(.9) translate(10px);
	  -moz-transform: scale(.9) translate(10px);
  -o-transform: scale(.9) translate(10px);
  opacity:1;
} 
#slides .fx-1 {
  -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
	  -moz-transform: scale(1) translate(0px);
  -o-transform: scale(1) translate(0px);
  opacity:1;
}  
#slides .fx-2 {
  -webkit-transform: scale(1) translate(-12px);
    transform: scale(1) translate(-12px);
	  -moz-transform: scale(1) translate(-12px);
  -o-transform: scale(1) translate(-12px);
  opacity:1;
} 
#slides .fx-3 {
  -webkit-transform: scale(1.2) translate(0px);
    transform: scale(1.2) translate(0px);
	  -moz-transform: scale(1.2) translate(0px);
  -o-transform: scale(1.2) translate(0px);
  opacity:1;
}  
#slides .fx-4 {
  -webkit-transform: scale(1) translate(50px);
    transform: scale(1) translate(50px);
	  -moz-transform: scale(1) translate(50px);
  -o-transform: scale(1) translate(50px);
  opacity:1;
}
#slides .fx-5 {
  -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
	  -moz-transform: scale(1) translate(0px);
  -o-transform: scale(1) translate(0px);
  opacity:1;
}
#slides .fx-6 {
  -webkit-transform: scale(1.1) translate(8px,8px);
    transform: scale(1.1) translate(8px,8px);
	  -moz-transform: scale(1.1) translate(8px,8px);
  -o-transform: scale(1.1) translate(8px,8px);
  opacity:1;
}
#slides .fx-7 {
  -webkit-transform: scale(1) translate(50px);
    transform: scale(1) translate(50px);
	  -moz-transform: scale(1) translate(50px);
  -o-transform: scale(1) translate(50px);
  opacity:1;
}
#slides .fx-8 {
  -webkit-transform: scale(1.1) translate(8px);
    transform: scale(1.1) translate(8px);
	  -moz-transform: scale(1.1) translate(8px);
  -o-transform: scale(1.1) translate(8px);
  opacity:1;
}
#slides .fx-9 {
  -webkit-transform: scale(1) translate(0px);
    transform: scale(1) translate(0px);
	  -moz-transform: scale(1) translate(0px);
  -o-transform: scale(1) translate(0px);
  opacity:1;
}
#slides .fx-10 {
  -webkit-transform: scale(1) translate(16px);
    transform: scale(1) translate(16px);
	  -moz-transform: scale(1) translate(16px);
  -o-transform: scale(1) translate(16px);
  opacity:1;
} 
#slides .fx-11 {
  -webkit-transform: scale(1.1) translate(8px);
    transform: scale(1.1) translate(8px);
	  -moz-transform: scale(1.1) translate(8px);
  -o-transform: scale(1.1) translate(8px);
  opacity:1;
}
#slides .fx-12 {
  -webkit-transform: scale(1.1) translate(-8px);
    transform: scale(1.1) translate(-8px);
	  -moz-transform: scale(1.1) translate(-8px);
  -o-transform: scale(1.1) translate(-8px);
  opacity:1;
}