* {
margin: 0;
padding: 0;
}
body {
width: 810px;
margin: 0 auto;
text-align: center;
font-size: 1em;
line-height: 1.3em;
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
background: #a491c5 url(../images/back-repeat-hearts.gif) repeat left top;
color: #3d304f;
}
div#outer {
width: 750px;
float: left;
padding: 32px 60px 64px 60px;
background: #a491c5 url(../images/back-repeat-dark.gif) repeat left top;
border: 1px dotted #7e6e9b;
}
div.page {
width: 100%;
float: left;
padding-bottom: 30px;
border: 1px dotted #7e6e9b;
border-bottom: none;
}
div.page img {
float: left;
clear: left;
}
#page1 {background: #a491c5 url(../images/heart1/back-repeat.gif) repeat left top;}
#page2 {background: #a491c5 url(../images/heart2/back-repeat.gif) repeat left top;}
#page3 {background: #a491c5 url(../images/heart3/back-repeat.gif) repeat left top;}
#page4 {background: #a491c5 url(../images/heart4/back-repeat.gif) repeat left top;}
#page5 {background: #a491c5 url(../images/heart5/back-repeat.gif) repeat left top;}
#page6 {background: #a491c5 url(../images/heart6/back-repeat.gif) repeat left top;}
#page1, #page5, #page6 {color: #3d304f;}
#page2, #page3 {color: #2d233e;}
#page4 {color: #7e6e9b;}
h1 {
font-size: 120%;
letter-spacing: .2em; 
padding: 20px 0;
text-align: left;
}
.page p {
text-align: left;
margin-right: 30px;
padding: 5px 0;
}
p span {
letter-spacing: .1em; 
font-weight: bold;
}
span.love {
font-size: 120%;
display: block;
text-align: center;
}
p.buttons {
width: 100%;
height: 72px;
float: left;
clear: both;
margin: 0 auto;
border: 1px dotted #7e6e9b;
background: #a491c5 url(../images/buttons/button-back.gif) repeat-x left top;
position: relative;
}
p.buttons span {
display: block;
margin-top: 15px;
font-size: 90%;
}

p.buttons a {
width: 50px;
height: 50px;
display: block;
float: left;
}
p.buttons a img {
text-decoration: none;
border: none;
}
a#slide01 {background: url(../images/buttons/slide_01.gif) no-repeat left top;}
a#slide01:hover {background: url(../images/buttons/slide_01.gif) no-repeat right top;}
a#slide02 {background: url(../images/buttons/slide_02.gif) no-repeat left top;}
a#slide02:hover {background: url(../images/buttons/slide_02.gif) no-repeat right top;}
a#slide03 {background: url(../images/buttons/slide_03.gif) no-repeat left top;}
a#slide03:hover {background: url(../images/buttons/slide_03.gif) no-repeat right top;}
a#slide04 {background: url(../images/buttons/slide_04.gif) no-repeat left top;}
a#slide04:hover {background: url(../images/buttons/slide_04.gif) no-repeat right top;}
a#slide05 {background: url(../images/buttons/slide_05.gif) no-repeat left top;}
a#slide05:hover {background: url(../images/buttons/slide_05.gif) no-repeat right top;}
a#slide06 {background: url(../images/buttons/slide_06.gif) no-repeat left top;}
a#slide06:hover {background: url(../images/buttons/slide_06.gif) no-repeat right top;}
a#allhearts {
background: url(../images/buttons/slide_07.gif) no-repeat left top;
float: right;
}
a#allhearts:hover {background: url(../images/buttons/slide_07.gif) no-repeat right top;}