body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td, textarea, input {margin: 0; padding: 0; border: 0; outline: none;}
body{background:#7f1c11 url('../images/bg.jpg') repeat-x center 110px;font:400 14px/1.5em 'Asul', serif;}
p{margin-bottom: 21px;}
.container {width: 972px;margin: 0 auto;}
.clearboth {clear: both;}
/**
* Header Section
*/
header {
display: block;
height: 113px;
background: transparent url('../images/header-bg.png') repeat-x left top;
color: #fff;
}
header .container {
background: transparent url('../images/header-gradient-bg.png') no-repeat left top;
height: 110px;
}
header hgroup h1 a:link, header hgroup h1 a:visited {
float: left;
width: 209px;
height: 38px;
margin: 33px 0 0 21px;
text-indent: -10000px;
background: transparent url('../images/header-logo.png') no-repeat 0 0;
overflow: hidden;
}
header hgroup h1 a:hover {background: transparent url('../images/header-logo.png') no-repeat 0 -38px;}
header hgroup h1 a:active {background: transparent url('../images/header-logo.png') no-repeat 0 -76px;}
header hgroup h2 {
float: left;
clear: left;
width: 246px;
height: 12px;
margin-left: 30px;
text-indent: -10000px;
background: transparent url('../images/subhead-logo.png') no-repeat left top;
overflow: hidden;
}
header nav {
float: right;
width: 392px;
height: 137px;
background: transparent url('../images/nav/nav-bg.png') no-repeat left top;
}
header nav ul {padding-top:3px;list-style-type:none;text-indent:-10000px;}
header nav ul.nav-leftcol {padding-left:10px;float:left;}
header nav ul.nav-rightcol {margin:0 0 0 19\px;}
header nav a {display:block;overflow:hidden;width:185px;height:24px;}
header nav a:focus {outline:none;}
a#bookmarks:link, a#bookmarks:visited {background:url('../images/nav/btn-bookmarks.png') no-repeat 0 0;}
a#bookmarks:hover {background:url('../images/nav/btn-bookmarks.png') no-repeat 0 -24px;}
a#bookmarks:active {background:url('../images/nav/btn-bookmarks.png') no-repeat 0 -48px;}
a#checkbookcovers:link, a#checkbookcovers:visited {background:url('../images/nav/btn-checkbookcovers.png') no-repeat 0 0;}
a#checkbookcovers:hover {background:url('../images/nav/btn-checkbookcovers.png') no-repeat 0 -24px;}
a#checkbookcovers:active {background:url('../images/nav/btn-checkbookcovers.png') no-repeat 0 -48px;}
a#journals:link, a#journals:visited {background:url('../images/nav/btn-journals.png') no-repeat 0 0;}
a#journals:hover {background:url('../images/nav/btn-journals.png') no-repeat 0 -24px;}
a#journals:active {background:url('../images/nav/btn-journals.png') no-repeat 0 -48px;}
a#photobooks:link, a#photobooks:visited {background:url('../images/nav/btn-photobooks.png') no-repeat 0 0;}
a#photobooks:hover {background:url('../images/nav/btn-photobooks.png') no-repeat 0 -24px;}
a#photobooks:active {background:url('../images/nav/btn-photobooks.png') no-repeat 0 -48px;}
a#bags:link, a#bags:visited {background:url('../images/nav/btn-bags.png') no-repeat 0 0;}
a#bags:hover {background:url('../images/nav/btn-bags.png') no-repeat 0 -24px;}
a#bags:active {background:url('../images/nav/btn-bags.png') no-repeat 0 -48px;}
a#bottlebags:link, a#bottlebagss:visited {background:url('../images/nav/btn-bottlebags.png') no-repeat 0 0;}
a#bottlebags:hover {background:url('../images/nav/btn-bottlebags.png') no-repeat 0 -24px;}
a#bottlebags:active {background:url('../images/nav/btn-bottlebags.png') no-repeat 0 -48px;}
a#stockings:link, a#stockings:visited {background:url('../images/nav/btn-stockings.png') no-repeat 0 0;}
a#stockings:hover {background:url('../images/nav/btn-stockings.png') no-repeat 0 -24px;}
a#stockings:active {background:url('../images/nav/btn-stockings.png') no-repeat 0 -48px;}
a#koozies:link, a#koozies:visited {background:url('../images/nav/btn-koozies.png') no-repeat 0 0;}
a#koozies:hover {background:url('../images/nav/btn-koozies.png') no-repeat 0 -24px;}
a#koozies:active {background:url('../images/nav/btn-koozies.png') no-repeat 0 -48px;}
a#pillows:link, a#pillows:visited {background:url('../images/nav/btn-pillows.png') no-repeat 0 0;}
a#pillows:hover {background:url('../images/nav/btn-pillows.png') no-repeat 0 -24px;}
a#pillows:active {background:url('../images/nav/btn-pillows.png') no-repeat 0 -48px;}
a#stuffedanimals:link, a#stuffedanimals:visited {background:url('../images/nav/btn-stuffedanimals.png') no-repeat 0 0;}
a#stuffedanimals:hover {background:url('../images/nav/btn-stuffedanimals.png') no-repeat 0 -24px;}
a#stuffedanimals:active {background:url('../images/nav/btn-stuffedanimals.png') no-repeat 0 -48px;}
/**
* Main Content Section
*/
h3 {
margin: 15px 0 0 -4px;
font: italic 700 24px/42px 'Lobster Two', cursive;
}
article.description {
float: right;
width: 320px;
margin-right: 6px;
text-shadow: 0 1px 1px #f5efda;
}
#outer-grid-container {
position: relative;
float: left;
width: 618px;
height: 623px;
margin: 11px 0 0 8px;
background: transparent url('../images/pgrid-bg.png') no-repeat left top;
}
#grid-container {
position: absolute;
top:9px;
left:7px;
width:604px;
height:604px;
}
#placeholder {
width: 604px;
height: 604px;
overflow: hidden;
}
#grid11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/bottle-covers.jpg');}
#grid12 {top: 0px;left: 202px;background-color: #141414;background-image: url('../images/leather/pillow.jpg');background-position: -202px 0;}
#grid13 {top: 0px;left: 404px;background-color: #CF6A4C;background-image: url('../images/leather/fringe-pillow.jpg');background-position: -404px 0;}
#grid21 {top: 202px;left: 0px;background-color: #C0D1EE;background-image: url('../images/leather/black-pillows.jpg');background-position: 0 -202px;}
#grid22 {top: 202px;left: 202px;background-color: #8F9D6A;background-image: url('../images/leather/black-pillow.jpg');background-position: -202px -202px;}
#grid23 {top: 202px;left: 404px;background-color: #5F5A60;background-image: url('../images/leather/bookmarks.jpg');background-position: -404px -202px;}
#grid31 {top: 404px;left: 0px;background-color: #CDA869;background-image: url('../images/leather/pillow1.jpg');background-position: 0 -404px;}
#grid32 {top: 404px;left: 202px;background-color: #E9C062;background-image: url('../images/leather/bottle-bag.jpg');background-position: -202px -404px;}
#grid33 {top: 404px;left: 404px;background-color: #E4E4E4;background-image: url('../images/leather/pillow2.jpg');background-position: -404px -404px;}
.grid-el {position: absolute;width: 200px;height: 200px;z-index: 1;cursor: pointer;}
a#etsy-button:link, a#etsy-button:visited {
display: block;
width: 304px;
height: 80px;
margin: 0 auto;
overflow: hidden;
text-indent: -10000px;
background: transparent url('../images/etsy-button.png') no-repeat 0 0;
}
a#etsy-button:hover {background: transparent url('../images/etsy-button.png') no-repeat 0 -80px;}
a#etsy-button:active {background: transparent url('../images/etsy-button.png') no-repeat 0 -160px;}
/**
* Alternate grid area
*/
#outer-grid-container-w {
position: relative;
float: left;
width: 618px;
height: 471px;
margin: 11px 0 0 8px;
background: transparent url('../images/pgrid-wide-bg.png') no-repeat left top;
}
#grid-container-w {
position: absolute;
top:9px;
left:7px;
width:604px;
height:452px;
}
#placeholder-w {
width: 604px;
height: 452px;
overflow: hidden;
}
/* Checkbook photo grid */
#cb11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/checkbooks/checkbook1.jpg');}
#cb12 {top: 0px;left: 202px;background-color:#141414;background-image: url('../images/leather/checkbooks/checkbook2.jpg');background-position: -202px 0;}
#cb13 {top: 0px;left: 404px;background-color:#CF6A4C;background-image: url('../images/leather/checkbooks/checkbook6.jpg');background-position: -404px 0;}
#cb21 {top: 227px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/checkbooks/checkbook4.jpg');background-position: 0 -227px;}
#cb22 {top: 227px;left: 202px;background-color:#8F9D6A;background-image: url('../images/leather/checkbooks/checkbook3.jpg');background-position: -202px -227px;}
#cb23 {top: 227px;left: 404px;background-color:#5F5A60;background-image: url('../images/leather/checkbooks/checkbook5.jpg');background-position: -404px -227px;}
.grid-w-el {position:absolute;width:200px;height:225px;z-index:1;cursor:pointer;}
/* Journals photo grid */
#j11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/journals/journals2.jpg');}
#j12 {top: 0px;left: 202px;background-color: #141414;background-image: url('../images/leather/journals/journals3.jpg');background-position: -202px 0;}
#j13 {top: 0px;left: 404px;background-color: #CF6A4C;background-image: url('../images/leather/journals/journals1.jpg');background-position: -404px 0;}
.grid-j-el {position:absolute;width:200px;height:604px;z-index:1;cursor:pointer;}
/* Bags photo grid */
#b11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/bags/bag1.jpg');}
#b12 {top: 0px;left: 303px;background-color:#141414;background-image: url('../images/leather/bags/bag3.jpg');background-position: -303px 0;}
#b21 {top: 303px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/bags/bag4.jpg');background-position: 0 -303px;}
#b22 {top: 303px;left: 303px;background-color:#8F9D6A;background-image: url('../images/leather/bags/bag2.jpg');background-position: -303px -303px;}
.grid-b-el {position:absolute;width:301px;height:301px;z-index:1;cursor:pointer;}
/* Wine Gift Bags photo grid */
#wb1 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/winebags/winebags1.jpg');}
#wb2 {top: 101px;left: 0px;background-color:#141414;background-image: url('../images/leather/winebags/winebags5.jpg');background-position: 0px -101px;}
#wb3 {top: 202px;left: 0px;background-color:#CF6A4C;background-image: url('../images/leather/winebags/winebags3.jpg');background-position: 0px -202px;}
#wb4 {top: 303px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/winebags/winebags6.jpg');background-position: 0px -303px;}
#wb5 {top: 404px;left: 0px;background-color:#8F9D6A;background-image: url('../images/leather/winebags/winebags4.jpg');background-position: 0px -404px;}
#wb6 {top: 505px;left: 0px;background-color:#5F5A60;background-image: url('../images/leather/winebags/winebags2.jpg');background-position: 0px -505px;}
.grid-wb-el {position:absolute;width:604px;height:99px;z-index:1;cursor:pointer;}
/* Stockings (Ho ho ho!) */
#s11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/stockings/stocking2.jpg');}
#s12 {top: 0px;left: 303px;background-color:#141414;background-image: url('../images/leather/stockings/stocking4.jpg');background-position: -303px 0;}
#s21 {top: 303px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/stockings/stocking3.jpg');background-position: 0 -303px;}
#s22 {top: 303px;left: 303px;background-color:#8F9D6A;background-image: url('../images/leather/stockings/stocking1.jpg');background-position: -303px -303px;}
.grid-s-el {position:absolute;width:301px;height:301px;z-index:1;cursor:pointer;}
/* Koozies! */
#k1 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/koozies/koozies1.jpg');}
#k2 {top: 303px;left: 0px;background-color:#141414;background-image: url('../images/leather/koozies/koozies2.jpg');background-position: 0px -303px;}
.grid-k-el {position:absolute;width:604px;height:301px;z-index:1;cursor:pointer;}
/* Pillows! */
#p11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/pillows/pillow1.jpg');}
#p12 {top: 0px;left: 202px;background-color:#141414;background-image: url('../images/leather/pillows/pillow2.jpg');background-position: -202px 0;}
#p13 {top: 0px;left: 404px;background-color:#CF6A4C;background-image: url('../images/leather/pillows/pillow3.jpg');background-position: -404px 0;}
#p21 {top: 202px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/pillows/pillow4.jpg');background-position: 0 -202px;}
#p22 {top: 202px;left: 202px;background-color:#8F9D6A;background-image: url('../images/leather/pillows/pillow6.jpg');background-position: -202px -202px;}
#p23 {top: 202px;left: 404px;background-color:#5F5A60;background-image: url('../images/leather/pillows/pillow5.jpg');background-position: -404px -202px;}
#p31 {top: 404px;left: 0px;background-color:#CDA869;background-image: url('../images/leather/pillows/pillow7.jpg');background-position: 0 -404px;}
#p32 {top: 404px;left: 202px;background-color:#E9C062;background-image: url('../images/leather/pillows/pillow8.jpg');background-position: -202px -404px;}
#p33 {top: 404px;left: 404px;background-color:#E4E4E4;background-image: url('../images/leather/pillows/pillow9.jpg');background-position: -404px -404px;}
/* Stuffed animals */
#sa11 {top: 0px;left: 0px;background-color:#7587A6;background-image:url('../images/leather/stuffed-animals/white-dog.jpg');}
#sa12 {top: 0px;left: 202px;background-color:#141414;background-image: url('../images/leather/stuffed-animals/dog.jpg');background-position: -202px 0;}
#sa13 {top: 0px;left: 404px;background-color:#CF6A4C;background-image: url('../images/leather/stuffed-animals/bison.jpg');background-position: -404px 0;}
#sa21 {top: 303px;left: 0px;background-color:#C0D1EE;background-image: url('../images/leather/stuffed-animals/rabbit.jpg');background-position: 0 -303px;}
#sa22 {top: 303px;left: 202px;background-color:#8F9D6A;background-image: url('../images/leather/stuffed-animals/bear.jpg');background-position: -202px -303px;}
#sa23 {top: 303px;left: 404px;background-color:#5F5A60;background-image: url('../images/leather/stuffed-animals/yellow-rabbit.jpg');background-position: -404px -303px;}
.grid-sa-el {position:absolute;width:200px;height:301px;z-index:1;cursor:pointer;}
/**
* Contact Section
*/
.main {
background: #fff url('../images/bg.jpg') repeat center top;
}
/**
* Contact Section
*/
footer {
margin-top: 46px;
background-color: #74150b;
color: #f3ebd6;
text-shadow: 0 1px 0 #4d0e07;
}
footer .container {
background: transparent url('../images/footer-bg.png') no-repeat left top;
}
article#contact-text {
float: left;
width: 360px;
margin: 0 0 0 16px;
}
input, textarea {
width: 100%;
margin-bottom: 14px;
padding: 3px;
font: 400 14px/1.5em Helvetica, Arial, sans-serif;
color: #333;
border: 1px solid #74150b;
}
.contact-form {
width: 490px;
margin: 0 0 0 466px;
padding-top: 44px;
}
#contact-text h3 {
width: 152px;
height: 18px;
margin: 40px 0 12px -2px;
text-indent: -10000px;
background: transparent url('../images/contact-me.png') no-repeat left top;
}
#label-name {
display: block;
width: 53px;
height: 14px;
text-indent: -10000px;
background: transparent url('../images/contact-name.png') no-repeat left top;
margin: 0 0 7px -2px;
}
#label-email {
display: block;
width: 64px;
height: 14px;
text-indent: -10000px;
background: transparent url('../images/contact-email.png') no-repeat left top;
margin: 0 0 7px -2px;
}
#label-message {
display: block;
width: 85px;
height: 14px;
text-indent: -10000px;
background: transparent url('../images/contact-message.png') no-repeat left top;
margin: 0 0 7px -2px;
}
.contact-form textarea {
height: 105px;
margin-bottom: 7px;
}
input[type="submit"] {
border: 0;
background: url('../images/btn-send.png') no-repeat 0 0;
text-indent: -10000px;
width: 116px;
height: 30px;
padding: 0;
margin:0 0 42px 382px;
cursor: pointer;
overflow: hidden;
}
input[type="submit"]:hover {background: url('../images/btn-send.png') no-repeat 0 -30px;}
input[type="submit"]:active {background: url('../images/btn-send.png') no-repeat 0 -60px;}