/* CSS for the tabs starts here-- background-image: url(headers/rotate.php);-- */
	#header {
	height:146px;
	background-color: #EBE9DC;
	background-image: url(../header.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	}
	#nav {
		float:left;
		width:760px;
		margin-top:-38px;
		font-size:0.94em;
		line-height:1em;
	}
	#nav ul {
		margin:0;
		padding:0 0 0 18px;
		list-style:none;
	}
	#nav li {
		float:left;
		margin:0 0 0 -1px;
		padding:0 0 0 6px;
		background:  url(nav1.gif) 0 100% no-repeat;
	}
	#nav li:hover {
		background-position:-6px 100%;
	}
	#nav a {
	float:left;
	display:block;
	color:#000000;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:  url(nav2.gif) 100% 100% no-repeat;
	padding:5px 14px 12px 8px;
	text-decoration:none;
	}
	#nav li:hover a {
		background-image:  url(nav1.gif);
	}
	/* Hide from IE5-Mac \*/
	#nav a {float:none;}
	/* End IE5-Mac hack */
	#nav a:hover {
	color:#000;
	text-decoration:underline;
	font-weight: normal;
    }
    #home #nav #t1,
    #service #nav #t2,
    #products #nav #t3,
    #samples #nav #t4,
    #faq #nav #t5,
    #contact #nav #t6,
	#shop #nav #t7,
	#maric #nav #t8{
		background-position:-12px 100%;
		padding-left:26px;
		margin:0 2px 0 1px;
    }
    #home #nav #t1 a,
    #service #nav #t2 a,
    #products #nav #t3 a,
    #samples #nav #t4 a,
    #faq #nav #t5 a,
    #contact #nav #t6 a,
	#shop #nav #t7 a,
	#maric #nav #t8 a{
		background-image:  url(nav2s.gif);
		padding-left:0px;
		padding-right:19px;
    }
    #nav #t1,
    #start #nav #t1 {
    margin-left:0;
    }
    #nav #t8,
    #maric #nav #t8 {
    margin-right:0;
}