/*-------
// global reset
//-----*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height: 1.2; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 1px 2px; font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
.submit { cursor/**/: /**/pointer; font-family: Helvetica, Arial, sans-serif; }
select { font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; margin-left: 1em; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: underline; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*-------
// custom styles
//-----*/

a:link, a:visited { 
	color: #50091a;
}
a:visited { 
}
a:link:hover, a:visited:hover {
}

html { height: 100.01%; }
body {
	font-family: Arial, sans-serif;
	background: #FFFFFF url(http://www.etchstoneproperties.com/mysite/img/body-bg.png) repeat-x 0 0;
	padding: 63px 0 10px;
}
#page {
	font-size: 1.2em;
	color: #3a3a3a;
	width: 999px;
	margin: 0 auto;
	border: solid 1px #3c0713;
}

#top {
	position: relative;
	z-index: 10;
	height: 35px;
	overflow: visible;
}
	#logo {
		position: absolute;
		z-index: 10;
		left: 381px;
		top: -32px;
	}
		#logo a:link, #logo a:visited {
			display: block;
			width: 241px;
			height: 96px;
			text-indent: -1000em;
			background: url(http://www.etchstoneproperties.com/mysite/img/logo-1.png) no-repeat 0 0;
		}
		
		#fb {
		position: absolute;
		z-index: 10;
		left: 875px;
		top: -32px;
	}
		#fb a:link, #fb a:visited {
			display: block;
			width: 123px;
			height: 30px;
			text-indent: -1000em;
			background: url(http://www.etchstoneproperties.com/assets/Uploads/fblogo_hdr.png) no-repeat right center;
		}
		
	#menu1 {
		width: 100%;
		height: 34px;
		overflow: visible;
		position: relative;
		z-index: 5;
		background: url(http://www.etchstoneproperties.com/mysite/img/menu-1.png) no-repeat 0 0;
		border-bottom: solid 1px #25040c;
	}
		#menu1 ul {
		}
			#menu1 li {
				float: left;
				position: relative;
			}
			#menu1 #b4 {
				margin: 0 241px 0 0
			}
				#menu1 li a:link, #menu1 li a:visited {
					float: left;
					display: block;
					color: #FFFFFF;
					height: 34px;
					overflow: hidden;
					position: relative;
				}
					#menu1 li a:link span, #menu1 li a:visited span {
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						text-indent: -1000em;
						background: url(http://www.etchstoneproperties.com/mysite/img/menu-1.png) no-repeat 0 0;
					}

				#menu1 #b1 a:link, #menu1 #b1 a:visited { width: 77px; }
				#menu1 #b1 a:link span, #menu1 #b1 a:visited span { background-position: 0 0; }
				#menu1 #b1:hover a:link span, #menu1 #b1:hover a:visited span,
				#menu1 #b1.onhover a:link span, #menu1 #b1.onhover a:visited span,
				#menu1 #b1 a:link:hover span, #menu1 #b1 a:visited:hover span { background-position: 0 -34px; }
				#menu1 #b1.section a:link span, #menu1 #b1.section a:visited span { background-position: 0 -68px; }

				#menu1 #b2 a:link, #menu1 #b2 a:visited { width: 77px; }
				#menu1 #b2 a:link span, #menu1 #b2 a:visited span { background-position: -77px 0; }
				#menu1 #b2:hover a:link span, #menu1 #b2:hover a:visited span,
				#menu1 #b2.onhover a:link span, #menu1 #b2.onhover a:visited span,
				#menu1 #b2 a:link:hover span, #menu1 #b2 a:visited:hover span { background-position: -77px -34px; }
				#menu1 #b2.section a:link span, #menu1 #b2.section a:visited span { background-position: -77px -68px; }

				#menu1 #b3 a:link, #menu1 #b3 a:visited { width: 118px; }
				#menu1 #b3 a:link span, #menu1 #b3 a:visited span { background-position: -154px 0; }
				#menu1 #b3:hover a:link span, #menu1 #b3:hover a:visited span,
				#menu1 #b3.onhover a:link span, #menu1 #b3.onhover a:visited span,
				#menu1 #b3 a:link:hover span, #menu1 #b3 a:visited:hover span { background-position: -154px -34px; }
				#menu1 #b3.section a:link span, #menu1 #b3.section a:visited span { background-position: -154px -68px; }

				#menu1 #b4 a:link, #menu1 #b4 a:visited { width: 109px; }
				#menu1 #b4 a:link span, #menu1 #b4 a:visited span { background-position: -272px 0; }
				#menu1 #b4:hover a:link span, #menu1 #b4:hover a:visited span,
				#menu1 #b4.onhover a:link span, #menu1 #b4.onhover a:visited span,
				#menu1 #b4 a:link:hover span, #menu1 #b4 a:visited:hover span { background-position: -272px -34px; }
				#menu1 #b4.section a:link span, #menu1 #b4.section a:visited span { background-position: -272px -68px; }

				#menu1 #b5 a:link, #menu1 #b5 a:visited { width: 128px; }
				#menu1 #b5 a:link span, #menu1 #b5 a:visited span { background-position: -622px 0; }
				#menu1 #b5:hover a:link span, #menu1 #b5:hover a:visited span,
				#menu1 #b5.onhover a:link span, #menu1 #b5.onhover a:visited span,
				#menu1 #b5 a:link:hover span, #menu1 #b5 a:visited:hover span { background-position: -622px -34px; }
				#menu1 #b5.section a:link span, #menu1 #b5.section a:visited span { background-position: -622px -68px; }

				#menu1 #b6 a:link, #menu1 #b6 a:visited { width: 143px; }
				#menu1 #b6 a:link span, #menu1 #b6 a:visited span { background-position: -750px 0; }
				#menu1 #b6:hover a:link span, #menu1 #b6:hover a:visited span,
				#menu1 #b6.onhover a:link span, #menu1 #b6.onhover a:visited span,
				#menu1 #b6 a:link:hover span, #menu1 #b6 a:visited:hover span { background-position: -750px -34px; }
				#menu1 #b6.section a:link span, #menu1 #b6.section a:visited span { background-position: -750px -68px; }

				#menu1 #b7 a:link, #menu1 #b7 a:visited { width: 106px; }
				#menu1 #b7 a:link span, #menu1 #b7 a:visited span { background-position: -893px 0; }
				#menu1 #b7:hover a:link span, #menu1 #b7:hover a:visited span,
				#menu1 #b7.onhover a:link span, #menu1 #b7.onhover a:visited span,
				#menu1 #b7 a:link:hover span, #menu1 #b7 a:visited:hover span { background-position: -893px -34px; }
				#menu1 #b7.section a:link span, #menu1 #b7.section a:visited span { background-position: -893px -68px; }

				#menu1 li ul {
					position: absolute;
					z-index: 10;
					left: -1000em;
					top: 34px;
					width: 160px;
					border: solid 1px #3f0814;
					border-width: 0 1px 1px;
					font-weight: bold;
				}
				#menu1 li:hover ul {
					left: 0;
				}
					#page #menu1 li li {
						width: 100%;
						margin: 0;
						border-top: solid 1px #3f0814;
					}
						#page #menu1 li li a:link, #page #menu1 li li a:visited {
							width: 140px;
							height: auto;
							line-height: 1.4;
							padding: 7px 10px;
							background: #d0cbb1;
							color: #580a1d;
							text-transform: uppercase;
							text-decoration: none;
						}
						#page #menu1 li li a:link:hover, #page #menu1 li li a:visited:hover {
							background: #630a20;
							color: #FFFFFF;
						}


