/* clair de lune nav */


ul#navigation-clair {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#navigation-clair li {
    float: left;
    height: 43px;
    margin: 0px 0;
    padding: 0;
    overflow: hidden;
}

ul#navigation-clair li a {
    display: block;
    width: 100%;
    height: 100%;
}

ul#navigation-clair li a span.hide {
    margin-left: -5000em; 

}

ul#navigation-clair li a span {
display: none;
}

ul#navigation-clair li.left {
    background: url(new_bgrounds/newnav/left.jpg) top left no-repeat;
    width: 35px;
}

ul#navigation-clair li.home {
    background: url(new_bgrounds/newnav/home.jpg) top left no-repeat;
    width: 46px;
}

ul#navigation-clair li.home a {
    background: url(new_bgrounds/newnav/home.jpg) bottom left no-repeat;
   
}

ul#navigation-clair li.home a:hover {
    background: none;
}

ul#navigation-clair li.onlink1 {background: url(new_bgrounds/newnav/welcome.jpg) top left no-repeat; width: 67px; height: 43px;}
ul#navigation-clair li.onlink2 {background: url(new_bgrounds/newnav/facilities.jpg) top left no-repeat; width: 67px; height: 43px;}
ul#navigation-clair li.onlink3 {background: url(new_bgrounds/newnav/area.jpg) top left no-repeat; width: 42px; height: 43px;}
ul#navigation-clair li.onlink4 {background: url(new_bgrounds/newnav/avail.jpg) top left no-repeat; width: 73px; height: 43px;}
ul#navigation-clair li.onlink5 {background: url(new_bgrounds/newnav/gallery.jpg) top left no-repeat; width: 56px; height: 43px;}
ul#navigation-clair li.onlink6 {background: url(new_bgrounds/newnav/contact.jpg) top left no-repeat; width: 60px; height: 43px;}
ul#navigation-clair li.onlink7 {background: url(new_bgrounds/newnav/guestbk.jpg) top left no-repeat; width: 89px; height: 43px;}
ul#navigation-clair li.onright {background: url(new_bgrounds/newnav/golf_nav_clair.jpg) top left no-repeat; width: 222px; height: 43px;}

ul#navigation-clair li.link1 {
    background: url(new_bgrounds/newnav/welcome.jpg) top left no-repeat;
     width: 67px;
}

ul#navigation-clair li.link1 a {
    background: url(new_bgrounds/newnav/welcome.jpg) bottom left no-repeat;
    
}

ul#navigation-clair li.link1 a:hover {
    background: none;
}

ul#navigation-clair li.link2 {
    background: url(new_bgrounds/newnav/facilities.jpg) top left no-repeat;
     width: 67px;
}

ul#navigation-clair li.link2 a {
    background: url(new_bgrounds/newnav/facilities.jpg) bottom left no-repeat;
     
}

ul#navigation-clair li.link2 a:hover {
    background: none;
}
ul#navigation-clair li.link3 {
    background: url(new_bgrounds/newnav/area.jpg) top left no-repeat;
     width: 42px;
}

ul#navigation-clair li.link3 a {
    background: url(new_bgrounds/newnav/area.jpg) bottom left no-repeat;
     
}

ul#navigation-clair li.link3 a:hover {
    background: none;
}
ul#navigation-clair li.link4 {
    background: url(new_bgrounds/newnav/avail.jpg) top left no-repeat;
     width: 73px;
}

ul#navigation-clair li.link4 a {
    background: url(new_bgrounds/newnav/avail.jpg) bottom left no-repeat;
    
}

ul#navigation-clair li.link4 a:hover {
    background: none;
}
ul#navigation-clair li.link5 {
    background: url(new_bgrounds/newnav/gallery.jpg) top left no-repeat;
     width: 56px;
}

ul#navigation-clair li.link5 a {
    background: url(new_bgrounds/newnav/gallery.jpg) bottom left no-repeat;
   
}

ul#navigation-clair li.link5 a:hover {
    background: none;
}
ul#navigation-clair li.link6 {
    background: url(new_bgrounds/newnav/contact.jpg) top left no-repeat;
     width: 60px;
}

ul#navigation-clair li.link6 a {
    background: url(new_bgrounds/newnav/contact.jpg) bottom left no-repeat;

}

ul#navigation-clair li.link6 a:hover {
    background: none;
}
ul#navigation-clair li.link7 {
    background: url(new_bgrounds/newnav/guestbk.jpg) top left no-repeat;
     width: 89px;
}

ul#navigation-clair li.link7 a {
    background: url(new_bgrounds/newnav/guestbk.jpg) bottom left no-repeat;

}

ul#navigation-clair li.link7 a:hover {
    background: none;
}

ul#navigation-clair li.right {
    background: url(new_bgrounds/newnav/golf_nav_clair.jpg) top left no-repeat;
    width: 222px;
}


ul#navigation-clair li.right a {
    background: url(new_bgrounds/newnav/golf_nav_clair.jpg) bottom left no-repeat;

}

ul#navigation-clair li.right a:hover {
    background: none;
}