body {
background-color:  #ffffff;
text-align: center;
font-family: times, serif;
}

a img {
border: none;
}

#front-title {
margin-bottom: 75px;
}

#front-pic {
margin-bottom: 40px;
}

#front-products {
margin-left: auto;
margin-right:auto;
margin-bottom: 250px;
width:720px;
}

.front-product {
float:left;
text-align:center;
width:180px;
}

#front-links {
clear:left;
width:510px;
margin-left:auto;
margin-right:auto;
padding-top: 30px;
margin-bottom: 100px;
}
* html #front-links {
width:560px;
margin-bottom: 0px;
}

.front-sep {
float:left;
margin: 0px;
padding: 0px;
}
#front-crafts, #front-crafts-p {
float:left;
overflow: hidden;
text-indent: -10000em;
width: 56px;
height: 30px;
background: url(shop.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-crafts:hover, #front-crafts-p {
background-position: 0px -30px;
}
#front-journal, #front-journal-p {
float:left;
overflow: hidden;
text-indent: -10000em;
width: 77px;
height: 30px;
background: url(journal.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-journal:hover, #front-journal-p {
background-position: 0px -30px;
}
#front-press, #front-press-p {
float:left;
overflow: hidden;
text-indent: -10000em;
width: 60px;
height: 30px;
background: url(press.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-press:hover, #front-press-p {
background-position: 0px -30px;
}
#front-faq, #front-faq-p {
float:left;
overflow: hidden;
text-indent: -10000em;
width: 37px;
height: 30px;
background: url(faq.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-faq:hover, #front-faq-p {
background-position: 0px -30px;
}
#front-linksp, #front-linksp-p {
float:left;
overflow:hidden;
text-indent: -10000em;
width: 53px;
height: 30px;
background: url(links.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-linksp:hover, #front-linksp-p {
background-position: 0px -30px;
}
#front-email, #front-email-p {
float:left;
overflow: hidden;
text-indent: -10000em;
width: 77px;
height: 30px;
background: url(e-mail.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
padding: 0px;
}
#front-email:hover, #front-email-p {
background-position: 0px -30px;
}

#front-copyright {
margin-top: 50px;
font-size: smaller;
clear: both;
}

#top {
}
#top-middle{
padding: 0px;
}
#hbjc {
float:left;
margin-left:30px;
}
.top-links {
clear: right;
}

.sep {
float:right;
margin: 0px;
padding: 0px;
}
.top-link {
float:right;
overflow: hidden;
text-indent: -10000em;
margin: 0px;
padding: 0px;
}
#news {
width: 63px;
height: 30px;
background: url(news.gif) left top no-repeat;
background-position: 0px 0px;
}
#news:hover {
background-position: 0px -30px;
}
#news-p {
width: 63px;
height: 30px;
background: url(news.gif) left top no-repeat;
background-position: 0px -30px;
}
#crafts {
width: 65px;
height: 30px;
background: url(crafts.gif) left top no-repeat;
background-position: 0px 0px;
}
#crafts:hover {
background-position: 0px -30px;
}
#crafts-p {
width: 65px;
height: 30px;
background: url(crafts.gif) left top no-repeat;
background-position: 0px -30px;
}
#journal {
width: 77px;
height: 30px;
background: url(journal.gif) left top no-repeat;
background-position: 0px 0px;
}
#journal:hover {
background-position: 0px -30px;
}
#faq {
width: 37px;
height: 30px;
background: url(faq.gif) left top no-repeat;
background-position: 0px 0px;
}
#faq:hover {
background-position: 0px -30px;
}
#faq-p {
width: 37px;
height: 30px;
background: url(faq.gif) left top no-repeat;
background-position: 0px -30px;
}
#linksp {
width: 53px;
height: 30px;
background: url(links.gif) left top no-repeat;
background-position: 0px 0px;
}
#linksp:hover {
background-position: 0px -30px;
}
#linksp-p {
width: 53px;
height: 30px;
background: url(links.gif) left top no-repeat;
background-position: 0px -30px;
}
#email {
width: 77px;
height: 30px;
background: url(e-mail.gif) left top no-repeat;
background-position: 0px 0px;
}
#email:hover {
background-position: 0px -30px;
}
#email-p {
width: 77px;
height: 30px;
background: url(e-mail.gif) left top no-repeat;
background-position: 0px -30px;
}
#press {
width: 60px;
height: 30px;
background: url(press.gif) left top no-repeat;
background-position: 0px 0px;
}
#press:hover {
background-position: 0px -30px;
}
#press-p {
width: 60px;
height: 30px;
background: url(press.gif) left top no-repeat;
background-position: 0px -30px;
}

