
html, body { 
 background: url(images/body.jpg) repeat-x #6a6a6a; 
 margin: 0px; 
 padding: 0px;
 font-family: Arial, sans-serif;
 text-align: center;
 font-size: 12px; }
  
.ad-ribbon {
 position: fixed;
 top: 0;
 left: 0;
 width: 142px;
 height: 142px;
 display: block; }
 
.header {
 width: 867px;
 height: 182px;
 display: block;
 margin: 0 auto;
 background: url(images/header.jpg) center no-repeat;
 position: relative; }
 
.container {
 position: relative;
 width: 717px;
 display: block;
 margin: 0 auto;
 text-align: left;
 padding-left: 32px;
 font-size: 12px;
 line-height: 18px;
 color: #777B68; }
 
.container p {
 text-align: justify; }
 
.container h1 {
 font-size: 48px;
 font-weight: normal;
 line-height: 52px;
 text-align: left;
 margin: 0px;
 letter-spacing: -2px;
 color: #8B965C; }
 
.large {
 font-size: 18px;
 line-height: 22px;
 letter-spacing: -1px;
 margin-top: 2px;
 color: #464C2F;
 text-align: justify; }
 
.column {
 position: relative;
 display: block;
 float: left; }
 
.panel {
 position: relative;
 width: 867px;
 font-size: 12px;
 color: #777B68;
 margin: 0 auto;
 background: url(images/panel.gif) repeat-y;
 line-height: 18px; }
 
.footer {
 display: block;
 margin: 0 auto;
 clear: both;
 width: 867px;
 height: 84px;
 background: url(images/footer.gif); }
 
.clear {
 clear: both; }
 
div.hr {
 display: block;
 clear: both;
 width: 717px;
 height: 32px;
 background: #FAFCEF url(images/hr.gif) no-repeat scroll center; }
 
div.hr2 {
 display: block;
 clear: both;
 width: 717px;
 height: 32px;
 background: #FAFCEF url(images/hr2.gif) no-repeat scroll center; }

div.hr hr, div.hr2 hr {
 display: none; }
 
h2 {
 font-size: 36px;
 line-height: 40px;
 color: #8B965C; 
 letter-spacing: -1px; }
 
.example {
 position: relative;
 display: block;
 margin: 0 auto;
 width: 680px; }
 
.pic {
 width: 251px;
 height: 159px;
 background: url(images/pic.gif) no-repeat; }
 
.pic-img {
 position: absolute;
 top: 12px;
 left: 17px;
 border: 0px;
 margin: 0px; }
 
.shop-button {
 z-index: 100;
 position: absolute;
 top: 112px;
 left: 197px;
 width: 42px;
 height: 41px; }
 
#shop {
 display: block;
 width: 42px;
 height: 41px; 
 background: url(images/shop-button.png) no-repeat; }
 
#shop:hover {
 background-position: 0px -41px; }
 
#shop span {
 display: none; }
 
.descrip {
 color: #777B68;
 width: 420px;
 font-size: 11px;
 line-height: 15px;
 text-align: justify; }
 
.descrip p {
 margin-top: 0px; }
 
.descrip h3 {
 font-size: 14px;
 font-weight: bold;
 margin: 5px 0 5px 0;
 color: #B1893D; }
 
#buyatoplikethis, #buyabottomlikethis {
 display: block;
 width: 177px;
 height: 26px;  }
 
#buyatoplikethis {
 background: url(images/buyatoplikethis.gif) right top no-repeat; }
 
#buyabottomlikethis {
 background: url(images/buyabottomlikethis.gif) right top no-repeat; }
 
#buyatoplikethis:hover, #buyabottomlikethis:hover {
 background-position: 0px -26px; }
 
#buyatoplikethis span, #buyabottomlikethis span {
 display: none; }
 
 
 
 
 
 
 
 
 
 
