@charset "UTF-8";
/* CSS Document */



#page {					background-color: #FFFFFF;
						width: 738px;
						height: auto;
						margin: 0 auto 50px auto; }
						
#header {				background: url(../images/header-bg.jpg) top left no-repeat;
						width: 738px;
						height: 49px;
						margin: 0;
						padding: 0; }
						
h1 {					margin: 0;
						padding: 0;
						width: 738px;
						height: 49px;
						text-indent: -9999px;
						overflow: hidden; }
						
h1 a {					padding: 49px 0 0 0;
						display: block;
						overflow: hidden;
						height: 0; }												
						
#nav {					width: 738px;
						height: 37px;
						margin: 0;
						padding: 0;
						list-style: none;
						float: right;
						overflow: hidden;
						border-bottom: 1px #FFFFFF solid; }
						
#nav li { 				float: left;
						text-align: -5000px; }
				 
#nav li a { 			display: block;
						padding: 37px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
				
#nav li a.active { 		background-position: left -37px; }

	
#home a { 				background: url(../images/nav-home.jpg) top left no-repeat; 
						width: 111px; }
								
#home a:hover { 		background-position: left -37px; }
			
#location a { 			background: url(../images/nav-location.jpg) top left no-repeat; 
						width: 117px; }
							
#location a:hover { 	background-position: left -37px; }
	
#features a { 			background: url(../images/nav-features.jpg) top left no-repeat; 
						width: 117px; }
								
#features a:hover { 	background-position: left -37px; }

#spacer a {				background: url(../images/nav-spacer.jpg) top left no-repeat;
						width: 223px; }
						
#amenities a { 			background: url(../images/nav-amenities.jpg) top left no-repeat; 
						width: 123px; }
								
#amenities a:hover { 	background-position: left -37px; }

#floorplans a { 		background: url(../images/nav-floorplans.jpg) top left no-repeat; 
						width: 135px; }
								
#floorplans a:hover { 	background-position: left -37px; }

#contact a { 			background: url(../images/nav-contact.jpg) top left no-repeat; 
						width: 135px; }
								
#contact a:hover { 		background-position: left -37px; }

#footer { 				margin: 0;
						padding: 0;
						width: 738px;
						height: 103px;
						float: left; }
						
						
.footerhome {			background:url(../images/footer-bg.jpg) top left no-repeat; }						
.footerflower {			background:url(../images/footer-bg-flower.jpg) top left no-repeat; }
.footerflipflop {		background:url(../images/footer-bg-flipflop.jpg) top left no-repeat; }
.footerlime {			background:url(../images/footer-bg-lime.jpg) top left no-repeat; }
.footerflowerpot {		background:url(../images/footer-bg-flowerpot.jpg) top left no-repeat; }
.footerspatula {		background:url(../images/footer-bg-spatula.jpg) top left no-repeat; }
.footerbeachball {		background:url(../images/footer-bg-beachball.jpg) top left no-repeat; }
.footersunglasses {		background: url(../images/footer-bg-sunglasses.jpg) top left no-repeat; }

#footer p {				font: 11px Arial, Helvetica, sans-serif;
						color: #271107;
						padding: 18px 0 0 0;
						margin: 0;
						line-height: 14px;
						text-align: center; }
						
#footer p.left {		width: 141px; float:left; }
#footer p.center {		width: 409px; float:left; }	
#footer p.right {		width: 188px; float:right; }
						
#footer a:link {		color: #271107;
						text-decoration: none; }
						
#footer a:visited {		color: #271107;
						text-decoration: none; }
						
#footer a:active {		color: #271107;
						text-decoration: none; }
						
#footer a:hover {		color: #fff;
						text-decoration: underline; }