#hoverMenuContainer {
position:absolute;
top:0;
left:0
}



div, ul, li {margin:0;padding:0}
ul, li {position:absolute;list-style-type:none;background-repeat:no-repeat}
a {display:block}



/* -------------------------------------------- HOVER IMAGES ------------------------------------------- */

ul#navigationHover {
width:938px;
height:568px;
z-index:2
}

#home, #home a {
top:275px;
left:17px;
width:119px;
height:119px;
}


#family, #family a {
bottom:1px;
right:1px;
width:551px;
height:131px;
background-image:url(/hoverMenu/img/family.jpg)
}
ul#navigationHover #family a:hover {
background:#f90;
opacity:.2;
filter: alpha(opacity=20)
}


#commercial, #commercial a {
top:1px;
right:1px;
width:449px;
height:129px;
background-image:url(/hoverMenu/img/commercial.jpg)
}
#commercial a:hover {
background:#b8e804;
opacity:.2;
filter: alpha(opacity=20)
}


#wedding, #wedding a {
top:200px;
right:1px;
width:352px;
height:130px;
background-image:url(/hoverMenu/img/wedding.jpg)
}
#wedding a:hover {
background:#09f;
opacity:.2;
filter: alpha(opacity=20)
}


#contact, #contact a {
bottom:0;
left:76px;
width:90px;
height:90px
}

#about, #about a {
bottom:0;
left:212px;
width:90px;
height:90px
}


/* -------------------------------------------- HOVER INDICATORS ------------------------------------------- */

ul#navigationHoverIndicators {
width:938px;
height:568px;
background:url(/hoverMenu/img/master.png) 17px 0 no-repeat;
z-index:0
}

ul#navigationHoverIndicators li {right:0;width:921px;z-index:0}

#familyOn {bottom:0;height:293px;background-image: url(/hoverMenu/img/familyOn.png)}
#commercialOn {height:394px;background-image: url(/hoverMenu/img/commercialOn.png)}
#weddingOn {top:199px;height:195px;background-image: url(/hoverMenu/img/weddingOn.png)}
#contactOn {top:394px;left:76px;width:90px;height:174px;background-image: url(/hoverMenu/img/contactOn.png)}
#aboutOn {top:381px;left:114px;width:187px;height:187px;background-image: url(/hoverMenu/img/aboutOn.png)}