body, html {
	margin:0;
	padding:0;
	background: url('../images/texture.png');
}

h1 {
	color: #336600;
	text-align: center;
	padding-top: 20px;
	font-family: "ff-meta-serif-web-pro";
	font-size: 20px;
}
h2 {
	
}
h3 {
} 
strong {
}

a, a:visited {
	color: #713f16;
}
a:hover {
	text-decoration: underline;
}

b {
}

em {
	font-style: italic;
}

strong {
	color: #336600;
	font-style: italic;
	font-family: "ff-meta-serif-web-pro";
}

hr {
	height: 1px; 
	color:#D3D0CC;
	background-color:#D3D0CC; 
	margin-right: 30px;
	border-width: 0;
}

/*
ul {
	list-style: disc;
	margin-left: 20px;
}
*/

#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	font-family: "myriad-pro";
	font-size: 14px;
	background: #ffffff;
	-webkit-font-smoothing:	antialiased;
}

#header {
	position: relative;
	width: 1000px;
	height: 182px;
	background: url('../images/masthead.jpg') no-repeat;
}
	#header a {
		color: #ffffff;
		font-size: 13px;
		text-decoration: none;	
	}
	#header a:hover {
		color: #edac10;
		text-decoration: underline;
	}
	#social-media {
		position: absolute;
		z-index: 300;
		top: 90px;
		right: 30px;
	}
	#right-green {
		position: absolute;
		z-index: 100;
		top: 45px;
		right: 30px;
		line-height: 35px;
		color: #ffffff;
		font-size: 13px;
		text-shadow: 2px 2px #0d0d0d;		
		width: 220px; height: 40px; background: url('../images/findbutton.png') no-repeat;
	}
		#right-green a {
			font-size: 16px !important;
			padding: 2px 0px 0px 20px;
		}
	#customer-login {
		position: absolute;
		z-index: 100; 
		top:20px; 
		right: 40px; 
		color: #ffffff;
	}
	.ieshadow {
		text-shadow: 2px 2px #0d0d0d;	
		display:inline-block;
		zoom: 1;
		filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=2, OffY=2, Color=#333333);
	}

#navbar {
	width: 1000px;
	background: transparent;
	z-index: 10;
}
/* level 1 */
ul.dropdown { 
	z-index: 10;	/* on top of slider */
	position: relative; 
	padding: 160px 0px 0px 60px; 
	font-size: 13px;
	font-family: "ff-meta-serif-web-pro";
	letter-spacing: 4px;
	text-decoration: none;
	text-align: left;
	color: #ffffff;
	margin: 0px;
}
	ul.dropdown li { 
		float: left; 
		zoom: 1; 		
		margin: 0 25px 0px 0px;
		list-style: none;
	}
	ul.dropdown a:hover	{
		color: #edac10;
	}
	ul.dropdown a:active { 
	}
	ul.dropdown li a { 
		display: block; 
		padding: 3px 0px 3px 10px;
		float: none;		
	}
	ul.dropdown li:last-child a { 
		border-right: none; 
	} /* Doesn't work in IE */
	ul.dropdown li.hover,ul.dropdown li:hover { 
		position: relative; 
	}
	ul.dropdown li.hover a { 
	}
	
	/* level 2 */
	ul.dropdown ul { 
		width: 240px; 
		visibility: hidden; 
		position: absolute; 
		top: 100%;
		left: 0px; 
		padding-top: 3px;
		margin: 0px;
	}
	ul.dropdown ul li { 
		background: #AD7C38;
		border-bottom: 1px solid #ccc; 
		float: none; 
	}				
	ul.dropdown ul li a { 
		border-right: none; 
		width: 100%; 
		display: inline-block; 
		letter-spacing: .03em;
		line-height: 16px;
		color: #ffffff;
		font-size: 14px;
	} 
	/* level 3 */
	ul.dropdown ul ul { 
		left: 100%; top: 0; 
	}
	ul.dropdown li:hover > ul { 
		visibility: visible; 
	}
	.sub-menu li a {
		color: #ffffff;
	}

.anchor {
	display:block; padding: 3px 0px 3px 10px; float: none;
}

.slider-container {
	z-index: 0;	
	position: relative;
	background: url('../images/slider.jpg') no-repeat;
	height: 346px;
	width: 1000px;	
}
	.slider-container h2 {
		font-family: "ff-meta-serif-web-pro";
		font-size: 18px;
		color: #edac10;
		padding: 40px 0px 8px 30px;
		
	}
	.slider-container p {
		color: #d8caa4;
		width: 200px;
		padding: 8px 0px 8px 30px;
		font-size: 16px;
		line-height: 18px;
		
	}
	.slider-container a {
		font-family: "ff-meta-serif-web-pro";
		font-style: italic;
		color: #edac10;
		text-decoration: none;
	}	
	.slider-image {
		position: absolute;
		top: 30px;
		right: 40px;
	}

	#progress-dots {
		position: absolute;
		top: 480px;
		left: 30px;
	}
	.green-circle {
	    display: block;
	    height: 12px;
	    width: 12px;
	    background-color: #558a26;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	    float: left;
	    margin-right: 8px;
	    color: #558a26;
	    font-size: 14px;
    }
	.gray-circle {
	    display: block;
	    height: 12px;
	    width: 12px;
	    background-color: #564232;
	    -moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	    float: left;
	    margin-right: 8px;
	    color: #564232;
	    font-size: 14px;
    }
    .jcarousel-control a {
    	color: transparent;
    }

