/* main navigation elements */
#mainNav {
	height: 42px;
	background-image: url(../images/topnav-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
	padding-left: 20px;
}

#mainNav li {
	float: left;
	height: 20px;
	margin-top: 7px;
	margin-left: 1px;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 1px;
	padding-left: 2px;
}
#mainNav a {
	display: block;
	margin-left: -1px;
	height: 0px;
	padding-top: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-color: transparent;
}

#mainNav li.lihome {
	background-image: url(../images/buttons/btn-home.gif);
	width: 43px;
}
#mainNav li.lidirectory {
	background-image: url(../images/buttons/btn-directory.gif);
	width: 108px;
}
#mainNav li.liadvice {
	background-image: url(../images/buttons/btn-advice.gif);
	width: 107px;
}
#mainNav li.liadvertise {
	background-image: url(../images/buttons/btn-advertise.gif);
	width: 96px;
}
#mainNav li.liweb {
	background-image: url(../images/buttons/btn-web.gif);
	width: 116px;
}
#mainNav li.licontact {
	background-image: url(../images/buttons/btn-contact.gif);
	width: 74px;
	border-right-style: none;
}


#mainNav a#home {
	background-image: url(../images/buttons/btn-home-over.gif);
	background-position: -130px -90px;
	width: 43px;
}
#mainNav a#directory {
	background-image: url(../images/buttons/btn-directory-over.gif);
	background-position: -130px -90px;
	width: 108px;
}
#mainNav a#advice {
	background-image: url(../images/buttons/btn-advice-over.gif);
	background-position: -130px -90px;
	width: 107px;
}
#mainNav a#advertise {
	background-image: url(../images/buttons/btn-advertise-over.gif);
	background-position: -130px -90px;
	width: 96px;
}
#mainNav a#web {
	background-image: url(../images/buttons/btn-web-over.gif);
	background-position: -130px -90px;
	width: 116px;
}
#mainNav a#contact {
	background-image: url(../images/buttons/btn-contact-over.gif);
	background-position: -130px -90px;
	width: 74px;
}
#mainNav a#home:hover {background-position:left 0; z-index:50;}
#mainNav a#directory:hover {background-position:left 0; z-index:50;}
#mainNav a#advice:hover {background-position:left 0; z-index:50;}
#mainNav a#advertise:hover {background-position:left 0; z-index:50;}
#mainNav a#web:hover {background-position:left 0; z-index:50;}
#mainNav a#contact:hover {background-position:left 0; z-index:50;}

/* End of main navigation css */




/* Side navigation elements */
#sideNav {
	background-repeat: no-repeat;
	background-position: center top;
	clear: both;
}

#sideNav li {
	margin-right: 2px;
	margin-left: 2px;
	height: 25px;
	margin-top: 1px;
	background-position: center;
	float: left;
	width: 175px;
}
#sideNav a {
	display: block;
	height: 0px;
	padding-top: 25px;
	overflow: hidden;
}

#sideNav li.lialternative {
	background-color: transparent;
	background-image: url(../images/buttons/btn-alternative.gif);
	background-repeat: no-repeat;
}

#sideNav li.libeauty {
	background-color: transparent;
	background-image: url(../images/buttons/btn-beauty.gif);
	background-repeat: no-repeat;
}

#sideNav li.licakes {
	background-color: transparent;
	background-image: url(../images/buttons/btn-cakes.gif);
	background-repeat: no-repeat;
}

#sideNav li.licars {
	background-color: transparent;
	background-image: url(../images/buttons/btn-cars.gif);
	background-repeat: no-repeat;
}

#sideNav li.licaterers {
	background-color: transparent;
	background-image: url(../images/buttons/btn-caterers.gif);
	background-repeat: no-repeat;
}

#sideNav li.lidresses {
	background-color: transparent;
	background-image: url(../images/buttons/btn-dresses.gif);
	background-repeat: no-repeat;
}

#sideNav li.lifireworks {
	background-color: transparent;
	background-image: url(../images/buttons/btn-fireworks.gif);
	background-repeat: no-repeat;
}

#sideNav li.liflorists {
	background-color: transparent;
	background-image: url(../images/buttons/btn-florists.gif);
	background-repeat: no-repeat;
}

#sideNav li.ligifts {
	background-color: transparent;
	background-image: url(../images/buttons/btn-gifts.gif);
	background-repeat: no-repeat;
}

