@charset "UTF-8";
/* CSS Document */


#container {			width: 1136px;
						overflow: hidden;
						height: auto;
						margin: 0 auto 0 auto; }
						
.interior {				background: url(../images/container-bg-interior.jpg) 0 88px no-repeat; }
.amenities2 {			background: url(../images/container-bg-amenities.jpg) 0 88px no-repeat; }
.location2 {			background: url(../images/container-bg-location.jpg) 0 88px no-repeat; }				
.features2 {			background: url(../images/container-bg-features.jpg) 0 88px no-repeat; }
.contact2 {				background: url(../images/container-bg-contact.jpg) 0 88px no-repeat; }
.aldridge {				background: url(../images/container-bg-aldridge.jpg) 0 88px no-repeat; }
.cameron {				background: url(../images/container-bg-cameron.jpg) 0 88px no-repeat; }
.berkeley {				background: url(../images/container-bg-berkeley.jpg) 0 88px no-repeat; }
.godard {				background: url(../images/container-bg-godard.jpg) 0 88px no-repeat; }
.farraday {				background: url(../images/container-bg-farraday.jpg) 0 88px no-repeat; }
.emerson {				background: url(../images/container-bg-emerson.jpg) 0 88px no-repeat; }
.drummond {				background: url(../images/container-bg-drummond.jpg) 0 88px no-repeat; }
.floorplans {			background: url(../images/container-bg-floorplans.jpg) 0 88px no-repeat; }
.gallery2 {				background: url(../images/container-bg-gallery.jpg) 0 88px no-repeat; }



body { 					background: #f1f1ef url(../images/body-bg-interior.jpg) repeat-x;
						margin: 0 auto 100px auto;
						text-align: center; }

#flash {				background-color: #d25414;
						display: block;
						float: left;
						margin: 0 0 0 0;
						padding: 0;
						width: 738px;
						height: 191px;
						border-top: 1px #e0e1e0 solid; }
						
#flash p {				font: 13pt "Times New Roman", Times, serif;
						font-weight: bold;
						text-align: left;
						color: #d25414;
						margin: 0;
						padding: 15px 20px 0 70px; }

#flash a:link {			color: #271107;
						text-decoration: none; }
						
#flash a:active {		color: #271107;
						text-decoration: none; }
						
#flash a:visited {		color: #271107;
						text-decoration: none; }				

#flash a:hover {		color: #CE5214;
						text-decoration: none; }						
 						
						
.amenities {			background: url(../images/header-amenities.jpg) top left no-repeat; }
.features {				background: url(../images/header-features.jpg) top left no-repeat; }
.hiking {				background: url(../images/header-hiking.jpg) top left no-repeat; }
.garden {				background: url(../images/header-garden.jpg) top left no-repeat; }
.contact {				background: url(../images/header-contact.jpg) top left no-repeat; }
.biker {				background: url(../images/header-biker.jpg) top left no-repeat; }
.kid {					background: url(../images/header-kid.jpg) top left no-repeat; }
.location {				background: url(../images/header-location.jpg) top left no-repeat; }
.couple {				background: url(../images/header-couple.jpg) top left no-repeat; }
.floorplans2 {			background: url(../images/header-floorplans.jpg) top left no-repeat; }
.gallery {				background: url(../images/header-gallery.jpg) top left no-repeat; }

						
h2 {					margin: 0;
						padding: 0;
						width: 738px;
						height: 193px;
						text-indent: -9999px;
						overflow: hidden; }
						
h2 a {					padding: 193px 0 0 0;
						display: block;
						overflow: hidden;
						height: 0;
						width: 200px;
						float: right; }
						
#content { 				background-color: #FFFFFF;
						height: auto;
						width: 738px;
						padding: 0 0 90px 0;
						margin: 0px 0 0 0;
						text-align: left;
						float: left; }
						
.flowerpot {			background: url(../images/content-bg-flowerpot.jpg) bottom right no-repeat; }
.beachball {			background: url(../images/content-bg-beachball.jpg) bottom right no-repeat; }
.flower {				background: url(../images/content-bg-flower.jpg) bottom right no-repeat; }
.lime {					background: url(../images/content-bg-lime.jpg) bottom right no-repeat; }
.spatula {				background: url(../images/content-bg-spatula.jpg) bottom right no-repeat; }
.flipflop {				background: url(../images/content-bg-flipflop.jpg) bottom right no-repeat; }
.sunglasses {			background: url(../images/content-bg-sunglasses.jpg) bottom right no-repeat; }
.amenities3 {			background: url(../images/content-bg-amenities.jpg) bottom right no-repeat; }



#content p.first {		font: 17pt "Times New Roman", Times, serif;
						font-weight: bold;
						color: #d25414;
						margin: 0;
						padding: 25px 20px 0 30px; }
						
