body {
	background:#f9f9f9 url('background2.jpg') repeat-x top center;
	background-attachment: fixed;
	color:#fff;
	font:.8em verdana;
	line-height: 1.4em;
	}

a { color:#575d30; }
a:hover { color:#ff0000; }

h1 {
	font-family:"Trebuchet MS","Arial";
	font-size: 3em;
	line-height: 1em;
	margin:0px;
	color:#121711;
	}
h2 {
	font-family:Helvetica;
	color:#821e34;
	margin: 5px 0px;
	padding: 0;
	font-size: 1.8em;
	}
h3 {
	font-family: Georgia;
	color:#7b2838;
	font-size: 1.5em;
	margin:10px 0px;
	padding:10px;
	}
blockquote {
	font-size: 1.4em;
	font-family:"Trebuchet MS","Arial"; 
	color:#000;
	margin:20px;
	padding:0px;
	line-height: 1.5em;
	font-weight: bold;
	}

#wrap {
	width:770px;
	margin:150px auto 20px;
	background:#fff;
	border:0px;	
	padding: 15px;
	position: relative;
	color:#000;
	border-top:1px solid #767468;
	border-left: 1px solid #767468;
	border-bottom: 3px solid #272b2a;
	border-right:3px solid #272b2a;
	}	

#header {
	margin-top:-120px;
	height:80px;
	left:0px;
	position: absolute;
	}
	#header h1 {
		color:#821e34;
		background:#b5d5ff;
		padding:5px;
		}
		#header h2 {
			color:#000;
			padding:2px 5px 5px;
			margin:0px;
			font-size: 1.4em;
			font-weight: normal;
			font-family: Georgia;
			text-align: center;
			background:#b5d5ff;
			}
	#header #price {
		position: absolute;
		top:-20px;
		color: #7b2838;
		border:1px solid #7b2838;
		font-size: 1.5em;
		line-height: 1.5em;
		right:-260px;
		font-family:Georgia;
		display: block;
		background:#fff;
		padding:10px 20px;
		}
#nav {
	position: absolute;
	top:-30px;
	left:-1px;
	}
.nav {
	margin:10px 0px;
	clear: both;
	}
	.nav ul {
		height:20px;
		float: left;
		list-style: none;
		margin:0px;
		padding:0px;
		float: left;
		border-right:1px solid #767498;
		}
		.nav ul li {
			list-style: none;
			margin:0px;
			padding:0px;
			display: inline;
			}
			.nav ul li a {
				margin:0px;
				height: 20px;
				padding:5px 15px;
				font-weight: bold;
				display: block;
				float: left;
				border:1px solid #767468;
				border-right-color: #fff;
				border-bottom: 0px;
				background: #fff;
				}

/**  PAGE **/
#page {
	margin-top:20px;
	clear: both;
	}
	

#contactnow {
	text-align: center;
	font-size: 1.5em;
	padding:20px;
	}
	#contactnow a {
		color:blue;
		}
	
/** FEATURES **/

#features {
	margin:20px 0px;
	}
	#features h2 {
		font-size:1.3em;
		}
	#featuers ul {
		list-style: none;
		margin:20px;
		padding:0px;
		clear: both;
		}
		#features ul li {
			list-style-type: circle;
			width:45%;
			float: left;
			margin:5px;
			height:20px;
			font-size: 1em;
			font-weight: bold;
			}

/** MAP **/
#locationmap {
	clear: both;
	padding:0px 0px;
	margin:0px 0px 20px 0px;
	}
	#locationmap h3 {
		margin:10px;
		}
#CanyonShoresMap {
	position:relative;
	background:#4d3d3e; 
	margin:0px auto;
	}

#pictures {
	margin:20px 0px;
	padding:0px;
	clear:both;
	}
	#images {
		padding:20px;
		}
		.image {
			margin:10px 5px;
			float:left;
			width:170px;
			text-align: center;
			height:165px;
			padding:0px;
			background: #fff;
			position: relative;	
			line-height: 170px;		
			}
			.image img {
				max-height: 140px;
				max-width: 166px;
				border: 1px solid #666; 
				padding:2px;
				vertical-align: middle;
				}
			.image p { 
				height:10px;
				position: absolute;
				top:165px;
				text-align: center;
				width:170px;
				height: 10px;
				line-height: 10px;
				letter-spacing: -1px;
				text-align: center;
				margin: 0px;
				padding: 0;
				}

#contact {
	margin:50px 20px;
	padding:10px;
	border:1px solid #ccc;
	}

				
#footnav {
	display: block;
	margin:50px auto 20px;
	text-align: center;
	border:0px;
	}
	#footnav ul {
		border: 0px;
		float: none;
		}
	#footnav ul li {
		display: inline !important;
		float: none;
		border: 0px;
		}
		#footnav ul li a {
			display: inline !important;
			border: 0px;
			float: none;
			}
#footer {
	clear:both;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	margin:20px 0px 0px 0px;
	}
	#footer p {
		padding: 5px;
		font-size: .9em;
	}
	
.top {
	float: right;
	font-weight: bold;
	margin:5px;
	display: block;
	}

.right { float: right; }
.left { float: left; }
.center { text-align: center; }

/* Forces blocks to enclose their floated children */
  .clearfix:after { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Don't know why we'd need this rule, but it was here when CatFish worked */
  .clearfix {
    display:block;
	position:relative
  }