html {font-size: 100.01%;}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}
body {
	color: #6d6471;
	font-size: 62.5%;
	min-width: 980px;
	background: #1D262C;
	font-family: georgia, serif;
}
/*--- general ---*/
p {margin: 0;}
form {margin: 0;padding: 0;}
img {border: none;display: block;}
ul {margin: 0;padding: 0;list-style: none;}

.clr:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
}
* html .clr {height: 1%;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	color: #2e3470;
	font-weight: normal;
	font-family: tahoma, geneva, sans-serif;
}
h2 {font-size: 220%;}
h3 {font-size: 180%;}
h4 {font-size: 160%;}
h5 {font-size: 140%;}

a {
	color: #f00;
	cursor: pointer;
	text-decoration: underline;
}
a:hover {text-decoration: none;}
a:active, a:focus {outline: none;}

label {font: 110% tahoma, geneva, sans-serif;}


.tex {
	color: #6d6471;
	padding: 4px 2px;
	background: #F0F1F9;
	border: 1px solid #B3B7DF;
	font: 120% tahoma, geneva, sans-serif;
}
#wrap-seo {
	width: 100%;
	display: table;
}
#wrap-seo-1 {display: table-footer-group;}
#wrap-seo-2 {display: table-header-group;}

/* header */
#header {
	width: 100%;
	background: url("../images/bg-header2.gif") repeat-x;
}
.wrap-header {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
#header h1 {
	float: left;
	padding: 5px 0 0 5px;
}
#header h1 a {
	width: 520px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -12000px;
	background: url("../images/eh-building-contractors-logo3.png") no-repeat;
}
#header ul {
	top: 85px;
	right: 0;
	position: absolute;
}
#header ul li {
	float: left;
	font: 140% tahoma, geneva, sans-serif;
}
#header ul li a {
	color: #fff;
	display: block;
	line-height: 16px;
	text-decoration: none;
	padding: 5px 10px 8px 10px;
}
#header ul li a:hover {text-decoration: underline;}
#header ul li.active a {background: #2E3470 url("../images/bg-nav-1.gif") repeat-x;}

* html #header ul li a {float: left;}

#header p {
	top: 13px;
	right: 12px;
	color: #fff;
	position: absolute;
	font: 140% arial, geneva, sans-serif;
}
/* intro */
#intro {
	width: 100%;
	background: transparent url("../images/bg-intro.jpg") 0 0 repeat-x;
	height: 309px;
}
.wrap-intro {
	width: 980px;
	height: 44px;
	margin: 0 auto;
	padding: 265px 0 0 0;
	background: transparent url("../images/intro-image.jpg") 0 0 no-repeat;
}
.wrap-intro ul {
	width: 969px;
	padding: 0 0 0 9px;
	float: left;
	position: relative;
	height: 43px;
}
.wrap-intro ul li {
	float: left;
	position: relative;
	height: 43px;
	padding: 0 9px 0 0;
	font: 140% tahoma, geneva, sans-serif;
}
.wrap-intro ul li a {
	width: 304px;
	height: 32px;
	padding: 5px;
	display: block;
	position: static;
	text-decoration: none;
}
* html .wrap-intro ul li a {position: static;}
* html .wrap-intro ul li a:hover {position: relative;}

.wrap-intro ul li a span {
	top: 0;
	left: 0;
	width: 314px;
	height: 160px;
	position: absolute;
	background: url("../images/border.gif") no-repeat;
}
.wrap-intro ul li a:hover span,
.wrap-intro ul li.active a span {background-position: 0 -160px;}

