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

/****************NAV*******************/

#navcontainer{
	width:645px;
	height:13px;
	float:right;
	position:relative;
	top:30px;
	left:10px;
}

#navcontainer span {
	display:none;
}

.active {
	background-position: 0 -28px;
}

#home {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:48px; 
	height:13px;
	background-image:url(../images/nav/home.png);
}

#home a {
	display: block;
	width:48px;
	height:13px;
}	

#home a span {
	display:none; /* required -- hides the HTML text link */
}

#home:hover {
	background-position: 0 -28px;
}

#about {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:56px; 
	height:13px;
	background-image:url(../images/nav/about.png);
}

#about a {
	display: block;
	width:56px;
	height:21px;
}	

#about a span {
	display:none; /* required -- hides the HTML text link */
}

#about:hover {
	background-position: 0 -28px;
}


#whatsuitsyou {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:126px; 
	height:13px;
	background-image:url(../images/nav/whatsuitsyou.png);
}

#whatsuitsyou a {
	display: block;
	width:126px;
	height:21px;
}	

#whatsuitsyou a span {
	display:none; /* required -- hides the HTML text link */
}

#whatsuitsyou:hover {
	background-position: 0 -28px;
}


#fabrics {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:63px; 
	height:13px;
	background-image:url(../images/nav/fabrics.png);
}

#fabrics a {
	display: block;
	width:63px;
	height:21px;
}	

#fabrics a span {
	display:none; /* required -- hides the HTML text link */
}

#fabrics:hover {
	background-position: 0 -28px;
}


#pricing {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:69px; 
	height:13px;
	background-image:url(../images/nav/pricing.png);
}

#pricing a {
	display: block;
	width:63px;
	height:21px;
}	

#pricing a span {
	display:none; /* required -- hides the HTML text link */
}

#pricing:hover {
	background-position: 0 -28px;
}


#faqs {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:43px; 
	height:13px;
	background-image:url(../images/nav/faqs.png);
}

#faqs a {
	display: block;
	width:43px;
	height:21px;
}	

#faqs a span {
	display:none; /* required -- hides the HTML text link */
}

#faqs:hover {
	background-position: 0 -28px;
}


#garmentcare {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:118px; 
	height:13px;
	background-image:url(../images/nav/garmentcare.png);
}

#garmentcare a {
	display: block;
	width:118px;
	height:21px;
}	

#garmentcare a span {
	display:none; /* required -- hides the HTML text link */
}

#garmentcare:hover {
	background-position: 0 -28px;
}

#links {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:49px; 
	height:13px;
	background-image:url(../images/nav/links.png);
}

#links a {
	display: block;
	width:41px;
	height:21px;
}	

#links a span {
	display:none; /* required -- hides the HTML text link */
}

#links:hover {
	background-position: 0 -28px;
}


#contact {
	display: block;  /* required */
	float: left;   
	margin-bottom:5px;
	width:69px; 
	height:13px;
	background-image:url(../images/nav/contact.png);
}

#contact a {
	display: block;
	width:69px;
	height:21px;
}	

#contact a span {
	display:none; /* required -- hides the HTML text link */
}

#contact:hover {
	background-position: 0 -28px;
}