/* -- BASIC PAGE LAYOUT -------------------------------- */

html, body {padding: 0;	border: 0; margin: 0;}

body {background-color: #7C6B73;}

#page {
	margin: 0 auto; 
	position: relative; 
	width: 800px; 
	}

#header h1 {
	position: absolute;
	top: 0; left: 0;
	margin: 0;
	padding: 0;
	height: 105px; width: 658px;
	background: transparent url(images/banner.jpg) no-repeat top left;
}

#header h1 span {
	display: none;
}

#beltsketch p {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 105px; left: 0;
	height: 185px; width: 255px;
	background: url(images/left-sketch.jpg) no-repeat;
}

/* -- LEFT NAVIGATION LINKS -------------------------------- */

#leftbar {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 292px; left: 0;
	width: 157px;
}

#navlinks ul {
	margin: 0; 
	padding: 0; 
	border: 0;
}

#navlinks ul li {
	width: 157px;
	line-height: 52px;
	list-style: none;
	margin: 0;
}
	
#navlinks ul li a {
	height: 52px;
	padding: 0 0 0 15px; 
	margin: 0;
	color: black; 
	display: block;  
	text-decoration: none;
}

#navlinks ul li a span {display: none;}

#navlinks ul li a.home {background: url(images/home-pink.jpg) no-repeat 0 0;}
#navlinks ul li a.options {background: url(images/options-pink.jpg) no-repeat 0 0;}
#navlinks ul li a.theysay {background: url(images/theysay-pink.jpg) no-repeat 0 0;}
#navlinks ul li a.purchase {background: url(images/purchase-pink.jpg) no-repeat 0 0; padding-bottom: 20px;}
#navlinks ul li a.cards {background: url(images/cards-pink.jpg) no-repeat 0 0;}
#navlinks ul li a.scrapbooks {background: url(images/scrapbooks-pink.jpg) no-repeat 0 0;}
#navlinks ul li a.sewing {background: url(images/sewing-pink.jpg) no-repeat 0 0;}

#navlinks ul li a.home:hover {background: url(images/home-blue.jpg) no-repeat 0 0;}
#navlinks ul li a.options:hover {background: url(images/options-blue.jpg) no-repeat 0 0;}
#navlinks ul li a.theysay:hover {background: url(images/theysay-blue.jpg) no-repeat 0 0;}
#navlinks ul li a.purchase:hover {background: url(images/purchase-blue.jpg) no-repeat 0 0; padding-bottom: 20px;}
#navlinks ul li a.cards:hover {background: url(images/cards-blue.jpg) no-repeat 0 0;}
#navlinks ul li a.scrapbooks:hover {background: url(images/scrapbooks-blue.jpg) no-repeat 0 0;}
#navlinks ul li a.sewing:hover {background: url(images/sewing-blue.jpg) no-repeat 0 0;}

/* -- MAIN PAGE AREA -------------------------------- */

#mainarea {
	position: absolute;
	top: 105px; left: 158px;
	width: 500px;
	margin: 0;
	padding: 0;
	background: #E3DEC8 url(images/sketch-bg.jpg) no-repeat 0 0;
	border: 0px solid black;
	border-top: none;
}

#mainarea p {
	margin: 10px;
	text-align: left;
	font: normal 11px Verdana, "Trebuchet MS", Optima, "Gill Sans", AppleGothic, sans-serif;
	line-height: 13px;
	color: black;
}

#mainarea .indent {
	margin-left: 110px;
}

#mainarea a {text-decoration: none; }

#mainarea .quote {
	font-weight: bold;
}

#mainarea .tm {
	white-space: nowrap;
	font-variant: small-caps;
}

#mainarea .tm sup {
	vertical-align: super;
	font-size: 8px;
}

#mainarea table {
	margin-left: auto; margin-right: auto;
	border: none;
	font: normal 11px Verdana, "Trebuchet MS", Optima, "Gill Sans", AppleGothic, sans-serif;
	line-height: 13px;
	color: black;
}

#mainarea td {
	padding: 2px 5px;
	border: none;
}

/* -- MOUSE-OVER IMAGE -------------------------------- */

#belt-image {
	line-height: 250px;
	width: 246px;
	margin: 0;
	padding: 128px 123px;
}

#belt-image a {
	height: 250px;
	width: 246px;
	margin: 0;
	padding: 125px 121px;
	background: url(images/belt-rollover.jpg) no-repeat 0 0;
}

#belt-image a:hover {
	margin: 0;
	padding: 125px 121px;
	background: url(images/belt-rollover.jpg) no-repeat -246px 0;
}

/* #belt-image a span {
	display: none;
} */