body { margin: 0; padding: 0; background: #511a12 url(../images/bg-body.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
.templates { margin: 0; padding: 0; background: #76aecd url(../images/bg-templates.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
.pictures { margin: 0; padding: 0; background: #a0b994 url(../images/bg-pictures.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
.creation { margin: 0; padding: 0; background: #a17f7f url(../images/bg-creation.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }
.orders { margin: 0; padding: 0; background: #c3a57a url(../images/bg-orders.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left; }



a { color: #005dab; text-decoration: underline; }
a:hover { color: #005dab; text-decoration: none; }
img { border: 0; }
strong { color: #005dab; }
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #2e83b1; margin: 10px 0 0 0; padding: 0; line-height: 1.2em;}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #642824; margin: 0; padding: 0; line-height: 1.2em; }
h3 {font-size: 11px; color: #00325d; margin: 0 0 5px 15px; padding: 0; line-height: 1.2em;}
h4 { margin: 2em 0 .5em 0; font-size: 12px; color: #005FAF; }
p { margin: 0; padding: 1em; line-height: 1.2em; }
.clear { clear: both; }
a.add {display: block; float: left; width: 94px; height: 30px; margin: 0 10px 0 20px; padding: 0; background: url(../images/add-to-cart.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
a.add:hover {background: url(../images/add-to-cart-over.gif) no-repeat;  }
a.view {display: block; width: 94px; height: 30px; margin: 0; padding: 0; background: url(../images/view-cart.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
a.view:hover {background: url(../images/view-cart-over.gif) no-repeat;  }

div#container {margin: 0 auto; width: 770px; padding: 0; text-align:left; background: #fff; border-left: 10px #3b1008 solid; border-right: 10px #3b1008 solid;  }
div#container div#top-banner {margin: 0; padding: 0; width: 770px; height: 252px; background: url(../images/banner.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#top-banner a.logo {display: block; width: 352px; height: 252px;}


div#container div#nav {margin: 0; padding: 0; width: 770px; height: 52px; background: url(../images/nav-bg.gif) repeat-x; text-indent: -9000em; overflow: hidden; }
div#container div#nav  ul { margin: 0 0 0 0; padding: 0; list-style: none; }
div#container div#nav  ul li { float: left; margin: 0 8px 0 0; padding: 0;  }
div#container div#nav  ul li a { display: block; text-indent: -9000em; overflow: hidden; height: 52px; }
div#container div#nav  ul li a.about { margin: 0; background: url(../images/btn-nav-about.gif) no-repeat; width: 68px; height: 52px; }
div#container div#nav  ul li a.about:hover { background: url(../images/btn-nav-about-over.gif) no-repeat; }
div#container div#nav  ul li a.templates { margin: 0; background: url(../images/btn-nav-templates.gif) no-repeat; width: 74px; height: 52px; }
div#container div#nav  ul li a.templates:hover { background: url(../images/btn-nav-templates-over.gif) no-repeat; }
div#container div#nav  ul li a.pictures { margin: 0; background: url(../images/btn-nav-pictures.gif) no-repeat; width: 115px; height: 52px; }
div#container div#nav  ul li a.pictures:hover { background: url(../images/btn-nav-pictures-over.gif) no-repeat; }
div#container div#nav  ul li a.creation { margin: 0; background: url(../images/btn-nav-creation.gif) no-repeat; width: 116px; height: 52px; }
div#container div#nav  ul li a.creation:hover { background: url(../images/btn-nav-creation-over.gif) no-repeat; }
div#container div#nav  ul li a.products { margin: 0; background: url(../images/btn-nav-products.gif) no-repeat; width: 72px; height: 52px; }
div#container div#nav  ul li a.products:hover { background: url(../images/btn-nav-products-over.gif) no-repeat; }
div#container div#nav  ul li a.map { margin: 0; background: url(../images/btn-nav-map.gif) no-repeat; width: 72px; height: 52px; }
div#container div#nav  ul li a.map:hover { background: url(../images/btn-nav-map-over.gif) no-repeat; }
div#container div#nav  ul li a.faq { margin: 0; background: url(../images/btn-nav-faq.gif) no-repeat; width: 50px; height: 52px; }
div#container div#nav  ul li a.faq:hover { background: url(../images/btn-nav-faq-over.gif) no-repeat; }
div#container div#nav  ul li a.contact { margin: 0; background: url(../images/btn-nav-contact.gif) no-repeat; width: 62px; height: 52px; }
div#container div#nav  ul li a.contact:hover { background: url(../images/btn-nav-contact-over.gif) no-repeat; }

div#container div#buttons {margin: 0; padding: 0; width: 770px; height: 191px; background: url(../images/button-bg.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#buttons  ul { margin: 0 0 0 0; padding: 0; list-style: none; }
div#container div#buttons  ul li { float: left; margin: 0; padding: 0;  }
div#container div#buttons  ul li a { display: block; text-indent: -9000em; overflow: hidden; height: 191px; }
div#container div#buttons  ul li a.bb-templates { margin: 0; background: url(../images/button-templates.jpg) no-repeat; width: 196px; }
div#container div#buttons  ul li a.bb-templates:hover { background: url(../images/button-templates-over.gif) no-repeat; }
div#container div#buttons  ul li a.bb-pictures { margin: 0; background: url(../images/button-pictures.jpg) no-repeat; width: 189px; }
div#container div#buttons  ul li a.bb-pictures:hover { background: url(../images/button-pictures-over.gif) no-repeat; }
div#container div#buttons  ul li a.bb-creation { margin: 0; background: url(../images/button-creation.jpg) no-repeat; width: 189px; }
div#container div#buttons  ul li a.bb-creation:hover { background: url(../images/button-creation-over.gif) no-repeat; }
div#container div#buttons  ul li a.bb-order { margin: 0; background: url(../images/button-order.jpg) no-repeat; width: 196px; }
div#container div#buttons  ul li a.bb-order:hover { background: url(../images/button-order-over.gif) no-repeat; }

div#container div#home-body {margin: 0; padding: 0; overflow: hidden; }

div#container div#order-body {margin: 0; padding: 15px; overflow: hidden; }
div#container div#order-body .title-nameplates { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-nameplates.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#order-body .title-products2 { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-products2.gif) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#order-body .title-lables { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-lables.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#order-body .title-printing { display: block; float: left; margin: 15px 0 0 10px ; padding: 0; width: 80%; height: 28px; background: url(../images/title-custom.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#order-body .title-colorchart { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-colorchart.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#order-body .title-colors { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-colors.gif) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#order-body div#order-item { float: left; margin: 10px; padding: 15px; background: url(../images/cart-bg.gif) repeat-x; width: 40%; border: 1px solid #c7eafd;}
div#container div#order-body div#order-item2,
div#container div#order-body div#order-item3 { float: left; margin: 10px; padding: 15px; background: url(../images/cart-bg.gif) repeat-x; width: 93%; border: 1px solid #c7eafd;}

div#container div#order-body div.orderLeftFloat{ float: left; margin: 10px 5px; padding: 5px; text-align: center; width: 200px;}
div#container div#order-body div.orderLeftFloat h2{ text-align: center; }
div#container div#order-body div#cartDiv{ margin-left: 300px}

div#container div#body {margin: 0; padding: 0 15px; overflow: hidden; }

div#container div#body .title-templates { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-templates.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-about { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-about.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-contact { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-contact.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-faq { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-faq.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-products { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-products.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-creation { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-creation.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-map { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-map.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-icons { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-icons.gif) no-repeat; text-indent: -9000em; overflow: hidden;}

div#container div#body .title-weddings { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-weddings.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-birthdays { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-birthdays.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-baby { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-baby.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-holidays { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-holidays.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-misc { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-misc.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-religion { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-religion.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-terms { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-terms.gif) no-repeat; text-indent: -9000em; overflow: hidden;}
div#container div#body .title-otherideas { display: block; float: left; margin: 15px 0 0 0 ; padding: 0; width: 80%; height: 54px; background: url(../images/title-otherideas.gif) no-repeat; text-indent: -9000em; overflow: hidden;}


div#container div#body div#test {margin: 10px; padding: 10px; height: 1%; background: url(../images/test-bg.gif) repeat-x top; overflow: hidden; border: 1px solid #c7eafd;}
div#container div#body div#test .img-float-right {float: right; margin: 0 0 0 10px; display: block; width: 300px; height: 115px;}
div#container div#body div#test .img-float-left {float: left; margin: 0 10px 0 0; display: block; width: 300px; height: 115px;}
div#container div#body .other {float: left; margin: 0; padding: 10px; }
/*icon page*/
div#container div#body .icon-weddings {float: left; display: block; margin: 10px 10px 0 0 ; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-wed.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-weddings:hover {background: url(../images/button-icon-wed-over.gif) no-repeat;}
div#container div#body .icon-holidays {float: left; display: block; margin: 10px 10px 0 0 ; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-holiday.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-holidays:hover {background: url(../images/button-icon-holiday-over.gif) no-repeat;}
div#container div#body .icon-showers {float: left; display: block; margin: 10px 10px 0 0 ; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-baby.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-showers:hover {background: url(../images/button-icon-baby-over.gif) no-repeat;}
div#container div#body .icon-misc {float: left; display: block; margin: 10px 10px 0 0 ; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-misc.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-misc:hover {background: url(../images/button-icon-misc-over.gif) no-repeat;}
div#container div#body .icon-birthday {float: left; display: block; margin: 10px 10px 0 0; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-birthday.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-birthday:hover {background: url(../images/button-icon-birthday-over.gif) no-repeat;}
div#container div#body .icon-religion {float: left; display: block; margin: 10px 10px 0 0 ; padding: 0; width: 254px; height: 38px; background: url(../images/button-icon-religion.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .icon-religion:hover {background: url(../images/button-icon-religion-over.gif) no-repeat;}

div#container div#body .icons {float: left; display: block; margin: 2px; border: 6px solid #dcf1fc;}
div#container div#body .icons:hover {border: 6px solid #f3e8df;}

/*template page*/
/*div#container div#body div#left-col {float: left; margin: 0; padding: 0; overflow: hidden; width: 450px; }*/

div#container div#body .download-1 {display: block; margin: 0 0 10px 0 ; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-1.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-1:hover {background: url(../images/download-template-1-over.gif) no-repeat;}
div#container div#body .download-2 {display: block; margin: 0 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-2.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-2:hover {background: url(../images/download-template-2-over.gif) no-repeat;}
div#container div#body .download-3 {display: block; margin: 0 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-3.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-3:hover {background: url(../images/download-template-3-over.gif) no-repeat;}
div#container div#body .download-4 {display: block; margin: 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-4.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-4:hover {background: url(../images/download-template-4-over.gif) no-repeat;}
div#container div#body .download-5 {display: block; margin: 0 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-5.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-5:hover {background: url(../images/download-template-5-over.gif) no-repeat;}
div#container div#body .download-halfoval {display: block; margin: 0 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-halfoval.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-halfoval:hover {background: url(../images/download-halfoval-over.gif) no-repeat;}
div#container div#body .download-6 {display: block; margin: 0 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-template-6.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-6:hover {background: url(../images/download-template-6-over.gif) no-repeat;}
div#container div#body .download-directions {display: block; margin: 20px 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-directions.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-directions:hover {background: url(../images/download-directions-over.gif) no-repeat;}
div#container div#body .download-tips {display: block; margin: 10px 0 10px 0; padding: 0; width: 450px; height: 35px; background: url(../images/download-tips.gif) no-repeat; text-indent: -9000em; overflow: hidden; }
div#container div#body .download-tips:hover {background: url(../images/download-tips-over.gif) no-repeat;}

/*
div#container div#body div#right-col {float: right; margin: 70px 0 0 0; padding: 0; overflow: hidden; width: 260px;}
div#container div#body div#right-col p {margin: 0; padding: .5em; line-height: 1.0em;}
*/


div#footer {margin: 0 auto; padding: 0; width: 790px; height: 100px; background: url(../images/footer-bg.gif) no-repeat; text-align: center; overflow: hidden; }
div#footer p {margin: 8px 0 0 0; line-height: 1.2em; color: #b68f6f; font-size: 10px; }
div#footer a {color: #b68f6f; text-decoration: underline;}
div#footer a:hover {color: #b68f6f; text-decoration: none;}