@charset "utf-8";
<!------------------------ Naavigation-----------------------------*/
#Navbar1 {
	width:400px;
	overflow:hidden;
}
#Navbar1 ul {
	list-style: none;
}
#Navbar1 li {
	float: left;
	margin: 0 0.2em;
	width:74px;

} 
#Navbar1 li a {
	height: 176px;
	float: left;
	width: 74px;
	display: block;
	text-indent:-9009px;
	margin-top:-42px;
	margin-left:30px;	
}
#Navbar1 ul li#about a {
   background:url(../images/nav/aboutup.png) top no-repeat;
}
#Navbar1 ul li#about a:hover {
   background:url(../images/nav/aboutdown.png);
}
#Navbar1 ul li#prices a {
   background:url(../images/nav/pricesup.png) top no-repeat;
}
#Navbar1 ul li#prices a:hover {
   background:url(../images/nav/pricesdown.png);
}
#Navbar1 ul li#prices a:active {
   background:url(../images/nav/pricesdown.png);
}
#Navbar1 ul li#galleries a {
   background:url(../images/nav/galleriesup.png) top no-repeat;
}
#Navbar1 ul li#galleries a:hover {
   background:url(../images/nav/galleriesdown.png);
}
/*-------------------SHARES and BLOG --------------*/
#Navbar3 {
left:50px;
top:-20px;
overflow:hidden;
position:relative;
width:300px;
float:left;
}
#Navbar3 ul {
	list-style: none;
}
#Navbar3 li {
	float: left;
	margin: 0 0em;
	width:74px;

} 
#Navbar3 li a {
    height:70px;
   width:67px;
   float:left;
	display: block;
	text-indent:-9009px;	
}
#Navbar3 ul li#share a {
   background:url(../images/nav/shareUp.jpg) top no-repeat;
}
#Navbar3 ul li#share a:hover {
   background:url(../images/nav/shareDown.jpg);
}
#Navbar3 ul li#blog a {
   background:url(../images/nav/blogUp.jpg) top no-repeat;
}
#Navbar3 ul li#blog a:hover {
   background:url(../images/nav/blogDown.jpg);
}
#Navbar3 ul li#facebook a {
   background:url(../images/nav/blogUp.jpg) top no-repeat;
}
#Navbar3 ul li#facebook a:hover {
   background:url(../images/nav/blogDown.jpg);
}
#Navbar3 ul li#twitter a {
   background:url(../images/nav/blogUp.jpg) top no-repeat;
}
#Navbar3 ul li#twitter a:hover {
   background:url(../images/nav/blogDown.jpg);
}
/*-------------------FACEBOOK and TWITTER --------------*/
#gallerySocial {
	top:-17px;
overflow:hidden;
position:relative;
width:300px;
float:right;
}
#social {
	top:-40px;
overflow:hidden;
position:relative;
width:300px;
float:right;
}
#Navbar4 {
	
}
#Navbar4 ul {
	list-style: none;
}
#Navbar4 li {
	float: left;
	margin: 0 0em;
	width:64px;

} 
#Navbar4 li a {
    height:63px;
	width:64px;
   float:left;
	display: block;
	text-indent:-9009px;	
}

#Navbar4 ul li#facebook a {
   background:url(../images/nav/facebookUp.png) top no-repeat;
}
#Navbar4 ul li#facebook a:hover {
   background:url(../images/nav/facebookDown.png);
}
#Navbar4 ul li#twitter a {
   background:url(../images/nav/twitterUp.png) top no-repeat;
   margin-left:10px;
}
#Navbar4 ul li#twitter a:hover {
   background:url(../images/nav/twitterDown.png);
   margin-left:10px;
}
<!------------------------ NAV RIGHT ---------/>
#Navbar2 {
	width:400px;
	overflow:hidden;
}
#Navbar2 ul {
	list-style: none;
}
#Navbar2 li {
	float: left;
	margin: 0 0.2em;
	width:74px;
} 
#Navbar2 li a {
	height: 176px;
	float: left;
	width: 74px;
	display: block;
	text-indent:-9009px;
	margin-top:-42px;
	margin-left:360px;
}
#Navbar2 ul li#hair a {
   background:url(../images/nav/hairup.png) top no-repeat;
}
#Navbar2 ul li#hair a:hover {
   background:url(../images/nav/hairdown.png);
}
#Navbar2 ul li#contact a {
   background:url(../images/nav/contactup.png) top no-repeat;
}
#Navbar2 ul li#contact a:hover {
   background:url(../images/nav/contactdown.png);
}
#Navbar2 ul li#webfriends a {
   background:url(../images/nav/webfriendsup.png) top no-repeat;
}
#Navbar2 ul li#webfriends a:hover {
   background:url(../images/nav/webfriendsdown.png);
}