@charset "UTF-8";
/* CSS Document */

#body{
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
}



#but1,
#but2,
#but3,
#but4, {
	padding: 0px;
	margins: 0px;
	float:left;
}

#wrapper {
	width: 992px;
	height: 650px;
	margin: 0 auto;
	
}

#fix5 {
	margin: 0px 0px 0px 15px;	
}

#fix3 {
	margin: 0px 50px 0px 0px;	
}


#wrapper1 {
	width: 992px;
	height: 750px;
	margin: 0 auto;
	
}
#wrapper3 {
	width: 992px;
	height: 737px;
	margin: 0 auto;
	
}

#wrapper4 {
	width: 992px;
	height: 737px;
	margin: 0px 0px 0px 15px;
	
}

#yarn4 {
	width: 678px;
	float: left;
}
#wrapper2 {
	width: 992px;
	height: 870px;
	margin: 0 auto;
	background-color:#FFF;
	
}

#home {
	background-color:#000;
	margin: 0px 0px 0px 16px;
	width: 969px;
	height: 500px;
}

#contactpage {
	background-color:#000;
	margin: 0px 0px 0px 16px;
	width: 969px;
	height: 700px;
}

.menu {
	margin: 0px 0px 0px 0px;	
}

#menu2 {
	margin: 0px 0px 0px 14px;
	background-color:#000;
	height: 60px;
	width: 971px;
	border: none;
	
}
.content {
	width: 969px;
	height: 500px;
	text-align: left;
	background-color:#000;
	
	margin: 0px 0px 0px 16px;
	/* padding: 15px 0px 20px 30px; */
	padding: 
}

.content2 {
	width: 974px;
	height: 500px;
	text-align: left;
	
	
	margin: 0px 0px 0px 11px;
	/* padding: 15px 0px 20px 30px; */
	padding: 
}

a:link,
a:visited {
	color: #000;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	border: none;
}

#yarnyarn{
	width: 969px;
	height: 516px;
	background-color:#000;
	margin: 0px 8px 0px 0px;
	float: right;
}
#yarn {
	height: 530px;	
}

#yarnsub {
	float:left;
	width: 244px;
	height: 530px;
	margin: 50px 0px 0px 0px;
	
}

#specialorder {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 321px;
	height: 158px;
}

.yarnword {
	width: 202px;
	height: 128px;
	margin: 10px 0px 0px 0px;
}

#yarnbar{
	width: 242px;
	height: 510px;
	float: left;
	margin: 10px, 0px 0px 40px;
}

.yarnbar{
	width: 242px;
	height: 510px;
	float: left;
	margin: 10px, 0px 0px 40px;
}

#yarnbar a:link{
	color:#EBDBBD;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	border: none;
}

#yarnbar a:visited {
	color: #68551B;	
}

#yarnbar a:hover {
	color: #68551B;
	background-image:url(Images/side3_selected.gif);
}

#middle {
	float: right;
	width: 700px;
	height: 516px;
	margin: 0px 0px 0px 0px;
}

#directions{
	width:727px;
	height: 510px;
	margin: 120px 0px 0px 60px;
	
}

#middle2 {
	float: left;
	width: 727px;
	height: 516px;
	margin: 0px 0px 0px 0px;
}

#driving {
	width: 212px;
	height: 352px;
	color: #fffbe0;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#google {
	float: left;
	width: 350px;
	height: 300px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#contentright {
	width: 266px;
	height: 500px;
	float: left;
	margin: 0px opx 0px 10px;
}



.cottage {
	 width:261px;
	 height:466;
	 padding: 20px 0px 0px 0px;
	 float:right;
}

#c2 {
	 width:266px;
	 height:466;
	 padding: 20px 0px 0px 0px;
	 float:left;
	 margin: 10px 0px 0px 0px;
	
}

#c1 {
	 width:266px;
	 height:466;
	 padding: 20px 0px 0px 0px;
	 float:right;
	 margin: 10px 20px 0px 10px;
	 background-color:#000;
	
}

#c5 {
	 width:266px;
	 height:466;
	 padding: 20px 0px 0px 0px;
	 float:right;
	 margin: 200px 20px 0px 10px;
	 background-color:#000;
	
}

#main_image {
	padding: 0px;
	float:left;
	
	
}

#contactform {
	padding: 0px;
	float:left;
	width: 300px;
	margin: 0px 0px 0px 200px;
	
	
}

#contactinfo{
	margin: 50px 0px 20px 110px;
	
}
	

#header {

	height: 156px;
	width: 982;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding:0;
	background-color:#FFF;
	
}

#buttons {
	float: left;
	margin: 0px 0px 0px 8px;
}
#headerbar{
	margin: 0px 0px 0px 8px;
	height: 15px;
	width: 973px;
	border: none;

}

