html {
    padding: 0;
    margin: 0;
    font: 12px/15px verdana, sans-serif;
    background: url(../images/bg.jpg);
}

body {
    margin: 0;
    padding: 30px 0 0 0;
}

.clear-it {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    display: block;
}

* {
    outline: none;
}

hr {
    color: #DDD;
    border: 1px solid #DDD;
}

#wrapper {
    width: 958px;
    margin: auto;
}

/************** Header ****************/

#header {
    width: 948px; /*958*/
    height: 140px;
    margin: 0 auto 10px auto;
    padding: 0 0 0 10px;
}

#header #logo {
    float: left;
    display: inline;
}

/************** Nav ****************/

#nav {
    margin: 0;
    padding: 125px 0 0 32px;
    width: 748px; /*614*/ 
    height: 11px;
    float: left;
    display: inline;
}

#nav ul {
    width: 748px; 
    height: 11px; 
    background: url(../images/nav.png) no-repeat 0 0;
    position: relative; 
    top: 0px; 
    left: 0px;
    list-style: none;
    margin: 0; padding: 0;
}
#nav li {
    display: inline;
}
#nav li a:link, #nav li a:visited {
    border: none;
    height: 24px; 
    display: block; 
    position: absolute; 
    top: 0; 
    text-indent: -7000px; 
    outline: none;
}


#nav li.about a:link, #nav li.about a:visited { 
    left: 0px;
    width: 53px;
}
#nav li.collection a:link, #nav li.collection a:visited { 
    left: 53px;
    width: 136px;
}
#nav li.custom a:link, #nav li.custom a:visited { 
    left: 189px;
    width: 75px;
}
#nav li.occasion a:link, #nav li.occasion a:visited { 
    left: 264px;
    width: 95px;
}
#nav li.process a:link, #nav li.process a:visited { 
    left: 359px;
    width: 162px;
}
#nav li.faq a:link, #nav li.faq a:visited { 
    left: 521px;
    width: 45px;
}
#nav li.contact a:link, #nav li.contact a:visited { 
    left: 566px;
    width: 82px;
}
#nav li.blog a:link, #nav li.blog a:visited { 
    left: 648px;
    width: 55px;
}
#nav li.shop a:link, #nav li.shop a:visited { 
    left: 703px;
    width: 45px;
}


#nav li.about a:hover {
    background: url(../images/nav.png) no-repeat -0px -11px; 
}
#nav li.collection a:hover {
    background: url(../images/nav.png) no-repeat -53px -11px; 
}
#nav li.custom a:hover {
    background: url(../images/nav.png) no-repeat -189px -11px; 
}
#nav li.occasion a:hover {
    background: url(../images/nav.png) no-repeat -264px -11px; 
}
#nav li.process a:hover {
    background: url(../images/nav.png) no-repeat -359px -11px; 
}
#nav li.faq a:hover {
    background: url(../images/nav.png) no-repeat -521px -11px; 
}
#nav li.contact a:hover {
    background: url(../images/nav.png) no-repeat -566px -11px; 
}
#nav li.blog a:hover {
    background: url(../images/nav.png) no-repeat -648px -11px; 
}
#nav li.shop a:hover {
    background: url(../images/nav.png) no-repeat -703px -11px; 
}


