@charset "utf-8";
/* Trisha Wedding Flowers Nav Styles : Web Design by www.siteart.co.uk */

/* ---------------------Index Navigation--------------------- */

#index-nav-wrapper { width: 601px; height: 123px; padding: 0; position: relative; background-image: url(../images/index/complete-navigation.jpg); margin-left: 20px; }
#index-nav-wrapper li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#index-nav-wrapper a {display: block;}

#index-nav1 {left: 0px; top: 0px; width: 119px; height: 123px;}
#index-nav1 a {height: 123px;}
#index-nav1 a:hover {background: url(../images/index/complete-navigation.jpg) 0px -123px no-repeat;}

#index-nav2 {left: 84px; top: 0px; width: 115px; height: 123px;}
#index-nav2 a {height: 123px;}
#index-nav2 a:hover {background: url(../images/index/complete-navigation.jpg) -84px -246px no-repeat;}

#index-nav3 {left: 201px; top: 0px; width: 103px; height: 123px;}
#index-nav3 a {height: 123px;}
#index-nav3 a:hover {background: url(../images/index/complete-navigation.jpg) -201px -369px no-repeat;}

#index-nav4 {left: 300px; top: 0px; width: 99px; height: 123px;}
#index-nav4 a {height: 123px;}
#index-nav4 a:hover {background: url(../images/index/complete-navigation.jpg) -300px -492px no-repeat;}

#index-nav5 {left: 394px; top: 0px; width: 102px; height: 123px;}
#index-nav5 a {height: 123px;}
#index-nav5 a:hover {background: url(../images/index/complete-navigation.jpg) -394px -615px no-repeat;}

#index-nav6 {left: 496px; top: 0px; width: 105px; height: 123px;}
#index-nav6 a {height: 123px;}
#index-nav6 a:hover {background: url(../images/index/complete-navigation.jpg) -496px -738px no-repeat;}

/* ---------------------Small Navigation--------------------- */

#small-home { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/1.png") no-repeat 0 0; float:left; margin-right:1px; }
#small-home:hover { background-position: 0 -40px; }
#small-home span { display: none; }

#small-bouquets { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/2.png") no-repeat 0 0; float:left; margin-right:1px; }
#small-bouquets:hover { background-position: 0 -40px; }
#small-bouquets span { display: none; }

#small-ceremony { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/3.png") no-repeat 0 0; float:left; margin-right:1px; }
#small-ceremony:hover { background-position: 0 -40px; }
#small-ceremony span { display: none; }

#small-reception { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/4.png") no-repeat 0 0; float:left; margin-right:1px; }
#small-reception:hover { background-position: 0 -40px; }
#small-reception span { display: none; }

#small-contact { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/5.png") no-repeat 0 0; float:left; margin-right:1px; }
#small-contact:hover { background-position: 0 -40px; }
#small-contact span { display: none; }

#small-extras { display: block; width: 93px; height: 40px; background: url("../images/common/small-nav/6.png") no-repeat 0 0; float:left; }
#small-extras:hover { background-position: 0 -40px; }
#small-extras span { display: none; }