/*----------------------------------------------------------------------------- 
NAVIGATION STRUCTURE Stylesheet for TrishasDesignStudio.com

version: 1.0
date created: 06/08/09 
date modified:	
author: Patricia Rorabaugh 
email: Trisha@TrishasDesignStudio.com
website: www.TrishasDesignStudio.com
-----------------------------------------------------------------------------*/ 
/**************** NAVIGATION - Level 1 ****************/ 

.bullet
{
	background-image: url(/images/bullet.jpg);
	width: 17px;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
/* Highlight Active Page*/ 



#navbar-images
{
	width: 641px;
	height: 34px;
	float:right;
	position: relative;
}

#navbar-images ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	height: 34px;
}


#navbar-images li {
	display: block;
	list-style-type: none;
	float:left;
	height:34px;
	text-indent: -7000px; /** Removes li text from the screen **/
}
#navbar-images li a:link, #navbar-images li a:visited {
	border: none; /** width of the button in active state **/
	display: block;
	top: 0;
	outline: none;
	height: 34px;
}

#navbar-images li.gallery a:link, #navbar-images li.gallery a:visited {
	background-image:url(/images/kids-salon-photo-gallery-01.jpg);
	width: 231px;
}
#navbar-images li.prices a:link, #navbar-images li.prices a:visited {
	background-image:url(/images/kids-salon-pricelist-01.jpg);
	width: 174px;
}
#navbar-images li.directions a:link, #navbar-images li.directions a:visited {
	background-image:url(/images/kids-salon-directions-01.jpg);
	width: 187px;
}
 
.gallery #navbar-images li.gallery a {
	background-image:url(/images/kids-salon-photo-gallery-02.jpg);
	width: 231px;
	border-top:solid red 1px;
	border-bottom:dotted red 2px;
}
.prices #navbar-images li.prices a {
	background-image:url(/images/kids-salon-pricelist-02.jpg);
	width: 174px;
	border-top:solid red 1px;
	border-bottom:dotted red 2px;
}
.directions #navbar-images li.directions a {
	background-image:url(/images/kids-salon-directions-02.jpg);
	width: 187px;
	border-top:solid red 1px;
	border-bottom:dotted red 2px;
}


#navbar-images li.gallery a:hover {
	background-image:url(/images/kids-salon-photo-gallery-02.jpg);
	width: 231px;

}
#navbar-images li.prices a:hover{
	background-image:url(/images/kids-salon-pricelist-02.jpg);
	width: 174px;

}
#navbar-images li.directions a:hover {
	background-image:url(/images/kids-salon-directions-02.jpg);
	width: 187px;

}