@charset "utf-8";
 /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: /images/img.png no-repeat bottom right}
    .cssbox{
	/* intended total box width - padding-right(next) */
      width:335px !important; /* IE Win = width - padding */
	width: 320px;
	/* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
	margin:20px auto;
	background-image: url(../images/img.png);
	background-position: right bottom;
}
    /* set the top-right image */
    .cssbox_head{
	background-position:right top;
	/* pull the right image over on top of border */
      margin-right:-15px;
	/* right-image-gap + right-inside padding */
      padding-right:40px;
	background-image: url(../images/img.png);
}

    /* set the top-left image */
    .cssbox_head h2{
	background-position:left top;
	margin:0; /* reset main site styles*/
	border:0; /* ditto */
	/* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px;
	height:auto !important;
	height:1%;
	background-image: url(../images/img.png);
} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
	background-position:left bottom;
	margin-right:25px; /* interior-padding right */
	padding:15px 0 15px 40px;
	background-image: url(../images/img.png);
} /* mirror .cssbox_head right/left */
#box {
	height: 200px;
	width: 200px;
}
#box #a {
	float: left;
	height: 100px;
	width: 100px;
	background-image: url(../images/img.png);
	background-position: left top;
}
#box #b {
	float: right;
	height: 100px;
	width: 100px;
	background-image: url(../images/img.png);
	background-position: right top;
}
#box #d {
	float: right;
	height: 100px;
	width: 470px;
	background-image: url(../images/Picture2.png);
	background-repeat: no-repeat;
}
#box #c {
	float: right;
	height: 100px;
	width: 100px;
}