/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Plaid Maker                                                 |
  | Cascading Style Sheet                                            |
  | Copyright Apr 2008                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/*
  Below is the CSS needed to create this silly thing
*/

div.cpm {
  margin : auto;
  width : 20em;
  height : 20em;
  position : relative;
  background : #fff url(images/cpm-back.gif) no-repeat 50% 50%;
}

div.cpm span.ul, div.cpm span.ur, div.cpm span.lr, div.cpm span.ll {
  width : 10em;
  height : 10em;
  position : absolute;
  background : transparent url(images/cpm-ctr.gif) no-repeat 50% 50%;
}

div.cpm span.ul {
  top : 0;
  left : 0;
}

div.cpm span.ur {
  top : 0;
  right : 0;
}

div.cpm span.ll {
  bottom : 0;
  left : 0;
}

div.cpm span.lr {
  bottom : 0;
  right : 0;
}

/* End Styles */