
body
{
	 background:url(../images/body_bg1.gif) repeat-y #e9e4c9 50% 0pt;
	 color:#666;
	 font-family:verdana;
	 font-size:11px;
}

img
{
	border-style:none;
	
}

#outer_container
{
	text-align:center;
	width:100%;
}

#main_container
{
	margin:22px auto 0px auto;
	text-align:left;
	width:756px;
}

#navContainer
{
	background-color:white;
	height:60px;
	position:relative;
	margin:0 auto;
	width:749px;
}

#topTopNav
{
	background-color:#ecece4;
	left:0px;
	height:26px;
	position:absolute;
	text-align:right;
	top:2px;
	width:749px;
}

#mainNav
{
	height:28px;
	left:0px;
	overflow:hidden;
	padding:0px;
	position:absolute;
	top:30px;
	width:749px;
}
#mainNav a
{
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#mainNav a:hover
{
	background-position:0px -53px;
}
#navSpecialty
{
	background-image:url(../images/specialty_kits.gif);
}
#navSpecialty img
{
	height:28px;
	width:131px;
}
#navYarns
{
	background-image:url(../images/yarns.gif);
}
#navYarns img
{
	height:28px;
	width:76px;
}
#navAccessories
{
	background-image:url(../images/navAccessories.gif);
}
#navAccessories img
{
	height:28px;
	width:120px;
}

#navPatterns
{
	background-image:url(../images/patterns.gif);
}
#navPatterns img
{
	height:28px;
	width:100px;
}
#navFree
{
	background-image:url(../images/free.gif);
}
#navFree img
{
	height:28px;
	width:68px;
}
#navClasses
{
	background-image:url(../images/classes_events.gif);
}
#navClasses img
{
	height:28px;
	width:146px;
}
#navContact
{
	background-image:url(../images/contact_us.gif);
}
#navContact img
{
	height:28px;
	width:108px;
}



#flash_container
{
	margin-top:3px;
}

#hapnin
{
	background:url(../images/hapnin_bg.jpg) no-repeat;
	padding-top:42px;
	width:251px;
	min-height:200px;
}

#jenway
{
	background:url(../images/jenway_bg.jpg) no-repeat;
	padding-top:42px;
	width:251px;
	min-height:200px;
}

#friend
{
	background:url(../images/friend_bg.jpg) no-repeat;
	padding-top:42px;
	width:245px;
	min-height:200px;
}

#teens
{
	background:url(../images/teens_bg.jpg) no-repeat;
	padding-top:42px;
	width:245px;
	min-height:200px;
}

#botBlox
{
	width:756px;
}

#botBlox p
{
	margin:0px;
	padding:0px 0px 15px 15px;
	width:200px;
}

#botBlox p.with_image
{
	width:110px;
}

#hapninContainer
{
	display:inline;
	float:left;
	min-height:235px;
	width:254px
}

#jenwayContainer
{
	display:inline;
	float:left;
	min-height:235px;
	width:254px
}
#teenContainer
{
	display:inline;
	float:left;
	min-height:235px;
	width:245px
}

*html #hapninContainer
{
	overflow:hidden;
	height:235px;
}

*html #jenwayContainer
{
	overflow:hidden;
	height:235px;
}
*html #teenContainer
{
	overflow:hidden;
	height:235px;
}

.inText
{
	float:right;
	margin:20px 6px 0px 0px;
}

#hapnin .inText 
{
	margin:20px 16px 0px 0px;
}

#foot1
{

}

#foot1 a
{
	display:block;
	float:left;
}

#infoo
{
	display:block;
	float:right;
	margin:22px 10px 40px 0px;
	width:270px;
}

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix 
{
    display: inline-block;
}

html[xmlns] .clearfix 
{
    display: block;
}

* html .clearfix 
{
    height: 1%;
}








