@charset "utf-8";
#servicebar ul {
	width: 1000px;
	height: 35px;
	background: url(/jw/i/servicebar1.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: 100px; /** 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: 175px; /** width of the button in active state **/
	height: 35px; /** height of the button in active state **/
	left: 100px ; /** how many px left of the first button i.e blue **/
}
#servicebar li.c a:link, #servicebar li.c a:visited { 
	width: 75px; /** width of the button in active state **/
	height: 35px; /** height of the button in active state **/
	left: 275px ; /** how many px left of the first button i.e blue **/
}
#servicebar li.d a:link, #servicebar li.d a:visited { 
	width: 312px; /** active state **/
	height: 35px; /** active state **/
	left: 350px ;
}
#servicebar li.e a:link, #servicebar li.e a:visited { 
	width: 124px; /** active state **/
	height: 35px; /** active state **/
	left: 662px ;
}
#servicebar li.f a:link, #servicebar li.f a:visited { 
	width: 98px; /** active state **/
	height: 35px; /** active state **/
	left: 786px ;
}
#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(/jw/i/servicebar1.jpg) no-repeat 0 -35px; 
}
#servicebar li.b a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -100px -35px; 
}
#servicebar li.c a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -275px -35px;
}
#servicebar li.d a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -350px -35px;
}
#servicebar li.e a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -662px -35px;
}
#servicebar li.f a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -786px -35px;
}
#servicebar li.g a:hover {
	background: url(/jw/i/servicebar1.jpg) no-repeat -884px -35px;
}
/**--------- top nav bar with icons ----------------------**/
#icn {
	width: 1000px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	}
#icnbar ul {
	width: 1000px;
	height: 50px;
	background: url(/jw/i/icnbar1.jpg) no-repeat 0 0;
	position: absolute; /** Places image at the top of the page **/
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#icnbar li {
	display: inline;
}
#icnbar li a:link, #icnbar li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#icnbar li.a a:link, #icnbar li.a a:visited { 
	width: 35px; /** width of the button in active state **/
	height: 50px; /** height of the button in active state **/
	left: 837px;
}
#icnbar li.b a:link, #icnbar li.b a:visited { 
	width: 35px; /** width of the button in active state **/
	height: 50px; /** height of the button in active state **/
	left: 872px ; /** how many px left of the first button i.e blue **/
}
#icnbar li.c a:link, #icnbar li.c a:visited { 
	width: 35px; /** width of the button in active state **/
	height: 50px; /** height of the button in active state **/
	left: 907px ; /** how many px left of the first button i.e blue **/
}
#icnbar li.d a:link, #icnbar li.d a:visited { 
	width: 35px; /** active state **/
	height: 50px; /** active state **/
	left: 942px ;
}
#icnbar li.a a:hover {
	background: url(/jw/i/icnbar1.jpg) no-repeat -837px -50px; 
}
#icnbar li.b a:hover {
	background: url(/jw/i/icnbar1.jpg) no-repeat -872px -50px; 
}
#icnbar li.c a:hover {
	background: url(/jw/i/icnbar1.jpg) no-repeat -907px -50px;
}
#icnbar li.d a:hover {
	background: url(/jw/i/icnbar1.jpg) no-repeat -942px -50px;
}
/**--------- mini nav bar  ----------------------**/
#mnav {
	width: 1000px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	}
#mnavbar ul {
	width: 1000px;
	height: 60px;
	background: url(/jw/i/mnavbar1.jpg) no-repeat 0 0;
	position: absolute; /** Places image at the top of the page **/
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#mnavbar li {
	display: inline;
}
#mnavbar li a:link, #mnavbar li a:visited {
	border: none;
	display: block; 
	position: absolute; 
	top: 0; 
	outline: none;
}
#mnavbar li.a a:link, #mnavbar li.a a:visited { 
	width: 270px; /** width of the button in active state **/
	height: 60px; /** height of the button in active state **/
	left: 357px;
}
#mnavbar li.b a:link, #mnavbar li.b a:visited { 
	width: 178px; /** width of the button in active state **/
	height: 60px; /** height of the button in active state **/
	left: 627px ; /** how many px left of the first button i.e blue **/
}
#mnavbar li.c a:link, #mnavbar li.c a:visited { 
	width: 67px; /** width of the button in active state **/
	height: 60px; /** height of the button in active state **/
	left: 805px ; /** how many px left of the first button i.e blue **/
}
#mnavbar li.d a:link, #mnavbar li.d a:visited { 
	width: 63px; /** active state **/
	height: 60px; /** active state **/
	left: 872px ;
}
#mnavbar li.e a:link, #mnavbar li.e a:visited { 
	width: 65px; /** active state **/
	height: 60px; /** active state **/
	left: 935px ;
}
#mnavbar li.a a:hover {
	background: url(/jw/i/mnavbar1.jpg) no-repeat -357px -60px; 
}
#mnavbar li.b a:hover {
	background: url(/jw/i/mnavbar1.jpg) no-repeat -627px -60px; 
}
#mnavbar li.c a:hover {
	background: url(/jw/i/mnavbar1.jpg) no-repeat -805px -60px;
}
#mnavbar li.d a:hover {
	background: url(/jw/i/mnavbar1.jpg) no-repeat -872px -60px;
}
#mnavbar li.e a:hover {
	background: url(/jw/i/mnavbar1.jpg) no-repeat -935px -60px;
}