/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE5-6 for Windows. See file for details. */

@import "ie6win.css";

/* -- undo HTML -- */
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none;}
	h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	a img,:link img,:visited img {border: none;}

/* -- basic HTML elements -- */
	a:link, a:visited {color: #473568; text-decoration: none;}
	a:hover, a:focus {color: #000; text-decoration: underline;}

	
	body {color: #000; background: #6B519C url(../images/bg-main_fill.gif) repeat; font: 90% Arial, Helvetica, sans-serif; margin: 20px 0; padding: 0;}
	p {line-height: 1.2em;}
	
	li a:link, li a:visited, #footer a:link, #footer a:visited {border: none;}

/* -- layout structure -- */
	#container {
		width: 765px;
		height: auto;
		margin: 0 auto;
		padding: 0;
		background: url(../images/bg-body_fill.jpg) repeat-y;
	}
	
	#container .header {
		width: 765px;
		height: 85px;
		background: url(../images/header.jpg) no-repeat;
	}
	
	#container .header .cart:hover {
		text-decoration: none;
	}
	
	#container .header h1 {
		width: 305px;
		height: 70px;
		background: url(../images/h1-title.jpg) no-repeat;
		position: relative;
		top: 10px;
		left: 0px;
		float: left;
	}
	
	
	#container .header h1 a {
		width: 305px;
		height: 70px;
		display: block;
		/*background: url(../images/wreath.gif) no-repeat right top;*/
		text-indent: -9999px;
	}
	
	#container .header h2 {
		width: 335px;
		height: 50px;
		background: url(../images/h2-slogan.jpg) no-repeat;
		text-indent: -9999px;
		position: relative;
		top: 20px;
		left: 375px;
	}
	
	html>body #container .header h2 {*left: 68px;}
	
	
	#container .body {width: 765px; min-height: 440px; height: auto; overflow: hidden;}
	
/* -- side nav -- */
	#container .body .menu {width: 125px; height: auto; float: left;}
	#container .body .menu ul {width: 120px; height: auto; margin: 20px 0 0 5px; list-style-type: none; background: url(../images/bg-menu.jpg) no-repeat;}
	#container .body .menu ul li {display: block;}
	#container .body .menu ul li a:link, #container .body .menu ul li a:visited {display: block; width: 120px; height: 30px; text-indent: -9000px;}
	
	#container .body .menu ul li.linkWorkshop a:link, #container .body .menu ul li.linkWorkshop a:visited {height: 40px;}
	
	#container .body .menu ul li.linkHome a:hover {
		background: url(../images/menu-home-on.jpg) no-repeat;}
	#container .body .menu ul li.linkAbout a:hover {
		background: url(../images/menu-about-on.jpg) no-repeat;}
	#container .body .menu ul li.linkWorkshop a:hover {
		background: url(../images/menu-workshop-on.jpg) no-repeat; height: 40px;}
	#container .body .menu ul li.linkKits a:hover {
		background: url(../images/menu-featured-on.jpg) no-repeat;}
	#container .body .menu ul li.linkYarn a:hover {
		background: url(../images/menu-yarn-on.jpg) no-repeat;}
	#container .body .menu ul li.linkPattern a:hover {
		background: url(../images/menu-pattern-on.jpg) no-repeat;}
	#container .body .menu ul li.linkAccessories a:hover {
		background: url(../images/menu-accessories-on.jpg) no-repeat;}
	#container .body .menu ul li.linkOrdering a:hover {
		background: url(../images/menu-ordering-on.jpg) no-repeat;}
	#container .body .menu ul li.linkBlog a:hover {
		background: url(../images/menu-blog-on.jpg) no-repeat;}
	#container .body .menu ul li.linkContact a:hover {
		background: url(../images/menu-contact-on.jpg) no-repeat;}
	
	#container .body .content {width: 630px; min-height: 340px; height: auto; margin-left: 125px; padding: 20px 15px;}
	html>body #container .body .content {*width: 615px; *padding: 20px 0 15px 15px;}
	#container .body .content .main {width: 600px; height: auto; border: none; background: #9595C6; margin: 0 0 10px 0;}
	#container .body .content .main p {font-size: 1em; margin: 5px 15px 10px 15px;}
	#container .body .content .main p a:link, #container .body .content .main p a:visited {color: #000; text-decoration: underline;}
	#container .body .content .main p a:hover {color: #fff; text-decoration: underline;}
	#container .body .content .main .heading, #container .body .content .main .links {height: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: url(../images/heading-fade.jpg) repeat-x; padding: 2px 0 1px 6px;}
	#container .body .content .main .heading h1 {font-size: 1.2em; color: #E2E2EF; font-weight: bold;}
	#container .body .content .main .links {text-align: center;}
	#container .body .content .main .links a:link, #container .body .content .main .links a:visited {color: #fff; text-decoration: none;}
	#container .body .content .main .links a:hover {text-decoration: underline;}
	#container .body .content .main p ul.classes {margin: 0 0 0 20px;}
	
	#container .footer {
		width: 765px;
		height: 45px;
		background: url(../images/footer.jpg) no-repeat;
		text-align: center;
		font-size: 0.9em;
		padding: 5px 0 0 0;
	}
	
	
	/*Example CSS for the two demo scrollers*/

#pscroller {
width: 210px;
height: 390px;
padding: 0px;
margin: 0;
font: 90% Arial, Helvetica, sans-serif;
}

#pscroller p {
	padding: 5px 0 0 0;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* book show */
.position {position: relative; margin-bottom: 0px;}