#headerbar1{
	margin: 0px 0px 0px -1px;
	height: 15px;
	width: 973px;
	border: none;

}


#container {
	
}

.grid {
	float:left;
	
}

#one {
	margin: 40px 10px 10px 40px;
	
}

#two {
	margin: 40px 0px 10px 10px;
}

#three{
	margin: 10px 10px 40px 40px;
}

#four{
	margin: 10px 0px 40px 5px;
}

#seven{
	float: left;	
}



#links {
	color:#000;
	display: inline;	
	padding-right: 1em;
	float:right;
	a:
}



.yarn_menu {
	width: 992px;
	margin: 0px 313px 0px 0px;
		float: right;
}
#menu ul {
	padding-left: 0;
	margin: 0;
	padding: 5px 0px 0px 0px;
	color: #000;
}

#menu {
	width: 592px;
	margin: 0px 0px 3px 0px;
	font-family: Helvetica, Arial, sans-serif;
	color:#2E393D;
	float: right;
	
	
}
#menufix {
	margin: -20px 255px 0px 0px;	
}

#contactmenu {
	width: 592px;
	margin: 0px 0px 3px 0px;
	font-family: Helvetica, Arial, sans-serif;
	color:#2E393D;
	float: right;
	
	
}


#mymenu {
	width: 992px;
	margin: 0px 0px 3px 0px;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	
}

#aboutheader {
	float: right;
	margin: 0px 0px 50px 0px;
	height: 160px;
}


#menu ul li {
	display: inline;	
	padding-right: .4em;
	float:right;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	margin: 2px 2px 0px;
	font-size: .75em;
}

#mymenu ul li {
	display: inline;	
	padding-right: .4em;
	float:right;
	font:Arial, Helvetica, sans-serif;
	color:#000;
	margin: 2px 2px 0px;
	font-size: .75em;
}

img {
	border: none;
}

#yarntype {
	margin: 20px 0px 0px 30px;	
}
	
#yarnlist1 {
	color:#EBDBBD;
	float: left;
	margin: 0px 30px 0px 60px;
}

#yarnlist2 {
	color:#EBDBBD;
	float: left;
	margin: 0px 30px 0px 40px;
}

#yarnlist1 a:link{
	color:#EBDBBD;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	border: none;
}

#yarnlist2 a:link{
	color:#EBDBBD;
	text-decoration: none;
	font: Arial, Helvetica, sans-serif;
	border: none;
}

#yarnlist1 a:visited {
	color: #c57A31;	
}

#yarnlist2 a:visited {
	color: #c57A31;	
}
#pagetitle {
	width: 375px;
	height: 108px;
	margin: 0px 0px 0px 10px;
	
}

.charitytext {
	color: #FFC;
	width: 360px;
	height: 213px;
	margin: 60px 0px 0px 17px;
	float: left;
}

.charitypic {
	float: left;
	margin: 10px 0px 20px 100px;
}

#content2{
	width: 969px;
	margin: 0px 0px 0px 16px;
	
}

.event {
	width: 974px;
	height: 1520px;
	text-align: left;
	background-color:#000;
	margin: 0px 0px 0px 11px;
	
}

#beartext {
	margin: 10px 0px 50px 17px;	
}

#showcase {
	float: left;
	height: 527px;
	
	padding: 0px;
	background-color:#000;
	
	
	
}

.grid1 {
	float: left;
}
#showcasetitle {
	float: right;	
	margin: 0px 0px 0px 47px;
}

#hattree {
	float: right;
	margin: 0px 1px 0px 0px;
}
.showcase {
	
	float: left;
	margin: 0px 0px 0px 20px;
	color:#CCC;
	border: none;
	pading: 0;
}



#showcasegrid {
	color: #411410;
	width:712px;
	height:414px;
	border: none;
	margin: 10px 0px 10px 30px;
	float: left;
	padding: 0px;
}

#sideyarn {
	float: right;	
	margin: 0px 5px 0px 0px;
}

#charitycontent {
	width: 778px;
	height: 1178;
	float: left;
}


.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.menu2{
	border:none;
	border:0px;
	margin:-10px 0px 0px 0px;
	padding:0px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

.menu ul{
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	z-index: 1200;
	position: relative
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		margin:0px;
		padding:
		text-align:center;
		text-decoration:none;
		}
		
		.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		
		display:block;
		font-weight:normal;
		margin:0px;
		padding:
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#2E393D;
		color:#333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:1200px;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2E393D url('images/hover_sub2.gif') top left no-repeat;
			border:0px;
			color:#BDA430;
			text-decoration:none;
			
			
			}
	.menu p{
		clear:left;
		}	
		
		
.bl {
	color: #000;
}
.change {
	color: #000;
}