.wrap-intro ul li a em {
	top: 4px;
	left: 6px;
	color: #1d262c;
	font-style: normal;
	position: absolute;
}
.wrap-intro ul li a:hover em,
.wrap-intro ul li.active a em {color: #fff;}

.wrap-intro ul li a strong {
	left: 4px;
	color: #fff;
	width: 100%;
	bottom: 13px;
	line-height: 17px;
	text-align: center;
	position: absolute;
	font-weight: normal;
	padding: 14px 0 0 0;
}
.wrap-intro ul li a:hover strong,
.wrap-intro ul li.active a strong {text-decoration: underline;}

.wrap-intro ul li a strong img {
	float: left;
	display: inline;
	vertical-align: -7px;
	margin: 0 -20px 0 24px;
}
/* content */
#content {
	width: 100%;
	background: #fff url("../images/bg-content-1.gif") repeat-x;
}
.wrap-content-1 {background: url("../images/bg-content-2.gif") repeat-x 0 100%;}

.wrap-content-2 {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 33px 0;
}
/* primary-content */
.primary-content {
	float: left;
	width: 623px;
	padding: 25px 0 0 12px;
}
/* description */
.description {width: 100%;}
.description h2 {padding: 0 0 23px 0;}

.description p {
	font-size: 140%;
	line-height: 150%;
	padding: 0 0 17px 0;
}
.description p a,
.description p a:link {color: #A52929;text-decoration: underline;}
.description p a:visited {color: #3E2924;text-decoration: underline;}
.description p a:hover {color: #A52929;text-decoration: none;}

/* previous-projects */
.previous-projects {width: 100%;}
.previous-projects ul {width: 290px;}
.previous-projects .list-projects-1 {float: left;padding: 0 0 7px 0;}
.previous-projects .list-projects-1 {float: right;padding: 0 19px 7px 0;}

.previous-projects ul li {
	width: 100%;
	float: left;
	padding: 0 0 14px 0;
}
.previous-projects ul li div {
	height: 1%;
	display: table;
}
.previous-projects h3 {
	font-size: 140%;
	padding: 0 0 4px 0;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #C0C2D4;
}
.previous-projects h4 {
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 3px 0;
}
.previous-projects img {
	float: left;
	padding: 3px;
	margin: 4px 8px 0 0;
	border: 1px solid #C0BAC2;
}
.previous-projects p {
	font-size: 120%;
	line-height: 125%;
}
.previous-projects .view-more {
	padding: 4px 0 7px 22px;
	font: bold 110% tahoma, geneva, sans-serif;
	background: url("../images/i-1.gif") no-repeat 0 4px;
}
.previous-projects .view-more a {color: #2e3470;}

/* banners */
.banners {
	width: 100%;
	clear: both;
	padding: 22px 0 0 0;
	border-top: 1px solid #C0C2D4;
}
.banners ul {text-align: center;}

.banners li {
	display: inline;
	padding: 0 0 0 60px;
}
.banners li img {display: inline;}

/* secondary-content */
.secondary-content {
	float: right;
	width: 306px;
	padding: 25px 8px 0 0;
}
.secondary-content h5,
.secondary-content-2 h5 {
	padding: 0 0 4px 0;
	border-bottom: 1px solid #C0C2D4;
}
/* form-mailing */
.form-mailing {width: 100%;}
.form-mailing h5 {margin: 0 0 24px 0;}

.form-mailing div {
	width: 100%;
	overflow: hidden;
	padding: 0 0 12px 0;
}
.form-mailing div input {margin: 0 0 0 79px;}

.form-mailing div .tex {
	margin: 0;
	float: left;
	width: 214px;
}
.form-mailing div label {
	float: left;
	width: 66px;
	text-align: right;
	padding: 4px 13px 0 0;
}
/* customer-testimonials */
.customer-testimonials {
	width: 100%;
	padding: 23px 0 0 0;
}
.customer-testimonials h5 {margin: 0 0 14px 0;}

.customer-testimonials ul li {
	font-size: 120%;
	line-height: 142%;
	padding: 0 0 16px 35px;
	background: url("../images/bg-q.gif") no-repeat 0 4px;
}
.customer-testimonials ul li cite,
.customer-testimonials ul li strong {width: 100%;display: block;}
.customer-testimonials ul li cite {padding: 0 0 9px 0;}

.customer-testimonials ul li strong {
	text-align: right;
	padding: 5px 0 0 0;
	border-top: 1px solid #B6B1B8;
}
/* footer */
#footer {
	width: 100%;
	background: url("../images/bg-footer.gif") repeat-x;
}
#footer div {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 13px 8px 20px 12px;
}
#footer div .footer-list-1 {float: left;}
#footer div .footer-list-2 {float: right;}

#footer div ul li {
	color: #fff;
	font: 120%/175% arial, geneva, sans-serif;
}
#footer div ul li a {color: #fff;}

#footer div .footer-list-1 li {
	display: inline;
	padding-left: 4px;
}
#footer div .footer-list-1 li:first-child {padding-left: 0;}

