body { position: relative; width: 800px; min-height: 100%; margin: 0 auto; padding: 0; }
* html body { height: 100%; }

a { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #a31011; }


div#header { width: 800px; height: 152px; background: url(/images/header.jpg) 0 0 no-repeat; }
div#sidebar { position: absolute; top: 152px; left: 0; width: 158px; height: 500px; background: url(/images/background.gif) 0 0 repeat; }
iframe#content { position: absolute; top: 152px; left: 158px; padding: 20px 50px; }
div#address { position: absolute; bottom: 0; left: 0; width: 158px; height: 0; padding-top: 158px; overflow: hidden; background: url(/images/address.gif) 0 0 no-repeat; }
div#footer { position: absolute; top: 652px; left: 0; width: 800px; height: 20px; background: #000; }

div#sidebar a.button { display: block; width: 158px; height: 0; padding-top: 32px; overflow: hidden; margin: 15px 0; }
div#sidebar a.button:hover { background-position: 0 -32px; }
a#b1 { background: url(/images/buttons/home.gif) 0 0 no-repeat; }
a#b2 { background: url(/images/buttons/yarn.gif) 0 0 no-repeat; }
a#b3 { background: url(/images/buttons/clothing.gif) 0 0 no-repeat; }
a#b4 { background: url(/images/buttons/workshops.gif) 0 0 no-repeat; }
a#b5 { background: url(/images/buttons/gallery.gif) 0 0 no-repeat; }
a#b6 { background: url(/images/buttons/contact.gif) 0 0 no-repeat; }