body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #CC99FF;
background-image: url(images/purple_butterflies.gif);
background-repeat: no-repeat;
background-position: 150px center;
}

h1 {
}

h2 {
color: #fff;
font-size: .9em;
margin-top: 0;
margin-bottom: 0;
padding-bottom: .5em;}

h3 {
font-size: 1em;
margin-top: .25em;
margin-bottom: .25em;}

p {
margin-top: 0;
margin-bottom: .5em;
}

a {
color: #306;}

a:hover {
color: #fff;}

ul {
margin-left: 0;
padding-left: 0;}

li {
background-image: url(images/flower.gif);
background-repeat: no-repeat;
background-position: center left;
padding-left: 25px;
margin-right: 15px;
display: inline;
}

.top {
padding-top: .5em;
padding-bottom: 1em;
}

.top ul a {
margin-bottom: 0;
letter-spacing: .3em;
}

.top ul {
margin-top: 0;
margin-bottom: 0;
padding-top: 0em;
padding-left: 1em;
}

.top li.first {
background-image: none;
padding-left: 0px;}

.top h1 {
float: right;
text-align: right;
padding-right: 1em;
margin-top: 1em;
}

.main {
width: 50em;
margin: 0 auto 0 auto;
background-image: url(images/blk_butterflies.gif);
background-position: top right;
background-repeat: no-repeat;
}

.round-top {
background-image: url(images/round-top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 1em;
padding-top: .5em;
}

.content {
height: 100%;
width: 553px;
font-size: .9em;
color: #333; 
background-image: url(images/pixel_shim.gif);
background-repeat: repeat-y; 
border-left: 1px solid #FFF3FE;
border-right: 1px solid #FFF3FE;
padding: 10px;
}

.round-bottom {
margin-top: 0;
font-size: 1px;
height: 10px;
background-image: url(images/round-bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
}

.product {
float: left;
width: 150px;
background-image: url(images/white_square.gif);
background-repeat: no-repeat;
background-position: top;
text-align: center;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1.3em;
}

.product p {
margin-bottom: 0;}

.clear {
clear: left;
text-align: right;
padding-right: 1em;}