/* CSS Document */

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; }
* html ul#nav li a { height: 1%; }
/* End */

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */

#nav  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 800px;
	height: 95px;
	position: relative;
}

#nav li {
	margin:0px;
	padding:0px;
	float: left;
	height: 95px;
}

#nav a#home {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 79px;
	height: 95px;
	background-image:url(../images/home_off.gif);
	background-color: transparent;
}

#nav a#home:hover {
	display: block;
	background-image:url(../images/home_on.gif);
}

body#home a#home {
	display: block;
	background-image:url(../images/home_on.gif);
	
}

#nav a#how {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 130px;
	height: 95px;
	background-image:url(../images/how_off.gif);
	background-color: transparent;
}

#nav a#how:hover {
	display: block;
	background-image:url(../images/how_on.gif);
}

body#how a#how {
	display: block;
	background-image:url(../images/how_on.gif);
}

#nav a#order {
	width: 127px;
	height: 95px;
	display: block;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/order_off.gif);
	background-color: transparent;
}

#nav a#order:hover {
	display: block;
	background-image:url(../images/order_on.gif);
}

body#order a#order  {
	display: block;
	background-image:url(../images/order_on.gif);
}

#nav a#custom {
	width: 142px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/custom_off.gif);
	background-color: transparent;
}

#nav a#custom:hover {
	display: block;
	background-image:url(../images/custom_on.gif);
}

body#custom a#custom  {
	display: block;
	background-image:url(../images/custom_on.gif);
}

#nav a#samples {
	width: 121px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/samples_off.gif);
	background-color: transparent;
}

#nav a#samples:hover {
	display: block;
	background-image:url(../images/samples_on.gif);
}

body#samples a#samples {
	display: block;
	background-image:url(../images/samples_on.gif);
}

#nav a#about {
	width: 102px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/about_off.gif);
	background-color: transparent;
}

#nav a#about:hover {
	display: block;
	background-image:url(../images/about_on.gif);
}

body#about a#about {
	display: block;
	background-image:url(../images/about_on.gif);
}

#nav a#aboutSub {
	width: 102px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/sub_about_off.gif);
	background-color: transparent;
}

#nav a#aboutSub:hover {
	display: block;
	background-image:url(../images/sub_about_on.gif);
}

body#aboutSub a#aboutSub {
	display: block;
	background-image:url(../images/sub_about_on.gif);
}

#nav a#contact {
	width: 99px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/contact_off.gif);
	background-color: transparent;
}

#nav a#contact:hover {
	display: block;
	background-image:url(../images/contact_on.gif);
}

body#contact a#contact {
	display: block;
	background-image:url(../images/contact_on.gif);
}

#nav a#contactSub {
	width: 99px;
	height: 95px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/sub_contact_off.gif);
	background-color: transparent;
}

#nav a#contactSub:hover {
	display: block;
	background-image:url(../images/sub_contact_on.gif);
}

body#contactSub a#contactSub {
	display: block;
	background-image:url(../images/sub_contact_on.gif);
}