#wrap {
	width: 941px;
	overflow: hidden;
	padding: 50px 18px 10px 40px;
	background: #d4cfb7 url(http://www.etchstoneproperties.com/mysite/img/page-t.png) repeat-x 0 0;
}
	#content {
		float: left;
		width: 680px;
		min-height: 607px;
    height:auto !important;
    height:607px;
	}
	#side {
		float: right;
		width: 227px;
	}


#content p {
	line-height: 1.6;
	margin: 0 0 1.5em;
}
#side p {
	line-height: 1.4;
}
#content ul {
	list-style: disc;
	line-height: 1.5;
	margin: 0 0 1.5em 1.5em;
}
#content ul.list1 {
	list-style: none;
	margin-left: 0;
}
	#content ul.list1 li {
		padding: 0 0 0 15px;
		background: url(http://www.etchstoneproperties.com/mysite/img/bullet-1.gif) no-repeat 0 .5em;
	}


#content h2 {
	font-size: 183.33%;
	font-weight: bold;
	color: #3a4357;
	margin: 0 0 .3em;
}
#content h3 {
	font-size: 125%;
	font-weight: bold;
	margin: 0 0 .25em;
}

#content .imgRight {
	float: right;
	border: solid 1px #4a5364;
	margin: 0 0 5px 20px;
}

