* { margin: 0; padding: 0; border: 0; }

body { text-align: center; margin: 108px 0; font: 12px garamond,serif; color: #6b6b6b; }
em { font-style: italic; }
a { outline: 0; }

.wrapper { margin: 0 auto; width: 603px; text-align: left; }

h1, .tagline, .navigation li a { display: block; text-indent: -9999px; width: 100%; overflow: hidden; }
h1 { width: 110%; }
.navigation li a { height: 14px; }

.mainContent { float: left; width: 603px; }
    .mainContent p { font-size: 14px; }
    .mainContent img { float: left; }

/*.navigation { list-style: none; position: relative; clear: both; }*/

.navigation { clear: both; list-style: none; position: relative; background: url(../images/nav-global.gif) left top no-repeat; width: 603px; height: 14px; }
    .navigation li { position: absolute; }

    .navLetterpress { left: 0; top: 0; width: 83px;}
    .navStory { left: 107px; top: 0; width: 51px;}
    .navWeddings { left: 195px; top: 0; width: 55px; }
    .navShop { left: 300px; top: 0; width: 28px; }
    .navWorkshops {left: 373px; top: 0; width: 63px; }
    .navPraise {left: 465px; top: 0; width: 61px; }
    .navBlog { left: 573px; top: 0; width: 27px;}

        .navigation li a:hover { background-color: white; background-image: url(../images/nav-global.gif); background-repeat: no-repeat; }

        .navLetterpress a:hover { background-position: 0 -25px; }
        .navStory a:hover { background-position: -107px -25px; }
        .navWeddings a:hover { background-position: -195px -25px;  }
        .navShop a:hover { background-position: -300px -25px;  }
        .navWorkshops a:hover {background-position: -373px -25px;  }
        .navPraise a:hover {background-position: -465px -25px;  }
        .navBlog a:hover { background-position: -573px -25px; }


.footer { margin-top: 100px; text-align: center; }
.homeLink { display: block; width: 122px; margin: 0 auto; }
.copyright { margin-top: 6px; }
.corrected { text-decoration: line-through; color: #c0c0c0; }

/*  =Home   */

#home h1 { height: 31px; background: url(../images/title-home.gif) left top no-repeat; }
#home .wrapper { margin: 0 auto; width: 603px; text-align: left; }
#home .mainContent { margin-bottom: 20px; }

/*
#home .navigation { list-style: none; position: relative; background: url(../images/home-nav.gif) left top no-repeat; width: 603px; height: 14px; }
    #home .navShop { left: 0; top: 0; width: 27px; }
    #home .navLetterpress { left: 166px; top: 0; width: 77px;}
    #home .navStory { left: 380px; top: 0; width: 34px;}
    #home .navBlog { left: 575px; top: 0; width: 28px;}

        #home .navShop a:hover { background: url(../images/home-nav.gif) 0 -24px no-repeat; }
        #home .navLetterpress a:hover { background: url(../images/home-nav.gif) -166px -24px no-repeat; }
        #home .navStory a:hover { background: url(../images/home-nav.gif) -380px -24px no-repeat; }
        #home .navBlog a:hover { background: url(../images/home-nav.gif) -575px -24px no-repeat; }
        */

/*  =Letterpress    */

#letterpress .mainContent p { margin-bottom: 21px; line-height: 16px; width: 324px; }
#letterpress .mainContent .tagline { height: 30px; width: 100%; margin: 0; line-height: 0; background: url(../images/title-letterpress.gif) left top no-repeat; }
#letterpress .mainContent img { float: right; width: 262px; }

/*
#letterpress .navigation { list-style: none; position: relative; clear: both; background: url(../images/letterpress-nav.gif) left top no-repeat; width: 834px; height: 14px; }
    #letterpress .navShop { left: 0; top: 0; width: 27px; }
    #letterpress .navLetterpress { left: 248px; top: 0; width: 77px;}
    #letterpress .navStory { left: 536px; top: 0; width: 34px;}
    #letterpress .navBlog { left: 807px; top: 0; width: 28px;}

        #letterpress .navShop a:hover { background: url(../images/letterpress-nav.gif) 0 -25px no-repeat; }
        #letterpress .navLetterpress a:hover { background: url(../images/letterpress-nav.gif) -248px -25px no-repeat; }
        #letterpress .navStory a:hover { background: url(../images/letterpress-nav.gif) -536px -25px no-repeat; }
        #letterpress .navBlog a:hover { background: url(../images/letterpress-nav.gif) -807px -25px no-repeat; }
        */

/*  =Story  */

#story .mainContent p { margin-bottom: 13px; line-height: 14px; font-size: 12px; }
#story .mainContent .tagline { height: 30px; margin: 0; line-height: 0; background: url(../images/title-story.gif) left top no-repeat; }
#story .mainContent img { margin: 0 14px 50px 0; }

/*
#story .navigation { list-style: none; position: relative; clear: both; background: url(../images/story-nav.gif) left top no-repeat; width: 722px; height: 14px; }
    #story .navShop { left: 0; top: 0; width: 27px; }
    #story .navLetterpress { left: 217px; top: 0; width: 77px;}
    #story .navStory { left: 463px; top: 0; width: 34px;}
    #story .navBlog { left: 694px; top: 0; width: 28px;}

        #story .navShop a:hover { background: url(../images/story-nav.gif) 0 -24px no-repeat; }
        #story .navLetterpress a:hover { background: url(../images/story-nav.gif) -217px -24px no-repeat; }
        #story .navStory a:hover { background: url(../images/story-nav.gif) -463px -24px no-repeat; }
        #story .navBlog a:hover { background: url(../images/story-nav.gif) -694px -24px no-repeat; }
        */

/* =Weddings  */

#weddings .mainContent { margin-bottom: 2px; }
#weddings .mainContent p { margin-bottom: 21px; line-height: 18px; width: 324px; }
#weddings .mainContent h1 { height: 30px; width: 100%; margin: 0; line-height: 0; background: url(../images/title-wedding.gif) left top no-repeat; }
#weddings .mainContent img { float: right; }
#weddings #weddingSets { float: right; width: 274px; }
#weddings #weddingSets img { display: block; float: right; width: auto; margin-bottom: 3px; }
#weddings #weddingSets p { clear: right; margin-bottom: 0; line-height: 1.3em; font-size: 12px; text-align: right; width: 100%; }


/* =Workshops */

#workshops .mainContent { margin-bottom: 20px; }
#workshops .mainContent p { margin-bottom: 12px; line-height: 14.5px; width: 374px; }
#workshops .mainContent p#workshopSchedule { font-weight: bold; }
#workshops .mainContent h1 { height: 30px; width: 100%; margin: 0; line-height: 0; background: url(../images/title-workshop.gif) left top no-repeat; }
#workshops .mainContent img { float: right; clear: right; width: auto; }
#workshops .mainContent img#workshopImage { margin-top: 54px; }


/* =Praise  */

#praise .mainContent { margin-bottom: 20px; }
#praise .mainContent p { margin-bottom: 21px; line-height: 16px; width: 324px; }
#praise .mainContent h1 { height: 30px; width: 100%; margin: 0; line-height: 0; background: url(../images/title-praise.gif) left top no-repeat; }
#praise .mainContent #blogPraise { height: 30px; width: 100%; margin: 0; line-height: 0; background: url(../images/title-blogs.gif) left top no-repeat; }
#praise .mainContent #testimonials { margin-bottom: 40px; }
#praise .mainContent #testimonials img { float: right; clear: right; margin-bottom: 37px; }
#praise .mainContent ul#blogs { list-style: none; }
#praise .mainContent ul#blogs li { float: left; width: 205px; height: 152px; text-align: center; }
#praise .mainContent ul#blogs #ilt, 
#praise .mainContent ul#blogs #zl,
#praise .mainContent ul#blogs #vit { width: 190px; }
#praise .mainContent ul#blogs img { float: none; }