@charset "UTF-8";

.topcontainer {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/crumbwool1000.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 350px;
}


.benefitscontainer {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/carpet%20love.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 350px;
}

.specscontainer {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/spechead.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 350px;
}

.storycontainer {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/storyimg.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 350px;
	margin-bottom: 20px;
}

.container {
	text-align: center;
	font-size: 14px;
	color: #666;
	width: 1000px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.logo {
	background-color: #FFFFFF;
	text-align: center;
	height: 140px;
	vertical-align: middle;
	background-position: center center;
	background-image: url(images/Crumbwool%20Logo.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}


.insert {
	width: 960px;
	position: relative;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}

.titletext {
	width: 1000px;
	height: 70px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
}

.benefits {
	width: 235px;
	height: 235px;
	margin-right: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	float: left;
	background-image: url(images/benefits.png);
	cursor: pointer;
}
.benefits:hover{
	transition: all .5s ease-in-out ;
	transform: all .5s ease-in-out ; 
	-webkit-transform: all .5s ease-in-out ;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition:scale(1.05,1.05);
	-webkit-transform:  scale(1.05,1.05) ;
	-moz-transform: scale(1.05,1.05);
	-o-transition:  scale(1.05,1.05);
	-ms-transition:  scale(1.05,1.05);
	transform: scale(1.05,1.05); 
	transition: scale(1.05,1.05);	
	}

.spec {
	width: 235px;
	height: 235px;
	margin-right: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	float: left;
	background-image: url(images/specs.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.spec:hover{
	transition: all .5s ease-in-out ;
	transform: all .5s ease-in-out ; 
	-webkit-transform: all .5s ease-in-out ;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition:scale(1.05,1.05);
	-webkit-transform:  scale(1.05,1.05) ;
	-moz-transform: scale(1.05,1.05);
	-o-transition:  scale(1.05,1.05);
	-ms-transition:  scale(1.05,1.05);
	transform: scale(1.05,1.05); 
	transition: scale(1.05,1.05);	
	}

.story {
	width: 235px;
	height: 235px;
	margin-right: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	float: left;
	background-image: url(images/story.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.story:hover{
	transition: all .5s ease-in-out ;
	transform: all .5s ease-in-out ; 
	-webkit-transform: all .5s ease-in-out ;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition:scale(1.05,1.05);
	-webkit-transform:  scale(1.05,1.05) ;
	-moz-transform: scale(1.05,1.05);
	-o-transition:  scale(1.05,1.05);
	-ms-transition:  scale(1.05,1.05);
	transform: scale(1.05,1.05); 
	transition: scale(1.05,1.05);	
	}

.anglo {
	width: 235px;
	height: 235px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	float: left;
	background-image: url(images/anglo.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.anglo:hover{
	transition: all .5s ease-in-out ;
	transform: all .5s ease-in-out ; 
	-webkit-transform: all .5s ease-in-out ;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition:scale(1.05,1.05);
	-webkit-transform:  scale(1.05,1.05) ;
	-moz-transform: scale(1.05,1.05);
	-o-transition:  scale(1.05,1.05);
	-ms-transition:  scale(1.05,1.05);
	transform: scale(1.05,1.05); 
	transition: scale(1.05,1.05);	
	}
	
	.home {
	width: 235px;
	height: 235px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	float: left;
	background-image: url(images/home.png);
	background-repeat: no-repeat;
		margin-right: 20px;
	cursor: pointer;
}

.home:hover{
	transition: all .5s ease-in-out;
	transform: all .5s ease-in-out;
	-webkit-transform: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-o-transition: scale(1.05,1.05);
	-ms-transition: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	transition: scale(1.05,1.05);
	}
	
	.laneve {
		margin-bottom:15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
	cursor: pointer;
}

.laneve:hover{
	transition: all .5s ease-in-out;
	transform: all .5s ease-in-out;
	-webkit-transform: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-moz-transform: all .5s ease-in-out;
	-o-transform: all .5s ease-in-out;
	-ms-transform: all .5s ease-in-out;
	-webkit-transition: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-o-transition: scale(1.05,1.05);
	-ms-transition: scale(1.05,1.05);
	transform: scale(1.05,1.05);
	transition: scale(1.05,1.05);
	}