@charset "utf-8";
#servicebar ul {
	width: 1000px;
	height: 35px;
	background: url(i/servicebar.jpg) no-repeat 0 0;
	position: absolute; /** Places image at the top of the page **/
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#servicebar li {
	display: inline;
}
#servicebar li a:link, #servicebar li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#servicebar li.a a:link, #servicebar li.a a:visited { 
	width: 111px; /** width of the button in active state **/
	height: 35px; /** height of the button in active state **/
	left: 0;
}
#servicebar li.b a:link, #servicebar li.b a:visited { 
	width: 132px; /** width of the button in active state **/
	height: 35px; /** height of the button in active state **/
	left: 111px ; /** how many px left of the first button i.e blue **/
}
#servicebar li.c a:link, #servicebar li.c a:visited { 
	width: 84px; /** width of the button in active state **/
	height: 35px; /** height of the button in active state **/
	left: 243px ; /** how many px left of the first button i.e blue **/
}
#servicebar li.d a:link, #servicebar li.d a:visited { 
	width: 279px; /** active state **/
	height: 35px; /** active state **/
	left: 327px ;
}
#servicebar li.e a:link, #servicebar li.e a:visited { 
	width: 131px; /** active state **/
	height: 35px; /** active state **/
	left: 606px ;
}
#servicebar li.f a:link, #servicebar li.f a:visited { 
	width: 147px; /** active state **/
	height: 35px; /** active state **/
	left: 737px ;
}
#servicebar li.g a:link, #servicebar li.g a:visited { 
	width: 116px; /** active state **/
	height: 35px; /** active state **/
	left: 884px ;
}



#servicebar li.a a:hover {
	background: url(i/servicebar.jpg) no-repeat 0 -35px; 
}
#servicebar li.b a:hover {
	background: url(i/servicebar.jpg) no-repeat -111px -35px; 
}
#servicebar li.c a:hover {
	background: url(i/servicebar.jpg) no-repeat -243px -35px;
}
#servicebar li.d a:hover {
	background: url(i/servicebar.jpg) no-repeat -327px -35px;
}
#servicebar li.e a:hover {
	background: url(i/servicebar.jpg) no-repeat -606px -35px;
}
#servicebar li.f a:hover {
	background: url(i/servicebar.jpg) no-repeat -737px -35px;
}
#servicebar li.g a:hover {
	background: url(i/servicebar.jpg) no-repeat -884px -35px;
}

#navbar ul {
	width: 1000px;
	height: 26px;
	background: url(i/navbar.jpg) no-repeat 0 0;
	position: absolute; /** Places image at the top of the page **/
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navbar li {
	display: inline;
}
#navbar li a:link, #navbar li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#navbar li.a a:link, #navbar li.a a:visited { 
	width: 622px; /** width of the button in active state **/
	height: 26px; /** height of the button in active state **/
	left: 0;
}
#navbar li.b a:link, #navbar li.b a:visited { 
	width: 52px; /** width of the button in active state **/
	height: 26px; /** height of the button in active state **/
	left: 622px ; /** how many px left of the first button i.e blue **/
}
#navbar li.c a:link, #navbar li.c a:visited { 
	width: 65px; /** width of the button in active state **/
	height: 26px; /** height of the button in active state **/
	left: 674px ; /** how many px left of the first button i.e blue **/
}
#navbar li.d a:link, #navbar li.d a:visited { 
	width: 69px; /** active state **/
	height: 26px; /** active state **/
	left: 739px ;
}
#navbar li.e a:link, #navbar li.e a:visited { 
	width: 44px; /** active state **/
	height: 26px; /** active state **/
	left: 808px ;
}
#navbar li.f a:link, #navbar li.f a:visited { 
	width: 91px; /** active state **/
	height: 26px; /** active state **/
	left: 852px ;
}
#navbar li.g a:link, #navbar li.g a:visited { 
	width: 25px; /** active state **/
	height: 26px; /** active state **/
	left: 943px ;
}
#navbar li.h a:link, #navbar li.h a:visited { 
	width: 32px; /** active state **/
	height: 26px; /** active state **/
	left: 968px ;
}


#navbar li.a a:hover {
	background: url(i/navbar.jpg) no-repeat 0 -26px; 
}
#navbar li.b a:hover {
	background: url(i/navbar.jpg) no-repeat -622px -26px; 
}
#navbar li.c a:hover {
	background: url(i/navbar.jpg) no-repeat -674px -26px;
}
#navbar li.d a:hover {
	background: url(i/navbar.jpg) no-repeat -739px -26px;
}
#navbar li.e a:hover {
	background: url(i/navbar.jpg) no-repeat -808px -26px;
}
#navbar li.f a:hover {
	background: url(i/navbar.jpg) no-repeat -852px -26px;
}
#navbar li.g a:hover {
	background: url(i/navbar.jpg) no-repeat -943px -26px;
}
#navbar li.h a:hover {
	background: url(i/navbar.jpg) no-repeat -968px -26px;
}