body {
font-family:"Comic Sans MS",Georgia,"Times New Roman",Times, serif;
font-size:1.2em;
background-image:url(Images/soft%20pink%20background%20tile.gif);
background-repeat:repeat;
color:#60007F;
margin:0;
}

#container {
background-image:url(Images/Janes_heart_background.jpg);
background-repeat:repeat;
height:auto;
width:960px;
border-right-width:18px;
border-left-width:18px;
border-right-style:double;
border-left-style:double;
border-right-color:#F7C8E3;
border-left-color:#F7C8E3;
padding-bottom:10px;
margin:0 auto;
}

.paragraph {
padding:10px 55px;
}

.large {
font-size:1.4em;
}

.spacer {
clear:both;
height:385px;
}

.float-right {
float:right;
clear:left;
padding-right:20px;
width:400px;
height:auto;
display:inline;
}

.content {
height:auto;
width:800px;
margin-right:auto;
margin-left:auto;
padding-bottom:75px;
}

.top-curve {
background-image:url(Images/top_background.png);
background-repeat:no-repeat;
background-position:center top;
height:52px;
width:800px;
margin-top:0;
margin-bottom:0;
}

.bottom-curve {
height:47px;
width:800px;
background-image:url(Images/bottombackground.png);
background-repeat:no-repeat;
background-position:center center;
clear:right;
text-align:center;
}

.text-home {
background-image:url(Images/middle_background.png);
background-repeat:repeat-y;
background-position:center;
height:auto;
width:800px;
}

.text-about {
height:auto;
width:100%;
background-image:url(Images/middle_background.png);
background-repeat:repeat-y;
background-position:center center;
}

.contact {
padding-right:40px;
padding-left:40px;
}

.header {
height:160px;
width:100%;
margin-right:auto;
margin-left:auto;
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center 15px;
margin-top:0;
padding-top:15px;
text-indent:-9999px;
}

.header-about {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -180px;
height:160px;
width:100%;
text-indent:-9999px;
}

.header-contact {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -1070px;
height:160px;
width:100%;
text-indent:-9999px;
}

.header-howto {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -350px;
height:160px;
width:100%;
text-indent:-9999px;
}

.header-map {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -530px;
height:160px;
width:100%;
text-indent:-9999px;
}

.header-occasion {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -710px;
height:160px;
width:100%;
text-indent:-9999px;
}

.header-order {
background-image:url(Images/header-sprite.png);
background-repeat:no-repeat;
background-position:center -890px;
height:160px;
width:100%;
text-indent:-9999px;
}

.navbar {
text-align:center;
width:100%;
height:50px;
margin-left:-16px;
margin-bottom:15px;
margin-top:15px;
position:relative;
}

.navbar li {
display:inline;
text-align:center;
font-size:1.2em;
padding-right:3px;
}

.bottom-curve a {
text-decoration:none;
font-size:.85em;
}

a:link,a:visited {
color:#78009F;
}

a:hover {
text-decoration:none;
color:#FF84AC;
}

li a:link {
text-decoration:none;
color:#78009F;
list-style-type:none;
display:inline;
background-image:url(Images/button-sprite.jpg);
background-repeat:repeat-x;
background-position:top;
height:50px;
border-right-width:6px;
border-left-width:6px;
border-right-style:double;
border-left-style:double;
border-right-color:#FFF;
border-left-color:#FFF;
padding:3px 10px 6px 9px;
}

li a:hover {
text-decoration:none;
color:#FFF;
background-image:url(Images/button-sprite.jpg);
background-repeat:repeat-x;
background-position:bottom;
padding:3px 10px 6px 9px;
}

a:active {
text-decoration:none;
}

h3 {
font-size:1.3em;
}

h2 {
font-size:1.5em;
}

h1 {
font-size:1.7em;
}

.photo {
margin-top:60px;
width:400px;
margin-right:55px;
float:right;
height:300px;
border:3px solid #F5BEDD;
display:inline;
}

.map {
float:right;
padding-top:30px;
width:270px;
margin-left:20px;
margin-right:55px;
height:auto;
display:inline;
}

.bistro {
margin-top:25px;
margin-left:37px;
}

.tray-of-rolls {
float:right;
display:inline;
height:300px;
width:300px;
margin:20px 55px 10px 20px;   
}

.copyright {
width:100%;
font-size:.7em;
color:#7800AB;
background-image:url(Images/copyright-background.jpg);
background-repeat:no-repeat;
padding-bottom:18px;
text-align:center;
letter-spacing:.4em;
height:50px;
background-position:center top;
}

.about-roll {
float:right;
display:inline;
height:146px;
width:188px;
margin-right:55px;
clear:left;
margin-top:80px;
}
#show {
float:right;
height:300px;
width:400px;
border:3px solid #F5BEDD;
background-color:#F7DDEA;
display:inline;
margin-top: 70px;
margin-right: 55px;
}
.hours {
text-align: center;
margin-right: 455px;
}

.slideshow {
display:block;
position:relative;
z-index:0;
height:300px;
width:400px;
margin:0 auto;
}

.slideshow-images {
display:block;
overflow:hidden;
position:relative;
height:300px;
width:400px;
}

.slideshow-images img {
position:absolute;
z-index:1;
float:left;
top:0;
left:0;
display:inline;
}

.slideshow-thumbnails {
overflow:hidden;
}

.slideshow a img {
border:0;
}

.slideshow-captions {
background:#F3AED3;
bottom:0;
color:#74009B;
font:normal 12px/22px Arial, sans-serif;
left:0;
overflow:hidden;
position:absolute;
text-indent:10px;
width:100%;
z-index:10000;
text-align:center;
}

.slideshow-captions-hidden {
height:0;
}

.slideshow-captions-visible {
height:22px;
}
.center {
text-align: center;
}