#content a:link, #content a:link:hover, #content a:visited:hover { text-decoration: underline; }
a.nolines:link, a.nolines:hover, a.nolines:hover { text-decoration: none; }

#footer {
	background: url(http://www.etchstoneproperties.com/mysite/img/footer-bg.png) repeat-x 0 0;
	line-height: 35px;
	height: 35px;
	width: 100%;
	overflow: hidden;
	font-size: 91.67%;
	color: #FFFFFF;
}
	#footer a:link, #footer a:visited {
		color: #FFFFFF;
	}
	#footer p.copyright {
		float: left;
		padding: 0 20px;
	}
	#footer p.facebook {
		float: left;
		padding: 0 10px;
	}
	#footer p.by {
		float: right;
		padding: 0 20px;
	}


/*-------
// homepage
//-----*/

#flash1 {
	border-bottom: solid 1px #525252;
	position: relative;
	z-index: 1;
}

.home #wrap {
	padding: 0;
	width: 999px;
	position: relative;
	z-index: 10;
	overflow: visible;
	background: #FFFFFF;
}
	.home #wrap2 {
		float: left;
		width: 768px;
	}
		.home #content {
			float: right;
			width: 456px;
			padding: 0 15px;
			font-family: Georgia, serif;
			font-size: 116.67%;
			color: #5f5e5e;
		}
		.home #side2 {
			float: left;
			width: 274px;
			border-right: solid 1px #d0cbb1;
			background: #dfdcca url(http://www.etchstoneproperties.com/mysite/img/side1-bg.png) repeat-x 0 0;
			min-height: 363px;
		}
	.home #side {
		background: #717887;
		border-left: solid 1px #d0d0d0;
		width: 224px;
	}

#page #tWelcome {
	width: 486px;
	height: 34px;
	margin: -7px -15px 20px;
}
	#tWelcome span {
		background: url(http://www.etchstoneproperties.com/mysite/img/t-welcome.jpg) no-repeat 0 0;
	}

.home #content p {
	line-height: 1.4;
	margin: 0 0 1em;
}
p.large {
	font-size: 114%;
	color: #394358;
}


#page #tFeatured {
	width: 260px;
	height: 34px;
	margin: -7px 0 15px;
}
	#tFeatured span {
		background: url(http://www.etchstoneproperties.com/mysite/img/t-featured.jpg) no-repeat 0 0;
	}

#featured {
	width: 260px;
	margin: 0 auto;
	font-family: Georgia, serif;
	font-size: 125%;
	color: #394358;
}
	#featured p {
		margin: 0 10px 7px;
	}
	#featured p.title {
		text-align: center;
		font-size: 146%;
		margin: 0 0 10px;
	}
		#featured p.title span {
			padding: 0 0 0 30px;
			background: url(http://www.etchstoneproperties.com/mysite/img/icon-1.png) no-repeat 0 50%;
		}
			#featured p.title span span {
				padding: 0 30px 0 0;
				background: url(http://www.etchstoneproperties.com/mysite/img/icon-2.png) no-repeat 100% 50%;
			}
	#featured .img {
		border: solid 5px #a6a6a6;
		background: #FFFFFF;
		padding: 1px;
		width: 242px;
		height: 90px;
		margin: 0 auto 10px;
	}
	#featured p.location {
		font-weight: bold;
		padding: 0 0 .4em;
		border-bottom: dashed 1px #9b9da1;
	}
	#featured p.more {
		font-size: 93.33%;
	}
	#featured .logo {
		float: right;
		position: relative;
		top: -25px;
	}


