@charset "utf-8";
/*
COLORS
hover pink: #ef9393;
*/

/* GLOBAL */
*{margin:0; padding:0;}
body{background:url(../img/bkg-tile.gif) repeat; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#11b8b4;}
a{color:#11b8b4; text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
p{margin-bottom:14px;}
ul li{list-style-type:none;}
input, textarea{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#11b8b4; background-color:#FFF; border:none;}
a:focus{outline:none;}
form.rounded{display:block; padding:14px 0; background:url(../img/bkg-tile.gif) repeat 0 0; border:1px solid #e9da57; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center;}
form.rounded h2{height:16px; padding:0 11px; margin-bottom:8px; font-size:15px; text-align:left; text-indent:-9999px;}
input.text{padding:2px; border:1px solid #DDD;}
input.error,
textarea.error{border-color:#cc0700; color:#cc0700;}
input.button::-moz-focus-inner{border:0;}
input.button{padding:3px; cursor:pointer; border:1px solid #E9DA57; -moz-border-radius:4px; -webkit-border-radius:4px;}
textarea{padding:2px; border:1px solid #DDD;}
div.textDiv{margin-bottom:10px;}
div.buttonDiv{margin:16px 0 2px 0;}
.clear{clear:both;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainContainer{margin:0 auto; width:748px; border:1px solid #e9da57; background-color:#fff;}

/* HEADER */
#headContainer{width:748px; height:117px; padding:4px 0 0 0; background:url(../img/head-bkg.jpg) no-repeat;}
#headContainer a.logo{display:block; width:267px; height:74px; margin:0 0 0 14px;}

/* navigation */
#headContainer ul.navigation{height:43px; width:748px;}
#headContainer ul.navigation li{display:block; float:left;}
#headContainer ul.navigation li a{display:block; height:100%; width:100%; text-indent:-9999px;}
#headContainer ul.navigation li.nav1{width:124px; height:43px;}
#headContainer ul.navigation li.nav2{width:125px; height:43px;}
#headContainer ul.navigation li.nav3{width:125px; height:43px;}
#headContainer ul.navigation li.nav4{width:125px; height:43px;}
#headContainer ul.navigation li.nav5{width:124px; height:43px;}
#headContainer ul.navigation li.nav6{width:125px; height:43px;}
#headContainer ul.navigation li.nav1 a{background:url(../img/nav/cards.gif) no-repeat 0 0;}
#headContainer ul.navigation li.nav2 a{background:url(../img/nav/retailers.gif) no-repeat 0 0;}
#headContainer ul.navigation li.nav3 a{background:url(../img/nav/press.gif) no-repeat 0 0;}
#headContainer ul.navigation li.nav4 a{background:url(../img/nav/about.gif) no-repeat 0 0;}
#headContainer ul.navigation li.nav5 a{background:url(../img/nav/contact.gif) no-repeat 0 0;}
#headContainer ul.navigation li.nav6 a{background:url(../img/nav/blog.gif) no-repeat 0 0;}
/* END HEADER */

/* CARDS FLYOUT */
#cardsFly{position:absolute; display:none; width:122px; height:auto; border:1px solid #abdbd0; background-color:#fff0c3; z-index:1;}
#cardsFly li{display:block; border-top:1px dashed #abdbd0;}
#cardsFly li:first-child{border-top:none;}
#cardsFly li a{display:block; width:110px; margin:0; padding:2px 6px; background-color:#fff0c3;}
#cardsFly li a:hover{text-decoration:none; background-color:#FFFFFF;}

/* FOOTER */
.footer{width:748px; margin:8px auto 0 auto; font-size:14px; text-align:center;}
.footer ul{margin-left:3px;}
.footer ul li{display:block; float:left; margin-right:44px;}
.footer ul li#mailto{margin-right:0;}
.footer a{text-decoration:none;}
.footer a:hover{color:#ef9393; text-decoration:none;}
.footer p.copyright{font-size:11px; margin:14px 0 10px 0;}

/* HOME */
div.homeContent .leftCol{width:432px; float:left;}
div.homeContent .leftCol a,
div.homeContent .leftCol a img{display:block;}
div.homeContent .rightCol{width:278px; height:456px; padding:72px 19px 0 19px; position:relative; float:left;}
div.homeContent .rightCol p{font-size:13px;}
div.homeContent .rightCol p:first-letter{font-size:21px;}
div.homeContent .rightCol img{display:block; position:absolute; bottom:19px;}

/* ABOUT */
div.aboutContent .leftCol{width:246px; padding:56px 24px 0 24px; float:left;}
div.aboutContent .leftCol p.first:first-letter{font-size:21px;}
div.aboutContent .rightCol{width:454px; float:left;}
div.aboutContent .rightCol img{display:block; margin:24px 0;}

/* Q+A */
.qaContent{font-size:11px; padding:20px 20px 10px 20px;}
.qaContent h1{margin-bottom:14px; font-size:22px;}

/* ETSY */
div.etsyContent{padding:45px 0; text-align:center;}
div.etsyContent a.prodImg{display:block; width:492px; height:329px; margin:36px auto 0 auto;}

/* RETAILERS */
div.retailersContent{padding:16px;}
div.retailersContent h1{font-size:16px; margin-bottom:20px; color:#c1aa3e;}
div.retailersContent h2{font-size:12px; padding-bottom:2px; margin-bottom:6px; border-bottom:1px dashed #c1aa3e; color:#c1aa3e;}
div.retailersContent ul{margin-bottom:14px;}
div.retailersContent .leftCol{float:left; width:350px; padding-right:8px;}
div.retailersContent .rightCol{float:left; width:350px; padding-left:8px;}

/* MAILING LIST */
div.maillistContent .leftCol{width:305px; padding:0 24px; float:left;}
div.maillistContent .leftCol p{margin:20px 0 24px;}
div.maillistContent .leftCol p.error{margin:0 0 4px 12px; color:#cc0700;}
div.maillistContent .leftCol form p.error{width:278px; text-align:left; font-size:11px;}
div.maillistContent .rightCol{width:395px; float:left;}
div.maillistContent .rightCol img{display:block; margin:24px 0;}
div.maillistContent form h2{background:url(../img/hello.gif) no-repeat 0 0;}
div.maillistContent form input.text{width:274px;}

/* CONTACT */
div.contactContent .leftCol{width:395px; float:left;}
div.contactContent .leftCol img{display:block;}
div.contactContent .rightCol{width:305px; padding:0 24px; float:left;}
div.contactContent .rightCol p.error{margin:0 0 4px 12px; color:#cc0700;}
div.contactContent .rightCol form p.error{width:278px; text-align:left; color:#cc0700;}
div.contactContent p.info{margin:20px 0; line-height:20px;}
div.contactContent form h2{background:url(../img/hello.gif) no-repeat 0 0;}
div.contactContent form input.text{width:274px;}
div.contactContent form textarea{width:274px; height:60px;}

/* COMING SOON */
div.comingsoonContent{height:330px; padding-top:70px; text-align:center;}
div.comingsoonContent div{font-size:30px; letter-spacing:8px;}
div.comingsoonContent div em{font-size:18px; letter-spacing:0;}
div.comingsoonContent p{font-size:14px; margin-top:36px;}

/* CARDS */
div.cardsContent{padding-top:16px;}
div.cardsContent h1{margin-bottom:24px; font-size:22px; line-height:22px; text-align:center;}
div.cardsContent .cardsRow{margin:0 0 20px 0;}
div.cardsContent .cardsRow .card{width:374px; float:left;}
div.cardsContent .cardsRow .card img{display:block; margin:0 auto 6px; text-align:center; /*border:1px solid #CCC;*/}
div.cardsContent .cardsRow .card span{display:block; text-align:center;}
div.cardsContent .cardsRow .card span.name{font-weight:bold;}

/* PRESS */
div.pressContent{min-height:400px; padding:20px 20px 10px;}
div.pressContent h1{margin-bottom:26px; font-size:22px;}
div.pressContent .article{margin-bottom:20px;}
div.pressContent .article h4{font-size:12px;}