/* CSS Document */
/* Main Menu Styles*/
#menuBar {
width: 184px;
height: 384px;
}
.home, .seniorGal, .weddingGal, .familyGal, .studioGal, videoGal, .classRings, .plan, .abouts, .photographer, .contacts, .links {
width: 168px;
height: 32px;
}

.home a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 0;  }
.home a:hover, .home a.active { background: url(assets/mainMenu2.png) 168px 0px; }


.seniorGal a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 384px;  }
.seniorGal a:hover, .seniorGal a.active { background: url(assets/mainMenu2.png) 168px 384px; }

.weddingGal a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 352px;  }
.weddingGal a:hover, .weddingGal a.active { background: url(assets/mainMenu2.png) 168px 352px; }

.familyGal a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 320px;  }
.familyGal a:hover, .familyGal a.active { background: url(assets/mainMenu2.png) 168px 320px; }

.studioGal a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 288px;  }
.studioGal a:hover, .studioGal a.active { background: url(assets/mainMenu2.png) 168px 288px; }

.videoGal a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 256px;  }
.videoGal a:hover, .videoGal a.active { background: url(assets/mainMenu2.png) 168px 256px; }

.design a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 224px;  }
.design a:hover, .design a.active { background: url(assets/mainMenu2.png) 168px 224px; }

.classRings a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 192px;  }
.classRings a:hover, .classRings a.active { background: url(assets/mainMenu2.png) 168px 192px; }

.plan a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 160px;  }
.plan a:hover, .plan a.active { background: url(assets/mainMenu2.png) 168px 160px; }

.abouts a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 128px;  }
.abouts a:hover, .abouts a.active { background: url(assets/mainMenu2.png) 168px 128px; }

.photographer a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 96px;  }
.photographer a:hover, .photographer a.active { background: url(assets/mainMenu2.png) 168px 96px; }

.contacts a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 64px;  }
.contacts a:hover, .contacts a.active { background: url(assets/mainMenu2.png) 168px 64px; }

.links a { width: 168px; height: 32px; display: block; background: url(assets/mainMenu2.png) 0 32px;  }
.links a:hover, .links a.active { background: url(assets/mainMenu2.png) 168px 32px; }