@import "/css/reset.css";

body { background: url(/images/body_bg.jpg) top left repeat-x #ffffff; margin: 0; padding: 0; }

#header { height: 112px; margin: 0 auto; padding: 0 12px 0 0; position: relative; width: 832px; }
  #brand { background: url(/images/brand.png) top left no-repeat; display: block; height: 179px; left: 0; overflow: hidden; position: absolute; text-indent: -1000px; top: 0; width: 311px; }
  #hours { background: url(/images/hours.jpg) top left no-repeat; float: right; height: 88px; overflow: hidden; text-indent: -10000px; width: 206px; }
  #address { background: url(/images/address.jpg) top left no-repeat; float: right; height: 87px; margin: 0 79px 0 0; overflow: hidden; text-indent: -10000px; width: 228px; }
  
 
#navigation_wrapper { clear: both; margin: 0 auto; padding: 25px 0 0 0; width: 844px; } 
  #navigation { background: url(/images/nav.jpg) top left no-repeat; float: right;  height: 31px; width: 515px; }
     #navigation li { display: block; float: left; height: 31px; padding: 0 12px 0 11px; width: 80px; }
	 #navigation li a { display: block; height: 31px; overflow: hidden; padding: 0; text-indent: -1000px; width: 80px; }
	   #navigation li #nav_store-info { background: url(/images/nav.jpg) -11px 0 no-repeat; }
	     #navigation li #nav_store-info:hover { background: url(/images/nav.jpg) -11px -31px no-repeat; }
		 #navigation li#li_active #nav_store-info { background: url(/images/nav.jpg) -11px -31px no-repeat; }
	   #navigation li #nav_yarns { background: url(/images/nav.jpg) -114px 0 no-repeat; }
	     #navigation li #nav_yarns:hover { background: url(/images/nav.jpg) -114px -31px no-repeat; }
		 #navigation li#li_active #nav_yarns { background: url(/images/nav.jpg) -114px -31px no-repeat; }
	   #navigation li #nav_classes { background: url(/images/nav.jpg) -217px 0 no-repeat; }
	     #navigation li #nav_classes:hover { background: url(/images/nav.jpg) -217px -31px no-repeat; }
		 #navigation li#li_active #nav_classes { background: url(/images/nav.jpg) -217px -31px no-repeat; }
	   #navigation li #nav_blog { background: url(/images/nav.jpg) -320px 0 no-repeat; }
	     #navigation li #nav_blog:hover { background: url(/images/nav.jpg) -320px -31px no-repeat; }
		 #navigation li#li_active #nav_blog { background: url(/images/nav.jpg) -320px -31px no-repeat; }
	   #navigation li #nav_contact { background: url(/images/nav.jpg) -423px 0 no-repeat; }
	     #navigation li #nav_contact:hover { background: url(/images/nav.jpg) -423px -31px no-repeat; }
		 #navigation li#li_active #nav_contact { background: url(/images/nav.jpg) -423px -31px no-repeat; }


#maincontent_wrapper { clear: both; margin: 0 auto; padding: 50px 0 0 0; width: 844px; }		 		 
  #sidebar { background: url(/images/sidebar_bg.jpg) top left repeat-y; float: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1.8em; margin: 0; padding: 0 12px; width: 207px; }
	#sidebar h2 { background: #42B2DA; color: #ffffff; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 16px; padding: 8px 0 6px 10px; text-align: left;  width: 197px; }
	#searchform fieldset { display: block; padding: 10px; }
	#searchform input.text { background: url(/images/input_bg.jpg) 0 100% repeat-x #B0DEED; border: 1px solid #1B738B; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 3px 0 0; padding: 3px 4px; vertical-align: top; width: 150px; }
	#searchform input.go { vertical-align: top; }
	
	#sidebar ul { display: block; padding: 10px; }
	#sidebar ul li { background: url(/images/bull.jpg) 0 .2em no-repeat; line-height: 1.2em; margin: 0 0 .6em 0; padding: 0 0 0 12px; }
	#sidebar ul li a { border-bottom: 1px dotted #478FBF; color: #478FBF; }
	#sidebar ul li a:hover { border-bottom: none; }
	
	
	#sidebar p { color: #6a7957; padding: 0 10px 10px 10px; }
	#sidebar p a { color: #6a7957; font-weight: bold; text-align: center; }
	
	#sidebar_directions p { color: #6a7957; padding: 10px; }
	#sidebar_directions p a { color: #6a7957; display: block; font-weight: bold; text-align: center; }
	#sidebar_directions p a#map { text-align: left; }
	
	#sidebar_bottom { background: url(/images/sidebar_bottom.jpg) top left no-repeat; clear: right; display: block; float: right; height: 11px; padding: 0 20px 0 12px; width: 199px; }
   
  #maincontent { color: #575757; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0; padding: 0 0 0 63px; text-align: left; width: 473px; }
  	#maincontent h1 { color: #328cad; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 22px; line-height: 22px; margin: 0 0 1em 0; padding: 0; text-align: left; }
	#maincontent h1 a { border: 0;color: #328cad; }
	#maincontent h2 { color: #333333; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; margin: 0 0 1em 0; padding: 0; text-align: left; }
	#maincontent h3, h4 { color: #328cad; display: block; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0 0 .6em 0; padding: 0; text-align: left; }
	#maincontent h3 a, h4 a { border: none; color: #328cad; text-decoration: underline; }
	#maincontent h3 a:hover, h4 a:hover { text-decoration: none; }
	#maincontent small { color: #3F3F3F; display: block; font-style: italic; font-size: 10px; margin: 0 0 .8em 0; }
	
	#maincontent p { line-height: 1.6em; margin: 0 0 1.6em 0; }
	#maincontent strong { color: #b11133; }
	#maincontent a { border-bottom: 1px dotted #FD1248; color: #FD1248; }
	#maincontent a:hover { border-bottom: none; }
	#maincontent ul { margin: 0 0 1.2em 12px; }
	 #maincontent ol { margin: 0 0 1.2em 20px; padding: 4px 0 0 0; }
	#maincontent ul li { background: url(/images/bull.jpg) 0 .2em no-repeat; color: #4F4040; line-height: 1.2em; margin: 0 0 .6em 0; padding: 0 0 0 12px;  }
	#maincontent ol li { color: #4F4040; line-height: 1.2em; margin: 0 0 .6em 0; padding: 0;  }
	#maincontent ol.commentlist li { line-height: 1.4em; }
	#maincontent ol.commentlist li cite a { border: 0; color: #FD1248; font-weight: bold; text-decoration: underline;  }
	#maincontent ol.commentlist li cite a:hover { text-decoration: none;  }
	#maincontent ol.commentlist li small a { border-bottom: 1px dotted #AFAFAF; color: #AFAFAF; }
	#maincontent ol.commentlist li small a:hover { border: 0; }
	
	#commentform input.text, #commentform textarea { background: url(/images/input_bg.jpg) 0 100% repeat-x #B0DEED; border: 1px solid #1B738B; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin: 0 3px 0 0; padding: 3px 4px; vertical-align: top; width: 225px; }
	
	#maincontent ul#hm_images { height: 136px; margin: 0; padding: 0 0 1.5em 0; }
	#maincontent ul#hm_images li { background: none; float: left; margin: 0 5px 0 0; padding: 0;  }
  
#footer { background: url(/images/footer_bg.jpg) center 25px no-repeat; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;; margin: 0 auto; min-height: 50px; padding: 50px 0 0 0; text-align: center; width: 844px }
  #footer ul { display: inline; }
  #footer ul li { color: #99c2d1; display: inline; padding: 0 .25em; }
  #footer ul li a { color: #688590 }
  #footer p { color: #b7b7b7; line-height: 2em; padding: 1em 0 0 0; }	
	
.clearfix { clear: both; }
.right { display: block; float: right; margin: 0 0 10px 10px }
  
* html #brand { behavior: url(/css/iepngfix.htc); }