#home-search {
	float: right;
	background: url('../images/homesearch.jpg') no-repeat;
	height: 146px;
	width: 349px;
	margin: 20px 78px 0px 0px;
}
.home-box {
	float: right;
	height: 146px;
	margin: 20px 15px 0px 0px;
}

#content-home h1 {
	color: #336600;
	text-align: center;
	padding-top: 20px;
	font-family: "ff-meta-serif-web-pro";
	font-size: 20px;
}
#content-home p {
	padding: 10px 60px 10px 60px;
	color: #333333;
	line-height: 18px;
}
#content {
	position: relative;
}
#content h1 {
	color: #336600;
	text-align: left;
	padding: 30px 0px 0px 0px;
	font-family: "ff-meta-serif-web-pro";
	font-size: 16px;
}
#content h2 {
	font-style: italic;
	padding: 0; margin: 0;
	font-family: "ff-meta-serif-web-pro";
	font-size: 15px;
	line-height: 19px;
}
#content h3 {
	color: #336600;
	text-align: left;
	padding: 10px 0px 0px 0px;
	font-family: "ff-meta-serif-web-pro";
	font-size: 16px;
}
#content p {
	padding: 6px 250px 6px 10px;
	color: #333333;
	line-height: 18px;
}

#info-sidebar h2 {
	color: #336600;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-family: "ff-meta-serif-web-pro";
	font-size: 16px;
}

#info-sidebar p {
	padding: 6px 0px 6px 10px;
}

#content-full {
	float: left;
	width: 900px;
	padding: 30px 0px 40px 40px;
}
	#content-full h1 {
		padding-top: 0px;
		text-align: left;
	}
	
#content-full p {
	padding: 6px 0px 6px 0px;
}

#content-wide {
	position: relative;
	float: left;
	width: 640px;
	padding: 30px 0px 40px 40px;
}
	#content-wide h1 {
		padding-top: 0px;
	}
#content-wide p {
	padding: 6px 0px 6px 0px;
}
	
#content-narrow {
	float: left;
	width: 280px;
	padding: 30px 0px 0px 0px;
	color: #333333;
	font-size: 14px;
	line-height: 18px;
}
	#content-narrow h1 {
		padding-top: 0px;
	}
	#content-narrow p {
		padding: 6px 0px 6px 0px;
	}
	
#homes {
	padding-left: 25px;
}
.home-model {
	width: 280px;
	background: url('images/homes/home-shadow.jpg') no-repeat;
	float: left;
	margin-left: 30px;
	margin-bottom: 20px;
}
.home-model p {
	text-align: center;
	width: 270px;
	margin-left: -10px;
}
.home-model img {
	padding-bottom: 8px;
}
	
#homes-style {
}
	#homes-style p {
		padding: 8px 30px 8px 30px;
	}
	#homes-style img {
		float: left;
		padding: 30px;
	}

#bottom-nav {
	clear:both;
	width: 1000px;
	height: 136px;
	background: url('../images/bottomnav.jpg') no-repeat;
	color: #ffffff;
	line-height: 18px;
	
}
	#bottom-nav a {
		color: #d8caa4;
	}
.bottom-nav {
	float: left;
	padding: 20px 50px 0px 0px;
	color: #d8caa4;
}
.bottom-nav:first-child {
	padding-left: 120px;
}

#nbottom-nav {
	clear:both;
	width: 1000px;
	height: 136px;
	background: url('../images/bottomnav.jpg') no-repeat;
	color: #ffffff;
	line-height: 18px;
	font-family: "myriad-pro";

}
	#nbottom-nav a {
		color: #d8caa4;
	}
.nbottom-nav {
	float: left;
	padding: 20px 50px 0px 0px;
	color: #d8caa4;
}
.nbottom-nav:first-child {
	padding-left: 60px;
}


#footer {
	text-align: center;
	clear:both;
	width: 1000px;
	height: 54px;
	margin: 0 auto;
}
	#footer p {
		font-family: "myriad-pro";
		-webkit-font-smoothing:	antialiased;
		font-size: 13px;
		color: #333333;
		padding-top: 8px;
		line-height: 17px;
	}
	
	#footer a, #footer a:visited {
		color: #713f16;
	}