.home #customers {
	border: none;
	margin: 0;
}
	.home #tCustomers {
		width: 211px;
		height: 34px;
		top: -7px;
		margin: 0 auto 5px;
	}
		.home #tCustomers span {
			background: url(http://www.etchstoneproperties.com/mysite/img/t-customers2.jpg) no-repeat 0 0;
		}
	.home #customers blockquote,
	.home #customers cite {
		margin-left: 20px;
		margin-right: 20px;
	}

.home #newsletter {
	border: none;
}
	.home #tNewsletter {
		width: 211px;
		height: 34px;
		top: -7px;
		margin: 0 auto 5px;
	}
		.home #tNewsletter span {
			background: url(http://www.etchstoneproperties.com/mysite/img/t-newsletter2.jpg) no-repeat 0 0;
		}


/*-------
// page-2
//-----*/

#customers {
	border: solid 1px #3b4457;
	background: #f4f3f3 url(http://www.etchstoneproperties.com/mysite/img/box1-bg.png) repeat-x 0 100%;
	min-height: 242px;
	margin: 0 0 1px;
}
	#tCustomers {
		margin: 0 0 15px;
		width: 225px;
		height: 33px;
	}
		#tCustomers span {
			background: url(http://www.etchstoneproperties.com/mysite/img/t-customers.jpg) no-repeat 0 0;
		}
	#customers blockquote {
		font-family: Georgia, serif;
		font-size: 108.33%;
		line-height: 1.45;
		color: #212734;
		margin: 0 15px .5em;
	}
	#customers cite {
		display: block;
		text-align: right;
		font-weight: bold;
		font-style: normal;
		color: #757575;
		margin: 0 15px;
	}

#newsletter {
	background: #717887;
	border: solid 1px #3b4457;
	padding: 0 0 10px;
	margin: 0 0 1px;
}
	#tNewsletter {
		margin: 0 0 10px;
		width: 225px;
		height: 33px;
	}
		#tNewsletter span {
			background: url(http://www.etchstoneproperties.com/mysite/img/t-newsletter.jpg) no-repeat 0 0;
		}
	#newsletter p {
		color: #FFFFFF;
		font-family: Georgia, serif;
		margin: 0 10px .75em;
	}
	#newsletter form {
		padding: 0 10px;
		height: 23px;
	}
		#newsletter input.text {
			float: left;
			margin: 0 3px 0 0;
			border: solid 1px #374155;
			background: url(http://www.etchstoneproperties.com/mysite/img/input1-bg.png) no-repeat 0 0;
			width: 160px;
			height: 15px;
			padding: 4px 5px;
			font-family: Georgia, serif;
			font-size: 91.67%;
			color: #8e8e8e;
		}
		#newsletter input.img {
			float: left;
		}


/*-------
// portfolio
//-----*/

.portfolio #wrap {
	padding: 40px 0 0;
	width: 100%;
}
	.portfolio #side {
		float: left;
		width: 206px;
		padding: 12px 14px 15px;
		background: #fff url(http://www.etchstoneproperties.com/mysite/img/side2-bg.png) repeat-x 0 100%;
	}
	.portfolio #wrap2 {
		float: right;
		width: 747px;
		padding: 0 18px 0 0;
		background: #FFFFFF;
	}
		.portfolio #content {
			float: left;
			width: 431px;
			padding: 20px 40px 0 25px;
			border-top: solid 5px #570b1c;
			border-left: solid 1px #d4d0b8;
			font-family: Georgia, serif;
			font-size: 116.67%;
			color: #394358;
		}
		.portfolio #side2 {
			float: right;
			padding: 17px 0 0;
			border-top: solid 5px #570b1c;
		min-width: 250px;
    width:250px;
		}


