/* lose the 3-pixel bug */
* {margin:0; padding:0; border:none; z-index:0;}

/* layout */
BODY, html {padding:0px; margin:0px; border:0px; background:#396798 url(bg2.png) top left repeat-x; font-family:arial, helvetica, sans-serif; font-size:12px;}
#wrapper {margin:31px auto 0px auto; width:960px; background:url(cork.jpg) top left no-repeat; height:853px;}
#wrapper2 {margin:31px auto 0px auto; width:960px; background:url(insidebg.jpg) top left no-repeat; height:974px;}

#container {position:relative;}

/* home page elements */

#button a {position:absolute; top:18px; left:21px; display:block; width:200px; height:200px;}
#newspaper {position:absolute; top:20px; left:200px;}
#note {position:absolute; top:18px; left:690px;}
#ring {position:absolute; top:300px; left:22px;}
#about {position:absolute; top:465px; left:425px;}

/* inside elements */
#card {position:absolute; top:7px; left:60px;}
#clip {position:absolute; top:25px; left:630px;}
#samples {position:absolute; top:2px; left:670px;}
#scotch {position:absolute; top:4px; left:460px;}
#yellow {position:absolute; top:20px; left:750px;}


FORM INPUT, TEXTAREA {border:1px solid black;}
FORM INPUT.s {width:195px;}
FORM {font-weight:bold; line-height:1.8em;}
FORM INPUT.r {display:none;}






/* text content */
#content {position:absolute; top:-300px; left:-300px; width:800px;}
#menu {position:absolute; top:715px; left:50px; width:700px; color:white; text-align:center;}
#menu a {color:white; text-decoration:none; margin-right:40px; margin-left:40px;}
#menu a:hover {text-decoration:underline;}



/* inside content */
#content2 {position:absolute; font-size:13px; top:220px; left:240px; width:680px;}
#content2 h1{font-family:Arial Black; font-size:30px; color:#b9a388; font-weight:bold; margin-bottom:10px;}
#sidebar {padding-left:30px; padding-top:220px;}