#es-ee-oh {
	text-align: center;
	clear:both;
	width: 900px;
	margin: 0 auto;
}
	#es-ee-oh p {
		font-family: "myriad-pro";
		-webkit-font-smoothing:	antialiased;
		font-size: 13px;
		color: #333333;
		padding-top: 8px;
		line-height: 17px;
	}
	
	#es-ee-oh a, #es-ee-oh a:visited {
		color: #713f16;
	}

#homestyle-nav img {
	position: relative;
	z-index: 10;
	float:left;
}	

#external {
	width: 1000px;
	text-align: center;
	background: none;
	padding: 0;
	margin: 0;
	margin: auto;
}
#external a, #external a:visited {
	color: #c0c0c0;
	font-size: 11px;
	line-height: 24px;
}

* html #footer {
	height:1px;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.spacer {
	width: 1000px;
	clear: both;
}

.ui-input {
	background: url('../images/input.png') no-repeat 0 3px;
	width: 74px;
	height: 33px;
	border: none;
	font-size: 13px;
	color: #fdf8f8;
	float: left; 
	margin: 40px 0px 0px 5px;
	text-align: center;
	-webkit-font-smoothing:	antialiased;
}
	
.ui-search {
	float: left; 
	margin: 10px 0px 0px 20px;
}

.smallen {
	font-size: 12px;
}
.italic {
	font-style: italic;
}
.green {
	color: #336600;
}
.bigmoney {
	font-family: "ff-meta-serif-web-pro";
	font-size: 20px;
}
.serif {
	font-family: "ff-meta-serif-web-pro";
	font-size: 16px;
}


.pikachoose {width: 520px; margin: 0 auto; float: right; position: relative; top: -50px;}

/* Style the thumbnails */
.pika-thumbs{ padding: 0px;}
	.pika-thumbs li{ width: 50px; height:50px; margin: 0px; padding: 0; overflow: hidden;
		float: left; list-style-type: none;padding: 0px; margin: 0px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
	.pika-thumbs li:last {margin: 0;}
	.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}
	
/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 520px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 0px; text-align:center;}
.pika-stage img{width: 512px;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
			color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {background: url(../images/pika/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
	.pika-imgnav a.next {background: url(../images/pika/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
	.pika-imgnav a.play {background: url(../images/pika/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
	.pika-imgnav a.pause {background: url(../images/pika/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav { display: none;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
	.pika-textnav a.previous {float: left; width: auto; display: block;}
	.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(../images/pika/loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
	text-align:right; position:absolute; top:15px; right:15px; }


/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika .jcarousel-container-horizontal { padding: 15px 20px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-horizontal {height: 50px; width: 485px;}
.jcarousel-skin-pika .jcarousel-item-horizontal { margin-right: 10px;}



/* home search styling */
	#listing-message {
		width: 700px;
		padding: 20px 0px 0px 0px;
		text-align: center;
		font-size: 15px;
		color: #ae3a2a;
		font-style: italic;
	}
	
	/* search page */	
	#search-form {
		padding: 0px 20px 10px 20px;
		width: 250px;
		float: right; 
	}
	#search-form p {
		padding: 8px 0px 8px 0px;
		width: 200px;
	}
	#search-form label {
		color: #336600;
		font-style: italic;
	}
	
	#search-results {
		margin: 20px 0px 20px 20px;
		float: left;
	}
	#search-results td {
		font-family: liberation-sans,sans-serif;
		font-size: 14px;
		border: 1px solid #c0c0c0;
	}
	#modelname {
		float: right;
		font-size: 13px;
		font-style: italic;
		padding-right: 10px;
	}

	.listing-result {
		background: #ffffff;
		width: 220px;
		height: 340px;
		margin: 4px;
		position: relative;
	}
	.listing-photo {
		text-align: center;
		margin-top: 4px;
	}
	.listing-address {
		padding-left: 8px;
		padding-top: 4px;
		line-height: 18px;
	}
	.listing-summary {
		line-height: 16px;
		padding-left: 8px;
	}
	
	.view-detail-button {
		position: absolute;
		bottom: 10px;
		left: 30px;
		cursor: pointer; 
		width: 155px; 
		height: 32px;
		color: #ffffff;
		text-align: center;
	}	
	.view-detail-button a {
	}
	.green {
		color: #336600;
	}

/* end of home search styling */

/* home detail styling */
	#tabs {
		margin: 20px 20px 0px 20px;
	}
	#detail-summary p {
		padding: 10px 0px 20px 0px;
		width: 350px;
		font-size: 14px;
	}
	#detail-summary a {
		color: #336600;
	}
	#details-details {
		margin: 0px 20px 20px 20px;
		padding:0px;
		position: relative;
		top: -80px;
		font-size: 14px;
		line-height: 18px;
	}
	.detail-feature {
		padding: 0px 0px 20px 20px;
	}
	#listing-nav {
		position: relative;
		top: -40px;
		left: 240px;
		width: 200px;
		color: #336600;
	}
	#listing-nav a {
		color: #336600;
	}

/* end of home detail styling */


.vhelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
	img {
	    vertical-align: middle;
	}