/* 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:2.5em 1em 2.5em 1em;
	font-weight:normal;
	font-style:italic;
	font-size:80%;
	color:#0d5a0d;
}

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: 14px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	background:#2a2a2a url(../images/framework/shared/bg-main.jpg) repeat-x top left; ; 
}

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

p { margin-bottom:15px; }
p a { 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, .h1 {
	color:#f3dfaf;
	font-family:Georgia, serif;
	font-size:36px;
	line-height:48px;
	font-style: normal;
	font-weight:lighter;
	text-transform: normal;
	letter-spacing: normal;
	text-align:center;
}

h1 a { color:#f3dfaf; }
h1 a:hover { color:#ba853e; }

h2, .h2 {
	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;
}

h3 {
	text-align: left;
	font-size:90%;
	font-weight:bold;
	color:#ba853e;
	padding:0 0 15px 0;
}

/* Sections */

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

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

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

#content1 {
	clear:both;
	background:url(../images/framework/shared/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:80px;
	background:url(../images/framework/residential/headerbg.jpg) repeat-x top left;
}

#logo {
	position:absolute;
	z-index:5;
	width:100%;
	top:8px;
	left:0px;
}


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

#printheader {
	display:none;
}

/* Content */

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

#commercial {
	float:left;
	width:38%;
	padding-left:90px;
}

#residential {
	float:right;
	width:38%;
	padding-right:90px;
}

#commercial #commercialcontainer, #residential #residentialcontainer {
	width:330px;
	background-color:#2a2a2a;
	
}

#commercial #commercialcontainer h1 a, #residential #residentialcontainer h1 a { 
	width:330px;
	display:inline-block;
	background-color:#2a2a2a;
	padding:15px 0 15px 0;
	margin:0 auto 0 auto;
}

#commercial #commercialcontainer #commercialcontent, #residential #residentialcontainer #residentialcontent {
	width:330px;
	display:block;
	background-color:#2a2a2a;
	margin:0;
	padding:0;
}

#content1 #residential #residentialcontainer #residentialcontent #mymovie {
	background-color:#2a2a2a;
	display:inline-block;
	margin:18px 15px 18px 15px;
}

#commercial #commercialcontent h1, #residential #residentialcontent h1,
#commercial #commercialcontent h2, #residential #residentialcontent h2,
#commercial #commercialcontent h3, #residential #residentialcontent h3,
#commercial #commercialcontent p, #residential #residentialcontent p
{
	font-size:12px;
	line-height:15px;
	padding: 5px 15px 0 15px;
	text-align:left;
	color:#333;
}

#commercial #commercialcontent a, #residential #residentialcontent a
{
	color:#666;
}


#feature img {
	/* margin-left:42px; */
}

/* Nested Content Sections */

/* Columns */

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

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

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

.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;
}

/* 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:12px;
	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; font-size: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; }

/* used within paragraphs */
.img-l { float:left; padding: 0 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; }

/* main */
.stroke { border:#2a2a2a 18px solid ; color:#ba853e; }