/* by csstech */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, pre, p, blockquote, 
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, hr,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
blockquote {
	padding:0 0.5em 15px 24px;
	font-weight:normal;
	font-style:italic;
	color:#666;
	line-height:1.4em;
}

a img { border:none; }

/* It's Elemental */

html {
	overflow: auto;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background:#2a2a2a url(../images/framework/shared/bg-head.jpg) repeat-x top left; ; 
}

a { color:#ba853e; text-decoration:none; }
a:hover { text-decoration:underline; }

p { margin-bottom:15px; }
p a:hover { text-decoration:underline; }

dl { padding-top: 0.5em; }
dt { padding-bottom: 0.5em; }
dd { padding-bottom: 15px; padding-left:4em; line-height: 1.2em; }
dt a { text-decoration:underline; color:#30922e; }
dt a:hover { color:#039; }
dt a:visited { color:#30922e; }


h1, .col-r h2 {
	color:#666;
	font-family:Georgia, serif;
	font-size:18px;
	line-height:24px;
	font-style: normal;
	font-weight: bold;
	text-transform: normal;
	letter-spacing: normal;
	padding:0 0 15px 0;
}

h2, .col-r h3 {
	color:#ba853e;
	font-family:Georgia, serif;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height:1.2em;
	padding:0 0 15px 0;
}

h2 a {
	color:#666;
}

.col-r h3 {
	color:#fff;
}

h3 {
	color:#ba853e;
	text-align: left;
	font-size:15px;
	font-weight:bold;
	text-transform:none;
	letter-spacing: normal;
	padding:0 0 15px 0;
}

.emphasis {

	color:#ba853e;
	font-family:Georgia, serif;
	font-size:13px;
	font-style: italic;
	font-weight:bold;
	text-transform: normal;
	letter-spacing: normal;
	line-height:1.4em;

}


/* Sections */

#hwrap, #content1, #content2, #content3, #fwrap {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#header, #menu, #feature, #photogallery, #c-top, #c-mid, #c-bot, #c-all, #footer, #copyright, #mwrap {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#hwrap {
	clear:both;
	background:#url(../images/framework/residential/bg.jpg) repeat-x top left; ; 
}

#content1 {
	clear:both;
	background:url(../images/framework/residential/bg.jpg) repeat top left;
}

#content2 {
	clear:both;
	background:url(../images/framework/residential/bg.jpg) repeat top left;
}

#content3 {
	clear:both;
	background:url(../images/framework/residential/bg.jpg) repeat top left;
}

#fwrap {
	clear:both;
	background:url(../images/framework/residential/bg-foot.jpg) repeat-x top left;
	height:100%;
}

/* Header */

#header {
	height:117px;
	background:url(../images/framework/residential/headerbg.jpg) repeat-x top left;
}

#utilities {
	float:right;
	width:40%;
	text-align:right;
	margin-top:16px;
	margin-left:40px;
	margin-right:40px;
	font-size:14px;
	font-family:Georgia, serif;
	font-style: normal;
	font-weight: normal;
	color:#fbe8bb;
}

#utilities a {
	color:#fbe8bb;
}

#logo {
	float:left;
	width:405px;
	margin-top:-6px;
	margin-left:39px;
	text-align:left;
}

#logo-extension {
	position:relative;
	z-index:5;
	left:45px;
	top:80px;
	width:420px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#000;
}

#back {
	float:left;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	text-transform: normal;
	letter-spacing: normal;
	color:#000;
}

#back a {
	color:#000;
}

#back a:hover {
	color:#ccb690;
}


#mwrap {
	width:1010px;
	height:41px;
	text-align:right; 
	background-color:#363435;
}

#tagline {
	float:left;
	margin-left:40px;
	color:#ba853e;
	font-family:Georgia, serif;
	font-size:16px;
	line-height:40px;
	font-style: italic;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
}

#printheader {
	display:none;
}

/* Content */

#feature {
	background-color:#000;
	padding:42px 0 42px 0;
	text-align:left;
}

#photogallery {
	background-color:#000;
}

#feature img, #feature #flash {
	margin-left:42px;
	background-color:#000;
}