.nowork {				font: 11pt Arial, Helvetica, sans-serif;
						font-weight: bold;
						color: #271107; }

#content p.noheader {	font: 10pt Verdana, Arial, Helvetica, sans-serif;
						margin: 0;
						padding: 30px 30px 0 30px; }
						
#content p {			font: 10pt Verdana, Arial, Helvetica, sans-serif;
						margin: 0;
						padding: 15px 30px 0 30px;
						line-height: 19px; }
						
#content p.sub {			font: 10pt Verdana, Arial, Helvetica, sans-serif;
						margin: 0;
						padding: 0px 30px 0 30px;
						line-height: 19px; }							
						
#content ul {			
						font: 10pt Verdana, Arial, Helvetica, sans-serif;
						line-height: 18px;
						padding: 0px 40px 0 47px; }
						
#content a:link {		color: #000000;
						text-decoration: none; }
						
#content a:active {		color: #000000;
						text-decoration: none; }
						
#content a:visited {	color: #000000;
						text-decoration: none; }				

#content a:hover {		color: #d25414;
						text-decoration: none; }

.clear {				clear: both; }

.map {					margin: 25px 0 55px 150px; }

form {					margin: 0;
						font: 10pt Verdana, Arial, Helvetica, sans-serif;
						padding: 30px 0 15px 0px; }
						
.floorplan {			margin: 5px 0 30px 45px; }

.button {				float: right;
						margin: 0 0 5px 250px; }

#thumbnails {			width: 615px;
						height: auto;
						margin: 40px 0px 0 0px;
						padding: 0 0 0 70px;
						list-style: none;
						overflow: hidden;
						float: left; }		
						
#thumbnails li { 		float: left;
						height: 107px;
						text-align: -5000px;
						padding: 0 10px 10px 0; }
				 
#thumbnails li a { 		display: block;
						padding: 107px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
	
#aldridge a { 			background: url(../images/aldridge-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#aldridge a:hover { 	background: url(../images/aldridge-thumb-on.jpg) top left no-repeat;
						width: 142px; }
						
#berkeley a { 			background: url(../images/berkeley-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#berkeley a:hover { 	background: url(../images/berkeley-thumb-on.jpg) top left no-repeat;
						width: 142px; }
						
#cameron a { 			background: url(../images/cameron-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#cameron a:hover { 		background: url(../images/cameron-thumb-on.jpg) top left no-repeat;
						width: 142px; }	
						
#drummond a { 			background: url(../images/drummond-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#drummond a:hover { 	background: url(../images/drummond-thumb-on.jpg) top left no-repeat;
						width: 142px; }
						
#emerson a { 			background: url(../images/emerson-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#emerson a:hover { 		background: url(../images/emerson-thumb-on.jpg) top left no-repeat;
						width: 142px; }
						
#farraday a { 			background: url(../images/farraday-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#farraday a:hover { 	background: url(../images/farraday-thumb-on.jpg) top left no-repeat;
						width: 142px; }	
						
#godard a { 			background: url(../images/godard-thumb-off.jpg) top left no-repeat; 
						width: 142px; }
								
#godard a:hover { 		background: url(../images/godard-thumb-on.jpg) top left no-repeat;
						width: 142px; }
						
#sitemap a { 			background: url(../images/sitemap-thumb-on.jpg) top left no-repeat; 
						width: 142px; }
								
#sitemap a:hover { 		background: url(../images/sitemap-thumb-on.jpg) top left no-repeat;
						width: 142px; }	
						
#gallery a { 			background: url(../images/btn-gallery.jpg) top left no-repeat; 
						width: 314px;
						height:44px; }



#thumbnails2 {			width: 590px;
						height: 270px;
						margin: 40px 0px 25px 0px;
						padding: 0 0 0 70px;
						list-style: none;
						overflow: hidden;
						float: left; }		
						
#thumbnails2 li { 		float: left;
						height: 107px;
						text-align: -5000px;
						padding: 0 10px 10px 0; }
				 
#thumbnails2 li a { 	display: block;
						padding: 107px 0 0 0;
						height: 0px !important;
						overflow: hidden; }
						
#ross1 a { 				background: url(../images/ross1-thumb.jpg) top left no-repeat; 
						width: 142px; }	
						
#ross2 a { 				background: url(../images/ross2-thumb.jpg) top left no-repeat; 
						width: 142px; }	
						
#ross3 a { 				background: url(../images/ross3-thumb.jpg) top left no-repeat; 
						width: 142px; }		
						
#ross4 a { 				background: url(../images/ross4-thumb.jpg) top left no-repeat; 
						width: 142px; }																									

.first {				margin: 30px 7px 7px 130px; }
.top {					margin:	30px 7px 7px 7px; }
.firsttwo {				margin:	7px 7px 40px 60px; }
.bottom {				margin: 7px 7px 40px 7px; }	

.thumbphotos1 {			margin: 0px 5px 5px 0px;
						border: 1px solid #999;
						padding: 4px; } 
						
.btngallery {			margin: 0;
						padding: 0; } 