#footer div .footer-list-1 li a {margin: 0 7px 0 0;}
#footer div .footer-list-2 li {text-align: right;}

/* page-2 */

/* primary-content-2 */
.primary-content-2 {
	float: left;
	width: 632px;
	padding: 33px 0 48px 10px;
}
.primary-content-2 h2 {padding: 0 0 22px 0;}
.primary-content-2 h3 {padding: 15px 0 11px 0;}
.primary-content-2 h4 {padding: 12px 0 12px 0;}

.primary-content-2 p {
	line-height: 158%;
	padding: 0 0 15px 0;
}
.primary-content-2 p {
        font-size: 140%;
}
.primary-content-2 ul {
        font-size: 140%;
}
.primary-content-2 ol {
font-size:140%
}
.primary-content-2 ol ul {
font-size:100%
}
.primary-content-2 ul ul {
font-size:100%
}
.primary-content-2 ul li {
	padding: 5px 0 5px 30px;
	background: url("../images/i-2.gif") no-repeat 15px 9px;
}
.primary-content-2 ul li span {color: #2E3470;}

/* --

.primary-content-2 .simple-list-1 li {
	padding: 0 0 0 43px;
	background: url("../images/i-2.gif") no-repeat 28px 9px;
}

-- */
.primary-content-2 p a,
.primary-content-2 p a:link {color: #A52929;text-decoration: underline;}
.primary-content-2 p a:visited {color: #3E2924;text-decoration: underline;}
.primary-content-2 p a:hover {color: #A52929;text-decoration: none;}
.primary-content-2 .img-1 {
	float: left;
	margin: 20px 20px 0 0;
	padding: 3px;
	border: 1px solid #2f3572
}
.primary-content-2 .img-2 {
	float: right;
	margin: 20px 0 0 20px;
	padding: 3px;
	border: 1px solid #2f3572
}

/* secondary-content-2 */
.secondary-content-2 {
	float: right;
	width: 314px;
	padding: 30px 5px 0 0;
}
/* side-nav */
.side-nav {
	width: 298px;
	margin: 0 0 20px 0;
	padding: 7px 8px 51px 8px;
	background: url("../images/bg-side-nav.gif") no-repeat;
}
.side-nav li {
	width: 100%;
	padding: 1px 0 0 0;
	font: 120% tahoma, sans-serif;
	background: url("../images/d-2.gif") repeat-x 0 100%;
}
.side-nav li a {
	height: 1%;
	color: #525252;
	display: block;
	text-decoration: none;
}
.side-nav li a span {
	height: 1%;
	display: block;
	padding: 8px 0 9px 31px;
}
.side-nav li a:hover {
	color: #2e3470;
	background: #DEDFE0 url("../images/bg-hover-side.gif") repeat-x;
}
.side-nav li a span {background: url("../images/i-4.gif") no-repeat 8px 8px;}
.side-nav li a:hover span {background: url("../images/i-1.gif") no-repeat 8px 8px;}
.side-nav li.open a span,
.side-nav li.open a:hover span {background: url("../images/i-3.gif") no-repeat 8px 8px;}

.side-nav li ul {
	margin: 0;
	width: auto;
	
	background: none;
	padding: 0 0 1px 35px;
	background: url("../images/d-2.gif") repeat-x;
}
.side-nav li.open ul {display: block;}

.side-nav li ul li {
	padding: 8px 0 7px 0;
	font: 100% tahoma, sans-serif;
	background: url("../images/d-1.gif") repeat-x;
}
.side-nav li ul li:first-child {background-image: none;}

.side-nav li ul li a {
	padding: 0 0 0 16px;
	background: url("../images/i-5.gif") no-repeat 0 6px;
}
.side-nav li ul li a:hover {background: url("../images/i-5.gif") no-repeat 0 6px;}

/* links-interest */
.links-interest {
	width: 100%;
	padding: 22px 0 0 0;
}
.links-interest ul {
	width: 100%;
	padding: 11px 0 0 0;
}
.links-interest ul li {
	height: 1%;
	padding: 0 0 5px 31px;
	font: 120%/125% tahoma, sans-serif;
	background: url("../images/i-6.gif") no-repeat 19px 6px;
}
.links-interest ul li a {
	width: 100%;
	display: block;
	color: #a52929;
}
.links-interest ul li a:hover {color: #3e2924;text-decoration: underline;}

.links-interest ul li span {
	color: #666;
	width: 100%;
	display: block;
	font: 92% arial, sans-serif;
}
/* projects */

.projects { float:left; padding: 0 0 0 20px; margin-bottom:15px; width:590px; border-top:2px solid #363d83; border-bottom:1px solid #c3c3c3; background: url("../images/projectsbg.jpg") repeat-x ; }

.projects p { padding-left:130px; padding-right:20px }

.projects a img {
	
	border: 1px solid #2f3572;
	float:left;
	padding:0px 0 0 0;
	margin:6px 0 0 0
}
.projectshr  { background-color:#c3c3c3; border: 0; margin-bottom:10px;width:610px; float:left; height:2px}


/* DESIGN GALLERY PICS
----------------------------------------------------------------------------- */

.picsholder { float:left; padding: 0 10px 0 20px; width:580px; border-top:2px solid #363d83; border-bottom:1px solid #c3c3c3; background: url("../images/projectsbg.jpg") repeat-x ; }
.picsholder p { padding-left:0px; padding-right:20px }
.pics p { font-size:12px }
.projectshr  { background-color:#c3c3c3; border: 0; margin-bottom:10px;width:610px; float:left; height:2px}
.pics {
	width:332px;
	float:right;
	margin: 0 20px 5px 20px;
}
.pics img {padding:0; margin:0 0 0px 0}

a.picsthumb {  padding:; margin:6px 0 15px 0; border: 1px solid #2f3572; display:block  }
a.picsthumb:hover {
	
	display:block
}


/*TABLE STYLING
----------------------------------------------------------------------------- */
table {
padding:0;
font-size:140%;
border-left: 1px solid #263239;
margin:0
}
th {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #263239;
	border-left: 1px solid #263239;
	border-bottom: 1px solid #263239;
	border-top: 1px solid #263239;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background-color: #263239;
}
table td {
	border-left: 0px solid #263239;
	border-right: 1px solid #263239;
	border-bottom: 1px solid #263239;
	border-top: 0px solid #263239;
	background: #fff;
	padding: 4px 3px 4px 8px;
	color: #333333;
	text-align:left;
}
table tr {
	
	padding: 0px 0px 0px 0px;
	margin:0;
	text-align:left;
}
td.alt {
	background-color: #b0d4e9;
	
}
.image-gallery ul li {
        list-style-type: none;
        padding: 0;
        margin: 0;
}
.bcrumb {color:#ff5126; color:#4B0300;}
p.crumbs {
    margin: 5px;
    font-size:1.1em;
    text-align:right;
    clear:both;
}
/*content area*/
p.crumbs em {
    font-style:normal;
    color:#344159;
}