#cart {
float: left;
overflow: hidden;
text-indent: -10000em;
width: 60px;
height: 20px;
background: url(viewcart.gif) left top no-repeat;
background-position: 0px 0px;
margin: 0px;
margin-top: 7px;
padding: 0px;
}
#cart:hover {
background-position: 0px -20px;
}

#top-spacer{
clear: both;
width: 100%;
height: 40px;
background: url(stripe.gif) left top repeat-x;
padding-top: 0px;
padding-bottom: 25px;
}
#breadcrumbs{
clear: both;
text-align: left;
font-size: larger;
font-weight: bolder;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 50px;
}

.news-item {
background-color: #FFB6C1;
width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
padding: 5px;
}
.news-title {
font-weight: bold;
font-size: larger;
}
.news-date {
font-size: smaller;
}
.news-text {

}

.faq-item {
background-color: #FFB6C1;
width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
padding: 5px;
}
.faq-q {
font-weight: bold;
}
.faq-a {

}

#crafts-body {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.crafts-cat {
height: 100px;
margin-top: 25px;
margin-bottom: 25px;
padding-top: 10px;
padding-bottom: 10px;
}
.cat-name {
width: 350px;
float: left;
text-align: center;
margin-top: 45px;
}
.cat-thumb {
vertical-align: middle;
float: left;
}

#category-body {
width: 500px;
margin-left: auto;
margin-right: auto;
}
.cat-craft {
float:left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
}
.craft-name {
width: 75px;
text-align: center;
}
.craft-thumb {
vertical-align: middle;
}
.craft-thumb-new {
position:absolute;
border: solid white 2px;
}

#craft-body {
text-align: left;
}
* html #craft-body {
text-align: center;
}
.craft-pic {
display: block;
margin-bottom: 15px;
text-align: center;
}
.craft-info-box-outer {
border: 1px dashed #555555;
margin-left: auto;
margin-right: auto;
padding-top: 4px;
padding-bottom: 4px;
width: 628;
}
.craft-info-box{
padding: 10px;
background-color: #FFB6C1;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 600px;
}
.craft-name-and-info{
border-right: 1px dashed #555555;
float: left;
width: 400px;
padding-right: 40px;
}
.craft-info-name{
font-size: larger;
font-weight: bolder;

}
.craft-priceandbuy{
margin-left: 20px;
}
.craft-price{
font-weight: bolder;
}
.craft-buy{
margin-left: 20px;
}
.craft-out{
margin-top: 10px;
}
.craft-bottomspacer{
clear: left;
}

#email-body {
background-color: #FFB6C1;
width: 500px;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
padding-bottom: 25px;
}

#email-address {
text-align: center;
font-size: larger;
font-weight: bolder;
padding: 15px;
}

.press-item {
background-color: #FFB6C1;
width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
padding: 5px;
border: 1px dashed black;
}
.press-thumb {
float: right;
}
.press-magname {
font-family: verdana, sans-serif;
font-size: large;
font-weight: bold;
}
.press-date {
margin-bottom:20px;
font-size:small;
}
.press-title {
font-weight: bold;
}
.press-text {
color:#444444;
font-size:95%;
margin-bottom:10px;
}
.press-text a {
color: #4444FF;
}
.press-full {
font-size:80%;
}
.press-full a {
color: #4444FF;
}

#links-body {
width: 600px;
margin-left: auto;
margin-right: auto;
}
#links-left {
float: left;
width: 200px;
margin-bottom: 50px;
}
.link-item {
margin-bottom: 10px;
}

#categories {
height:300px;
margin-left:auto;
margin-right:auto;
}

.craft-thumb-grid {
padding:10px;
border: 1px dashed black;
text-align: center;
}

.craft-thumb-grid-container {
margin-left:auto;
margin-right:auto;
width:805;
border-collapse: collapse;
}

.craft-thumb-grid img {
vertical-align:middle;
}