@charset "utf-8";  
/*

ul#nav {
			
	padding: 15px 0 0 16px;
	
	}
*/
	
	
#nav, #nav ul {
	
	padding: 0;
	margin: 0;
	list-style: none;

	}
	
	#nav {
	
		margin:17px 0 0 15px;
		
		}
		
	#nav a {
	
		display: block;
		width: 100px !important;
		height:30px;
		text-indent: -9999px;
	
		}
		
		#nav ul a {
			
			text-indent: 0;
			
			}
	
		#nav li {
			
			float: left;
			width: 100px;
			
			}
		
			#nav li ul {
			
				position: absolute;
				width: 150px;
				left: -999em;
				background:#FFF;
				border:1px solid #CCCCCC;
			
				}
				
				#nav li ul li {
					
					font-size:12px;
					height:14px;
					padding:3px 0 3px 5px;
					/* text-transform: capitalize; */
					
					}
	
			#nav li:hover ul, #nav li.sfhover ul {
				
				left: auto;
			
				}
				
	li#navyarn {    width:36px; background: url(../images/nav-yarn.gif) 0px -30px no-repeat; padding-right:15px; }
	li#navpatterns {width:66px; background: url(../images/nav-patterns.gif) 0px -30px no-repeat; padding-right:11px; } 	
	li#navneedles {	width:66px; background: url(../images/nav-needles.gif) 0px -30px no-repeat; padding-right:8px; } 
	li#navblog {	width:57px; background: url(../images/nav-classes.gif) 0px -30px no-repeat; padding-right:15px; }
	li#navclasses {	width:89px; background: url(../images/nav-classes.gif) 0px -30px no-repeat; padding-right:15px; } 	
	li#navnotions {	width:89px; background: url(../images/nav-notions.gif) 0px -30px no-repeat;  padding-right:1px; }
	li#navrewards { width:66px; background: url(../images/nav-rewards.gif) 0px -30px no-repeat;  padding-right:15px; } 
	
	ul#nav a:hover {
			
		background-position: 0px 0px;
		
		}
	
	
	li.navwide {
				
		width:130px !important;
		
		}
	
	#navyarnwrap {
		
		width:88px;
		
		}

div#blog {
width: 50px;
position: absolute;
right: 210px;
top: 93px;
text-align: right;
}

	/*
	
	ul#nav a {
		
		text-indent: -9999px;
		height:30px;
		display:-moz-inline-block;
		display:inline-block;
		
		}
		
	ul#nav li {
		
		float:left;
		
		}
		
		
	*ul#nav li {
		
		float:none;
		
		}
		
		ul#nav a:hover {
			
			background-position: 0px 0px;
			
			}
	
		a#navyarn { 		width:36px; background: url(../images/nav-yarn.gif) 0px -30px no-repeat; padding-right:17px; }
		a#navpatterns {		width:66px; background: url(../images/nav-patterns.gif) 0px -30px no-repeat; padding-right:13px; } 	
		a#navneedles {		width:66px; background: url(../images/nav-needles.gif) 0px -30px no-repeat; padding-right:14px; } 
		a#navblog {			width:57px; background: url(../images/nav-blog.gif) 0px -30px no-repeat; padding-right:15px; }
		a#navclasses {		width:89px; background: url(../images/nav-classes.gif) 0px -30px no-repeat; padding-right:15px; } 	
		a#navnotions {		width:89px; background: url(../images/nav-blog.gif) 0px -30px no-repeat;  padding-right:15px; }
		
		*/