body {background-color:#642200; background-image:url(../img/gradient.jpg); background-repeat:repeat-x; font-family:helvetica, sans-serif; font-size:82%; margin:0; padding:0;}
img {border:none;}
a {text-decoration:none;}
br {clear:both;}

#page-container {background-color:#642200; width:800px; overflow:hidden; margin:0 auto 0 auto; position:relative;}
#logo {position:absolute; z-index:10;}
.link-block {display:block; float:left; width:170px; margin-left:15px; margin-top:-15px; background-color:#642200; font-family:helvetica, sans-serif; border:none; color:#E2813A;}
.link-block a {display: block; color:#E2813A; padding:143px 0 21px 20px; overflow:hidden;}
.link-block:hover {background-color:#A27A66; color: #FFF; font-weight:bold;}
.link-block:hover a:link {color: #FFF; font-weight:bold;}
.link-block:hover a:hover {color:#FFF; font-weight:bold;}
.active-block {display:block; float:left; width:130px; padding:143px 20px 21px 20px; margin-left:15px; margin-top:-15px; background-color:#A27A66; font-family:helvetica, sans-serif; border:none; color:#FFF; font-weight:bold; overflow:hidden;}

/* collection */
#collection {position: absolute; left:35px; width:170px; background-image:url(../img/textblock-bkgd.png); padding: 24px 0 110px 0; color:#551700; font-weight:normal; font-size:12px; line-height:23px;}
#collection a {display: block; color:#551700; padding-left:20px; width:170px;}
#collection a:link {color:#551700;}
#collection a:hover {color:#FFF; font-weight:bold;}

/* collection slides */
#container {width: 534px; margin:0 auto 0 auto; position:absolute; left:230px; top:195px; z-index:0;}
#slides {position:absolute; top:15px; left:4px; z-index:100;}
.slides_container {width:534px; overflow:hidden; position:relative; display:none; padding-bottom:65px;}
.slides_container div.slide {width:534px; height:276px; display:block; text-align:center;}
#slides .next,#slides .prev {position:absolute; top:107px; left:-24px; width:24px; height:43px; display:block; z-index:101;}
#slides .next {left:534px;}
.caption {z-index:500;position:absolute; top:315px; width:540px; font-size:12px; text-align:center; color:#DCD087;}
#sets .pagination {margin:-5px 0 0 195px; width:70px;}
#bowls .pagination {margin:-5px 0 0 200px; width:65px;}
#cups .pagination {margin:-5px 0 0 180px; width:112px;}
#petware .pagination {margin:-5px 0 0 195px; width:70px;}
#brights .pagination {margin:-5px 0 0 158px; width:150px;}
#sweets .pagination {margin:-5px 0 0 154px; width:184px;}
#gallery .pagination {margin:-5px 0 0 60px; width:360px;}
.pagination li {float:left; margin:0 1px; list-style:none;}
.pagination li a {float:left; display:block; width:12px; height:0; margin-top:20px; padding-top:12px; background-image:url(../collection/slides/img/pagination.png); background-position:0 0; overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

/* about jane */
#about {position: absolute; display:block; left:220px; width:122px; background-image:url(../img/textblock-bkgd.png); padding: 12px 24px 20px 24px; color:#551700; font-weight:normal; font-size:11px; letter-spacing:-1px; line-height:16px;}
#about img {margin:0 20px 0 20px;}
#security {position:absolute; left:420px; top:210px; color:#DCD087; text-align:center; font-size:12px; line-height:54px;}

/* where to buy */
#buy {position: absolute; left:405px; width:130px; background-image:url(../img/textblock-bkgd.png); padding: 12px 20px 280px 20px; color:#551700; font-weight:normal; font-size:11px; line-height:16px;}
#buy a {color:#551700; font-weight:bold;}
#buy a:hover {color:#FFF; font-weight:bold;}

/* contact */
#contact {position: absolute; left:590px; width:130px; background-image:url(../img/textblock-bkgd.png); padding: 12px 20px 375px 20px; color:#551700; font-weight:normal; font-size:11px; line-height:16px;}
#contact a {color:#551700; font-weight:bold;}
#contact a:hover {color:#FFF; font-weight:bold;}

/* facebook button */
#fb {width:800px; margin:20px auto 0 auto; padding-left:5px;}