#menu2 {
	margin: 0 0 20px;
}
	#menu2 h3 {
		font-size: 133%;
		font-weight: bold;
		color: #004648;
		text-align: center;
		margin: 0 0 10px;
	}
		#menu2 h3 img {
			display: block;
			margin: 0 auto 5px;
		}
	#menu2 ul {
		border-top: solid 1px #dddddd;
		width: 100%;
		overflow: hidden;
		font-size: 116.67%;
	}
		#menu2 li {
			float: left;
			width: 100%;
			border-bottom: solid 1px #dddddd;
		}
			#menu2 li a:link, #menu2 li a:visited {
				display: block;
				padding: 7px 15px;
				color: #3a3a3a;
				text-decoration: none;
			}
			#menu2 li a:link:hover, #menu2 li a:visited:hover {
				color: #FFFFFF;
				background: #717887;
			}

#contact {
	padding: 0 15px 15px;
	font-size: 116.67%;
	border-bottom: solid 1px #dddddd;
	margin: 0 0 15px;
}
	#contact p.main {
		color: #353e52;
		font-weight: bold;
	}

#side p.center {
	text-align: center;
}
	#side p.center img {
		display: block;
		margin: 10px auto 0;
	}


#header1 {
	margin: 0 -18px 1px 0;
}

.portfolio #content h2 {
	font-family: Arial, sans-serif;
	font-size: 128%;
	font-weight: bold;
	color: #222734;
	margin: 0 0 .5em;

}

p.buts {
	width: 100%;
	overflow: hidden;
	font-size: 107%;
}
	p.buts a:link, p.buts a:visited {
		float: left;
		display: block;
		margin: 0 1px 0 0;
		color: #394358;
		text-decoration: none;
		background: url(http://www.etchstoneproperties.com/mysite/img/but1-r.png) no-repeat 100% 0;
	}
		p.buts a:link span, p.buts a:visited span {
			float: left;
			display: block;
			line-height: 30px;
			height: 33px;
			padding: 0 8px;
			background: url(http://www.etchstoneproperties.com/mysite/img/but1-l.png) no-repeat 0 0;
		}


#sale {
	background: url(http://www.etchstoneproperties.com/mysite/img/box2-bg.png) repeat-x 0 100%;
	border: solid 1px #8b98ab;
	border-width: 0 1px 1px;
	font-family: Georgia, serif;
	min-height: 262px;
	margin: 0 0 15px;
}
	#sale h3 {
		background: url(http://www.etchstoneproperties.com/mysite/img/box2-t.png) repeat-x 0 0;
		height: 32px;
		line-height: 32px;
		padding: 0 15px;
		font-size: 125%;
		color: #FFFFFF;
		letter-spacing: -0.05em;
		text-transform: uppercase;
		margin: 0 0 15px;
		text-align:center;
	}
	#sale p {
		margin: 0 15px 5px;
		line-height: 1.5;
	}
	#sale p.title {
		font-size: 125%;
		font-weight: bold;
		line-height: 1.4;
		color: #5d6370;
	}
	#sale p.date {
		font-size: 116.67%;
		font-weight: bold;
		color: #454545;
	}

p.but2 {
	border: solid 1px #4f0819;
	padding: 1px;
}
	p.but2 a:link, p.but2 a:visited {
		display: block;
		text-decoration: none;
		font-weight: bold;
		background: url(http://www.etchstoneproperties.com/mysite/img/but2-bg.png) repeat-x 0 0;
	}
		p.but2 a:link span, p.but2 a:visited span {
			display: block;
			line-height: 26px;
			height: 26px;
			color: #FFFFFF;
			text-align: center;
			padding: 0 0 0 35px;
			background: url(http://www.etchstoneproperties.com/mysite/img/but2-l.jpg) no-repeat 0 0;
		}


.right {
    float:right;
    padding-left: 6px;
    padding-bottom: 6px;
}