#sideNav li.ligrooms {
	background-color: transparent;
	background-image: url(../images/buttons/btn-groomswear.gif);
	background-repeat: no-repeat;
}
#sideNav li.limarquee {
	background-color: transparent;
	background-image: url(../images/buttons/btn-marquee.gif);
	background-repeat: no-repeat;
}
#sideNav li.limusic {
	background-color: transparent;
	background-image: url(../images/buttons/btn-music.gif);
	background-repeat: no-repeat;
}
#sideNav li.liphotographers {
	background-color: transparent;
	background-image: url(../images/buttons/btn-photographers.gif);
	background-repeat: no-repeat;
}
#sideNav li.liplanners {
	background-color: transparent;
	background-image: url(../images/buttons/btn-planners.gif);
	background-repeat: no-repeat;
}
#sideNav li.listationery {
	background-color: transparent;
	background-image: url(../images/buttons/btn-stationery.gif);
	background-repeat: no-repeat;
}
#sideNav li.livenues {
	background-color: transparent;
	background-image: url(../images/buttons/btn-venues.gif);
	background-repeat: no-repeat;
}
#sideNav li.livideos {
	background-color: transparent;
	background-image: url(../images/buttons/btn-videographers.gif);
	background-repeat: no-repeat;
}


#sideNav a#alternative {
	background-color: transparent;
	background-image: url(../images/buttons/btn-alternative-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#beauty {
	background-color: transparent;
	background-image: url(../images/buttons/btn-beauty-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#cakes {
	background-color: transparent;
	background-image: url(../images/buttons/btn-cakes-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#cars {
	background-color: transparent;
	background-image: url(../images/buttons/btn-cars-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#caterers {
	background-color: transparent;
	background-image: url(../images/buttons/btn-caterers-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#dresses {
	background-color: transparent;
	background-image: url(../images/buttons/btn-dresses-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#fireworks {
	background-color: transparent;
	background-image: url(../images/buttons/btn-fireworks-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#florists {
	background-color: transparent;
	background-image: url(../images/buttons/btn-florists-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#gifts {
	background-color: transparent;
	background-image: url(../images/buttons/btn-gifts-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#grooms {
	background-color: transparent;
	background-image: url(../images/buttons/btn-groomswear-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#marquee {
	background-color: transparent;
	background-image: url(../images/buttons/btn-marquee-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#music {
	background-color: transparent;
	background-image: url(../images/buttons/btn-music-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#photographers {
	background-color: transparent;
	background-image: url(../images/buttons/btn-photographers-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#planners {
	background-color: transparent;
	background-image: url(../images/buttons/btn-planners-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#stationery {
	background-color: transparent;
	background-image: url(../images/buttons/btn-stationery-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#venues {
	background-color: transparent;
	background-image: url(../images/buttons/btn-venues-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}
#sideNav a#videos {
	background-color: transparent;
	background-image: url(../images/buttons/btn-videographers-over.gif);
	background-repeat: no-repeat;
	background-position: -130px -90px;
}


#sideNav a#alternative:hover {background-position:center 0; z-index:50;}
#sideNav a#beauty:hover {background-position:center 0; z-index:50;}
#sideNav a#cakes:hover {background-position:center 0; z-index:50;}
#sideNav a#cars:hover {background-position:center 0; z-index:50;}
#sideNav a#caterers:hover {background-position:center 0; z-index:50;}
#sideNav a#dresses:hover {background-position:center 0; z-index:50;}
#sideNav a#fireworks:hover {background-position:center 0; z-index:50;}
#sideNav a#florists:hover {background-position:center 0; z-index:50;}
#sideNav a#gifts:hover {background-position:center 0; z-index:50;}
#sideNav a#grooms:hover {background-position:center 0; z-index:50;}
#sideNav a#marquee:hover {background-position:center 0; z-index:50;}
#sideNav a#music:hover {background-position:center 0; z-index:50;}
#sideNav a#photographers:hover {background-position:center 0; z-index:50;}
#sideNav a#planners:hover {background-position:center 0; z-index:50;}
#sideNav a#stationery:hover {background-position:center 0; z-index:50;}
#sideNav a#venues:hover {background-position:center 0; z-index:50;}
#sideNav a#videos:hover {background-position:center 0; z-index:50;}

/* End of side navigation css */
#catList li {
	padding-top: 2px;
	padding-bottom: 2px;
}

/*for ie6 only */
* html #wrap #header #mainNav li {
	background-position:4px;
}
/*IE Windows behaviour call for css drop-down menus */
body {
	behavior: url(../scripts/csshover.htc);
}
/* end of ie6 hack */