#overlay {
	width:1000px;
	position:absolute;
	z-index:1;
	top:190px;
	font-family:Georgia, serif;
	color:#b09a71;
	text-align:center;
}

/* Nested Content Sections */

#c-top, #c-bot {
	background:#fff url(../images/framework/residential/bg-c.jpg) repeat-y top right;
}

#c-mid {
	background:#ddd5c8 url(../images/framework/residential/bg-c-mid.jpg) repeat-y top right;
}

#c-all {
	background:#fff;
}

/* Columns */

.col-l {
	float:left;
	margin:30px 0 20px 40px;
	width:630px;
}

.col-r {
	float:right;
	margin:30px 20px 20px 25px;
	width:245px;
}

.col-m {
	float:left;
	margin:30px 40px 20px 40px;
	width:930px;
}

#content1 .col-l ul, #content1 .col-m ul { 
	list-style:none;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-bottom:12px;
}

#content1 .col-l ul li, #content1 .col-m ul li { 
	background: url('../images/framework/shared/bullet.png') no-repeat 0 50%;
	padding-left:20px;
	margin-left:20px;
}

.col-r h1, .col-r h2, .col-r h3, .col-r a, .col-r p {
	color:#fff;
}

.col-r p, .mid-l p {
	font-size:14px;
}

.col-r ul { 
	list-style: none;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.6em;
	margin-bottom:15px;
}

.col-r ul li { 
	background: url('../images/framework/residential/bullet.png') no-repeat 0 50%;
	padding-left:20px;
	color:#fff;
}

.mid-l {
	background-color:#ddd5c8;
}

.mid-r {
	background-color:#7d684b;
}

.testimonial-l {
	width:230px;
	min-height:100px;
	background:url(../images/content/home/lquo.jpg) no-repeat top left; 
	font-weight:bold;
}

.testimonial-r {
	width:230px;
	min-height:100px;
	background:url(../images/content/home/rquo.jpg) no-repeat bottom right; 
	font-weight:bold;
}


/* Footer */

#footer {
	background:#8a7556 url(../images/framework/residential/footerbg.jpg) repeat-x top left;
	font-family:Tahoma, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.5px;
	padding-bottom:10px;
}

.footer-navbox {
	float:left;
	width:315px;
	text-align:left;
}

.footer-heading {
	text-align:center;
	color:#e0c799;
	font-family:Georgia, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing:2px;
}

.footer-navlist {
	float:left;
	width:49%;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	list-style-type:none;
	line-height:2em;	
}


.footer-navlist li {
	width:auto;
	color:#e0c799;
}

.footer-navlist li a {
	color:#e0c799;
	font-weight: bold;
}

.footer-navlist li ul {
	margin-left:15px;
	list-style-type:none;
	line-height: 1.3em;
}

.footer-navlist li li a {
	color:#e0c799;
	font-weight: normal;
}

.credit { 
	font-size:80%;
	font-family:Georgia, serif;
	color:#897556; 
	margin:1em 0 1em 40px;
}
.credit a { color:#ba853e; }
.credit a:hover { color:#eeeeee; }

/* Utility */

.clearall { clear:both; height:1px; }

.pad-l { margin-left:30px; }
.pad-t { padding-top:10px; }
.pad-b { padding-top:10px; }

.m-b { margin-bottom:15px; }
.m-t { margin-top:15px; }

.f-l { float:left; }
.f-r { float:right; }
.ta-c { text-align:center; }

.va-m { vertical-align:middle; }

/* used within paragraphs */
.img-l { float:left; padding: 5px 25px 15px 0; text-align:center; }
.img-r { float:right; padding: 0 10px 15px 25px; text-align:center; }
.caption { font-size:75%; }

a.readmore { font-size:80%; float:right; text-align:right; vertical-align:bottom; text-decoration:none; color:#2468A7; /* color:#039; */}
a.readmore:hover { text-decoration:underline; }

.w75p { 	width:75%; }
.w100p { width:100%; }

/* color */
.accent { color:#ba853e; }

/* home */
.audience { padding-right:10px; }

/* products */

.border {
	border:5px solid #aa9671;
}

.border2 {
	border:3px solid #ba853e;
}

h3.indent a {
	color:#777777;
	font-size:14px;
}

.underline {
	text-decoration:underline;
}