/* ######### Matt Black Strip Main Menu Bar CSS ######### */
#nav {
	height: 35px;
	width:810px;
	margin:0px;
	padding-left:0px;
	z-index:99;
	text-indent:-9999;
	display:inline;
}
.mattblackmenu ul{
margin:0px;
padding:0px;
font: bold 12px Verdana;
list-style-type: none;
overflow: hidden;
width:950px;
height:35px;
}

.mattblackmenu li{
display: inline;
margin: 0;
float:left;

}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 0px; /*padding inside each tab*/
color: white;
}

.mattblackmenu li a:visited{
background: none;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: none; /*background of tab with "selected" class assigned to its LI */
}


/*================ home ===============*/

.mattblackmenu ul li.home1 {
	background:url(images/nav.jpg) no-repeat -0px 0px;
	display:block;
	width:67px;
	height:35px;
}

.mattblackmenu ul li.home1 a:link, .mattblackmenu ul li.home1 :active, .mattblackmenu ul li.home1 a:visited{
	background:url(images/nav.jpg) no-repeat 0px 0px ;
	display:block;
	width:67px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.home1 a:hover{
	background:url(images/nav.jpg) no-repeat 0px -35px;
	display:block;
	width:67px;
	height:35px;
}

/*================ About us ===============*/

.mattblackmenu ul li.about {
	background:url(images/nav.jpg) no-repeat -67px 0px;
	display:block;
	width:67px;
	height:35px;
}

.mattblackmenu ul li.about a:link, .mattblackmenu ul li.about :active, .mattblackmenu ul li.about a:visited{
	background:url(images/nav.jpg) no-repeat -67px 0px ;
	display:block;
	width:67px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.about a:hover{
	background:url(images/nav.jpg) no-repeat -67px -35px;
	display:block;
	width:67px;
	height:35px;
}
/*================ Meet The Team ===============*/

.mattblackmenu ul li.team {
	background:url(images/nav.jpg) no-repeat -134px 0px;
	display:block;
	width:81px;
	height:35px;
}

.mattblackmenu ul li.team a:link, .mattblackmenu ul li.team a:active, .mattblackmenu ul li.team a:visited{
	background:url(images/nav.jpg) no-repeat -134px 0px;
	display:block;
	width:81px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.team a:hover{
	background:url(images/nav.jpg) no-repeat -134px -35px;
	display:block;
	width:81px;
	height:35px;
}
/*================ Treatments ===============*/


.mattblackmenu ul li.treatments {
	background:url(images/nav.jpg) no-repeat -215px 0px;
	display:block;
	width:90px;
	height:35px;
}

.mattblackmenu ul li.treatments a:link, .mattblackmenu ul li.treatments a:active, .mattblackmenu ul li.treatments a:visited{
	background:url(images/nav.jpg) no-repeat -215px 0px;
	display:block;
	width:90px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.treatments a:hover{
	background:url(images/nav.jpg) no-repeat -215px -35px;
	display:block;
	width:90px;
	height:35px;
}

/*================ Ask Us ===============*/


.mattblackmenu ul li.ask {
	background:url(images/nav.jpg) no-repeat -305px 0px;
	display:block;
	width:58px;
	height:35px;
}

.mattblackmenu ul li.ask a:link, .mattblackmenu ul li.ask a:active, .mattblackmenu ul li.ask a:visited{
	background:url(images/nav.jpg) no-repeat -305px 0px;
	display:block;
	width:58px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.ask a:hover{
	background:url(images/nav.jpg) no-repeat -305px -35px;
	display:block;
	width:58px;
	height:35px;
}

/*================ Fees & Offers ===============*/

.mattblackmenu ul li.fees {
	background:url(images/nav.jpg) no-repeat -363px 0px;
	display:block;
	width:66px;
	height:35px;
}

.mattblackmenu ul li.fees a:link, .mattblackmenu ul li.fees .mattblackmenu ul lia:active, .mattblackmenu ul li.fees a:visited{
	background:url(images/nav.jpg) no-repeat -363px 0px;
	display:block;
	width:66px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.fees a:hover{
	background:url(images/nav.jpg) no-repeat -363px -35px;
	display:block;
	width:66px;
	height:35px;
}


/*================ Faq's ===============*/


.mattblackmenu ul li.faq {
	background:url(images/nav.jpg) no-repeat -429px 0px;
	display:block;
	width:61px;
	height:35px;
}

.mattblackmenu ul li.faq a:link, .mattblackmenu ul li.faq a:active, .mattblackmenu ul li.faq a:visited{
	background:url(images/nav.jpg) no-repeat -429px 0px;
	display:block;
	width:61px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.faq a:hover{
	background:url(images/nav.jpg) no-repeat -429px -35px;
	display:block;
	width:61px;
	height:35px;
}

/*================ contact us ===============*/

.mattblackmenu ul li.contact {
	background:url(images/nav.jpg) no-repeat -490px 0px;
	display:block;
	width:74px;
	height:35px;
}

.mattblackmenu ul li.contact a:link, .mattblackmenu ul li.contact .mattblackmenu ul lia:active, .mattblackmenu ul li.contact a:visited{
	background:url(images/nav.jpg) no-repeat -490px 0px;
	display:block;
	width:74px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.contact a:hover{
	background:url(images/nav.jpg) no-repeat -490px -35px;
	display:block;
	width:74px;
	height:35px;
}
.blue-bg {
background-color:#35a167;
background-image:none;
}

/*================ Newsletters ===============*/


.mattblackmenu ul li.newsletters {
	background:url(images/nav.jpg) no-repeat -564px 0px;
	display:block;
	width:91px;
	height:35px;
}

.mattblackmenu ul li.newsletters a:link, .mattblackmenu ul li.newsletters a:active, .mattblackmenu ul li.newsletters a:visited{
	background:url(images/nav.jpg) no-repeat -564px 0px;
	display:block;
	width:91px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.newsletters a:hover{
	background:url(images/nav.jpg) no-repeat -564px -35px;
	display:block;
	width:91px;
	height:35px;
}

/*================ Gallery ===============*/

.mattblackmenu ul li.smilegallery {
	background:url(images/nav.jpg) no-repeat -655px 0px;
	display:block;
	width:63px;
	height:35px;
}

.mattblackmenu ul li.smilegallery a:link, .mattblackmenu ul li.smilegallery a:active, .mattblackmenu ul li.smilegallery a:visited{
	background:url(images/nav.jpg) no-repeat -655px 0px;
	display:block;
	width:63px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.smilegallery a:hover{
	background:url(images/nav.jpg) no-repeat -655px -35px;
	display:block;
	width:63px;
	height:35px;
}

/*================ Testimonials ===============*/


.mattblackmenu ul li.testimonials {
	background:url(images/nav.jpg) no-repeat -718px 0px;
	display:block;
	width:102px;
	height:35px;
}

.mattblackmenu ul li.testimonials a:link, .mattblackmenu ul li.testimonials a:active, .mattblackmenu ul li.testimonials a:visited{
	background:url(images/nav.jpg) no-repeat -718px 0px;
	display:block;
	width:102px;
	height:35px;
	text-indent:-9999px;
}

.mattblackmenu ul li.testimonials a:hover{
	background:url(images/nav.jpg) no-repeat -718px -35px;
	display:block;
	width:102px;
	height:35px;
}