﻿/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2
{
    background: transparent url(demobox.png) no-repeat bottom right;
}
.cssbox
{
    width: 100% !important; /* intended total box width - padding-right(next) */
    width: 100%; /* IE Win = width - padding */
    padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
    margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head
{
    background-position: top right;
    margin-right: -15px; /* pull the right image over on top of border */
    padding-right: 145px; /* right-image-gap + right-inside padding */
   
}

/* set the top-left image */
.cssbox_head h2
{
    /* reset main site styles*/
    /* ditto */
    height: auto !important;
        border-style: none;
    border-color: inherit;
    border-width: 0;
    background-position: left top;
    margin: 0;
    height: 1%; /* IE Holly Hack */
        padding: 25px 0 10px 25px;
}

/* set the lower-left corner image */
.cssbox_body
{
    background-position: bottom left;
    
    margin-right: 25px; /* interior-padding right */
    padding: 5px 0 10px 25px; /* mirror .cssbox_head right/left */
}

.test
{
    background-position: left top;
    width: 100%;
    height: 100px;
    background-image: url('demobox.png');
    background-color: #C0C0C0;
}

.topleft
{
    background-position: left top;
    background-image: url( 'topleft.Png' );
    width: 20px;
    height: 40px;
}

.topcenter
{
    background-position: center top;
    background-image: url( 'topcenter.png' );
    background-repeat: repeat;
}

.topright
{
    background-position: right top;
    background-image: url( 'topright.png' );
    width: 20px;
}


.containermaster
{
    width: 100%;
    border-color: #000000;
    padding: 0px;
    margin: 0px;
    border-width: 1px;
    height: 100%;
}

.contentleft
{
    background-position: left center;
    background-image: url( 'contentleft.png' );
    width: 20px;
}

.contentcenter
{
    background-color: #FFFFFF;
}

.contentright
{
    background-position: right center;
    background-image: url( 'contentright.png' );
    width: 20px;}

.bottomleft
{
    background-position: left bottom;
    background-image: url(   'bottomleft.png' );
    width: 20px;
}

.bottomcenter
{
    background-position: center bottom;
    background-image: url( 'bottomcenter.png' );
}

.bottomright
{
    background-position: right bottom;
    background-image: url( 'bottomright.png' );
    width: 20px;
}