#nav li.about-on a:link, #nav li.about-on a:visited { 
    left: 0px;
    width: 53px;
    background: url(../images/nav.png) no-repeat -0px -11px; 
}
#nav li.collection-on a:link, #nav li.collection-on a:visited { 
    left: 53px;
    width: 136px;
    background: url(../images/nav.png) no-repeat -53px -11px; 
}
#nav li.custom-on a:link, #nav li.custom-on a:visited { 
    left: 189px;
    width: 75px;
    background: url(../images/nav.png) no-repeat -189px -11px; 
}
#nav li.occasion-on a:link, #nav li.occasion-on a:visited { 
    left: 264px;
    width: 95px;
    background: url(../images/nav.png) no-repeat -264px -11px; 
}
#nav li.process-on a:link, #nav li.process-on a:visited { 
    left: 359px;
    width: 162px;
    background: url(../images/nav.png) no-repeat -359px -11px; 
}
#nav li.faq-on a:link, #nav li.faq-on a:visited { 
    left: 521px;
    width: 45px;
    background: url(../images/nav.png) no-repeat -521px -11px; 
}
#nav li.contact-on a:link, #nav li.contact-on a:visited { 
    left: 566px;
    width: 82px;
    background: url(../images/nav.png) no-repeat -566px -11px; 
}

/************** Content ****************/

#content-top {
    background: url(../images/content-top.png) no-repeat;
    width: 958px;
    height: 10px;
}

.content {
    width: 958px; /*958*/
    padding: 0;
    color: #74665F;
    background: url(../images/content-bg.png) repeat-y;
}

.content a:link, .content a:visited {
    font: 12px/15px verdana, sans-serif;
    color: #74665F;
    text-decoration: underline;
}

.content a:hover {
    text-decoration: none;
}

.content p {
    margin: 0 0 15px 0;
    padding: 0;
}

.content h1 {
    font: bold 15px/13px georgia, serif;
    margin: 0 0 15px 0;
    padding: 0;
    text-transform: uppercase;
    color: #5d4f48;
}

.content h2 {
    font: bold 13px/11px georgia, serif;
    margin: 0 0 10px 0;
    padding: 0;
    color: #5d4f48;
}

.content label {
    display: block;
    font-weight: bold;
}

.content form {
    color: #74665F;
    font-size: 13px;
}

.content form textarea {
    width: 350px;
    height: 100px;
} 

#home {
    text-align: center;
    padding: 45px 0 45px 0;
}

#home #slideshow {
    margin: auto;
}

.content {
    padding: 42px 0 35px 50px; 
}

.content .press-item {
    margin: 0 50px 45px 50px;
    width: 175px;
    text-align: center;
    float: left;
    display: inline;
}

#occasion, #cust {
    padding-bottom: 25px;
}

.content #content-l {
    float: left;
    display: inline;
    width: 123px; /*163*/
    height: 356px; /*386*/
    background: url(../images/left-nav.jpg) no-repeat;
    margin: 0 55px 0 0;
    padding: 30px 0 0 40px;
}

.content #content-l a:link, .content #content-l a:visited {
    font: 12px/14px georgia, serif;
    color: #74665f;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin: 0 0 40px 0; 
}

.content #content-l a:hover {
    color: #423d3a;
}

.content #content-l a.faqnav:link, .content #content-l a.faqnav:visited {
    font: 12px/14px georgia, serif;
    color: #74665f;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin: 0 0 21px 0; 
}

.content #content-l a.faqnav:hover {
    color: #423d3a;
}

.content #content-r {
    float: left;
    display: inline;
    border: 3px solid #e9dfd1;
    width: 565px; /*625*/
    min-height: 330px; /*370*/
    margin: 5px 0 0 0;
    padding: 30px 25px 20px 35px;
    font: 12px/15px verdana, sans-serif;
}

.content #content-r a:link, .content #content-r a:visited {
    font: 12px/15px verdana, sans-serif;
    color: #333;
    text-decoration: none;
}

.content #content-r a:hover {
    color: #555;
}

.content #process-r {
    float: left;
    display: inline;
    border: 3px solid #e9dfd1;
    width: 565px; /*625*/
    min-height: 335px; /*370*/
    margin: 5px 0 0 0;
    padding: 20px 25px 15px 35px;
    font: 12px/15px verdana, sans-serif;
}

.content #collection {
    border: 3px solid #e9dfd1;
    width: 810px; /*830*/
    margin: 0 0 0 10px;
    padding: 10px 0 0 10px;
}

