/* CSS Document */
#nav-bg {
	background: url(../images/bg_nav.jpg) no-repeat;
	height: 44px;
	width: 766px;
	margin:0 auto;
}

#nav {
	padding: 0;
	margin: 0px 0px 0px 42px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 44px;
    overflow: hidden;
}

#nav a#home {
    background: url(../images/nav_home.jpg) top left no-repeat;
    width: 87px;
}
#nav a#about {
    background: url(../images/nav_about.jpg) top left no-repeat;
    width: 121px;
}
#nav a#resort {
    background: url(../images/nav_resort.jpg) top left no-repeat;
    width: 143px;
}
#nav a#realestate {
    background: url(../images/nav_realestate.jpg) top left no-repeat;
    width: 183px;
}
#nav a#contact {
    background: url(../images/nav_contact.jpg) top left no-repeat;
    width: 144px;
}

#nav a:hover#home {
    background: url(../images/nav_home.jpg) bottom left no-repeat;
}
#nav a:hover#about {
    background: url(../images/nav_about.jpg) bottom left no-repeat;
}
#nav a:hover#resort {
    background: url(../images/nav_resort.jpg) bottom left no-repeat;
}
#nav a:hover#realestate {
    background: url(../images/nav_realestate.jpg) bottom left no-repeat;
}
#nav a:hover#contact {
    background: url(../images/nav_contact.jpg) bottom left no-repeat;
}