.content #collection .thumb {
    float: left;
    display: inline;
    margin: 10px;
    text-align: center;
}

.content #collection .thumb a:link, .content #collection .thumb a:visited {
    color: #73665f;
    font: 11px/15px georgia, serif;
    text-transform: uppercase;
    text-decoration: none;
}

.content #collection .thumb a:hover {
    color: #524741;
}

.content #collection-detail {
    border: 2px solid #e9dfd1;
    width: 840px; /*840*/
    height: 372px;
    margin: 0 0 0 10px;
}


.content #collection-detail #detail-text {
    float: left;
    display: inline;
    width: 220px;
    text-align: center;
}

.content #collection-detail #detail-text h1 {
    font: 13px/15px georgia, serif;
    margin: 245px 0 7px 0;
}


.content #collection-detail #detail-text p {
    margin: 0 10px 35px 10px;
    font-size: 11px;
}

.content #collection-detail #detail-text a:link, .content #collection-detail #detail-text a:visited {
    color: #73665f;
    font: 11px/15px georgia, serif;
    text-transform: uppercase;
    text-decoration: none;
}

.content #collection-detail #detail-text a:hover {
    color: #524741;
}

.content #collection-detail #detail-img {
    float: left;
    display: inline;
    width: 620px;
}

.content #custom {
    border: 3px solid #e9dfd1;
    width: 820px; /*830*/
    height: 364px; /*364*/
    margin: 0 0 0 10px;
}

.content #custom img {
    margin: 5px 0 0 5px;
}

.content #custom-text {
    width: 740px;
    margin: 25px 0 20px 0;
    padding: 0 50px 0 50px;
}

.content #custom-nav {
    width: 840px;
    text-align: right;
    color: #73665f;
    font: 12px/15px georgia, serif;
    margin: 10px 0 0 0;
}

.content #custom-nav a:link, .content #custom-nav a:visited {
    color: #73665f;
    text-transform: uppercase;
    text-decoration: none;
    font: 12px/15px georgia, serif;
}

.content #custom-nav a:hover {
    color: #423d3a;
}

.content #contact {
    border: 3px solid #e9dfd1;
    width: 800px; /*830*/
    min-height: 304px; /*364*/
    padding: 35px 0 25px 30px;
    margin: 0 0 0 10px;
}

.content #contact .img-left {
    float: left;
    display: block;
    margin: 0 15px 15px 0;
}

.content #occasions {
    border: 3px solid #e9dfd1;
    width: 820px; /*830*/
    height: 364px; /*364*/
    margin: 0 0 0 10px;
}

.content #occasions img {
    margin: 5px 0 0 5px;
}

.content #occasion-nav {
    width: 840px;
    text-align: right;
    color: #73665f;
    font: 12px/15px georgia, serif;
    margin: 10px 0 0 0;
}

.content #occasion-nav a:link, .content #occasion-nav a:visited {
    color: #73665f;
    text-transform: uppercase;
    text-decoration: none;
    font: 12px/15px georgia, serif;
}

.content #occasion-nav a:hover {
    color: #423d3a;
}

.img-left {
    float: left;
    display: block;
    margin: 0 15px 15px 0;
}

.pds-img-left {
    float: left;
    display: block;
    margin: 0 15px 15px 5px;
    width: 314px;
}

#content-bottom {
    background: url(../images/content-bottom.png) no-repeat;
    width: 958px;
    height: 10px;
}

/************** Footer ****************/

#footer {
    padding: 0;
    margin: 15px 0 25px 0;
    width: 958px; /*958*/
    text-align: center;
    font: 12px/17px verdana, sans-serif;
    color: #5d5049; 
}

#footer a:link, #footer a:visited {
    font: 12px/17px verdana, sans-serif;
    color: #5d5049; 
    text-decoration: none;
}

#footer a:hover {
    color: #2c2927; 
}

#footer .small {
    font-size: 10px;
}