@charset "utf-8";
/* CSS Document */

*, html {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: url(../images/bg.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #1370b3;
}
a:hover {
	color: #003c78;
}

.img-right {
	float: right;
	margin: 3px 0 5px 10px;
}
.img-left {
	float: left;
	margin: 3px 10px 5px 0;
}
.border {
	border: 1px solid #231f20;
}
.clear {
	clear: both;
}

#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #231f20;
	border-bottom: 0;
	border-top: 0;
}

#header {
	padding-bottom: 10px;
}

#top-contact {
	width: 281px;
	height: 59px;
	padding: 12px 14px 0 65px;
	float: right;
	margin: 15px 10px 0 0;
	text-align: center;
	background: url(../images/top-contact-bg.png) no-repeat top left;
	color: #2e74a6;
	text-transform: uppercase;
	font-weight: bold;
}

#top-contact span {
	display: block;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 3px;
}

#top-contact span a {
	text-decoration: none;
}

#contact-nav  {
	float: right;
	clear: right;
	font-size: 11px;
	width: 346px;
	padding-top: 4px;
	margin: 0 10px 0 0;
	text-align: left;
	color: #1370b3;
}
#logo {
	padding: 13px 0 0 22px;
}
#logo a img {
	border: 0;
}


#top-nav {
	border: 3px solid #8e8e8e;
	border-left: 0; border-right: 0;
	background: url(../images/top-nav-bg.png) repeat-x top;
	height: 68px;
}

#top-nav ul li {
	float: left;
	list-style: none;
	width: 192px;
	height: 68px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/top-nav-divider.png) no-repeat top right;
}
#top-nav ul li a {
	color: #393637;
	text-decoration: none;
	display: block;
	margin: 1px 4px 1px 0;
	padding-top: 14px;
	height: 52px;
}
#top-nav ul li.commercial {
	background: none;
}
#top-nav ul li a:hover {
	color: #fff;
}

#top-nav ul li.foundation-repair a:hover { background: url(../images/foundation-repair-bg.png) repeat-x top; }
#top-nav ul li.crawl-space a:hover { background: url(../images/crawl-space-bg.png) repeat-x top; }
#top-nav ul li.basement-waterproofing a:hover { background: url(../images/basement-waterproofing-bg.png) repeat-x top; }
#top-nav ul li.leak-sealing a:hover { background: url(../images/foundation-repair-bg.png) repeat-x top; }
#top-nav ul li.slab-repair a:hover { background: url(../images/foundation-repair-bg.png) repeat-x top; }
#top-nav ul li.about a:hover { background: url(../images/about-bg.png) repeat-x top; }
#top-nav ul li.commercial a:hover { background: url(../images/commercial-bg.png) repeat-x top; margin: 1px 0; }


#splash {
	height: 154px;
	border-top: 1px solid #d7d7d7;
	margin-bottom: 15px;
}

.splash-img {
	float: right;
	width: 690px;
	height: 149px;
	margin-top: 2px;
}

.splash-txt {
	float: left;
	overflow: hidden;
	color: #fff;
	padding: 80px 0 0 13px;
	width: 250px;
}

#splash .home {
	background: #383838 url(../images/splash-bg-home.png) no-repeat top left;
		height: 154px;
}

#splash .foundation-repair {
	background: #231f20 url(../images/splash-bg-foundation-repair.png) no-repeat top left;
		height: 154px;
}
#splash .leak-sealing {
	background: #231f20 url(../images/splash-bg-leak-sealing.png) no-repeat top left;
		height: 154px;
}
#splash .crawl-space {
	background: #78082a url(../images/splash-bg-crawl-space.png) no-repeat top left;
		height: 154px;
}

#splash .basement-waterproofing {
	background: #461756 url(../images/splash-bg-basement-waterproofing.png) no-repeat top left;
		height: 154px;
}

#splash .about {
	background: #035156 url(../images/splash-bg-about.jpg) no-repeat top left;
		height: 154px;
}

#splash .commercial {
	background: #0a1251 url(../images/splash-bg-commercial.png) no-repeat top left;
		height: 154px;
}
#splash .commercialservices {
	background: #0a1251 url(../images/splash-bg-commercialservices.png) no-repeat top left;
		height: 154px;
}
#splash .testmonial {
	background: #231f20 url(../images/testimonials.png) no-repeat top left;
		height: 154px;
}
#splash .servicearea {
	background: #461756 url(../images/service_area.png) no-repeat top left;
		height: 154px;
}
#splash .slab-repair {
	background: #78082a url(../images/slab_repair.png) no-repeat top left;
		height: 154px;
}
#splash .void-filling {
	background: #0A1251 url(../images/void-filling.png) no-repeat top left;
		height: 154px;
}
#splash .videos {
	background: #0a1251 url(../images/videos.png) no-repeat top left;
		height: 154px;
}
#splash .radar {
	background: #0a1251 url(../images/splash-bg-radar.png) no-repeat top left;
		height: 154px;
}


#content-wrap {
	float: right;
	width: 660px;
	margin-right: 10px;
	line-height: 16px;
	display: inline;
}

#content-wrap h1 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
}

#content-wrap h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
#content-wrap h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

#content-wrap p,
#content-wrap ul,
#content-wrap ol {
	margin-bottom: 10px;
}

#content-wrap ul,
#content-wrap ol {
	padding-left: 20px;
	overflow: auto;
}

#left-col {
	width: 260px;
	margin-left: 10px;
}

#nav {
	border: 2px solid #cacaca;
	margin-bottom: 15px;
}

#nav ul li {
	list-style: none;
	background: #f0efef url(../images/nav-bg-default.png) repeat-x top;
	margin-bottom: 2px;
	font-weight: bold;
}
#nav ul li ul li {
	font-weight: normal;
}
#nav ul li a {
	display: block;
	color: #393637;
	padding: 8px 0 0 20px;
	height: 22px;
	text-decoration: none;
}

#nav ul li a:hover,
#nav ul li a.active {
	color: #fff;
}
#nav ul li.foundation-repair a:hover,
#nav ul li.foundation-repair a.active {
	background: #f0efef url(../images/nav-bg-foundation-repair.png) repeat-x top;
}
#left-col #nav ul li.foundation-repair ul li a { color: #231f20;} /* extra specific for ie6 */

#nav ul li.leak-sealing a:hover,
#nav ul li.leak-sealing a.active {
	background: #f0efef url(../images/nav-bg-foundation-repair.png) repeat-x top;
}
#left-col #nav ul li.leak-sealing ul li a { color: #231f20;} /* extra specific for ie6 */

#nav ul li.crawl-space a:hover,
#nav ul li.crawl-space a.active {
	background: #f0efef url(../images/nav-bg-crawl-space.png) repeat-x top;
}
#left-col #nav ul li.crawl-space ul li a { color: #4e041a;}

#nav ul li.basement-waterproofing a:hover,
#nav ul li.basement-waterproofing a.active {
	background: #f0efef url(../images/nav-bg-basement-waterproofing.png) repeat-x top;
}
#left-col #nav ul li.basement-waterproofing ul li a { color: #461756; }

#nav ul li.commercial a:hover,
#nav ul li.commercial a.active {
	background: #f0efef url(../images/nav-bg-commercial.png) repeat-x top;
}
#left-col #nav ul li.commercial ul li a { color: #2c3368; }

#nav ul li.commercialservices a:hover,
#nav ul li.commercialservices a.active {
	background: #f0efef url(../images/nav-bg-commercial.png) repeat-x top;
}
#left-col #nav ul li.commercialservices ul li a { color: #2c3368; }


#nav ul li.about a:hover,
#nav ul li.about a.active {
	background: #f0efef url(../images/nav-bg-about.png) repeat-x top;
}
#left-col #nav ul li.about ul li a { color: #035156; }

#nav ul li.testmonial a:hover,
#nav ul li.testmonial a.active {
	background: #f0efef url(../images/nav-bg-foundation-repair.png) repeat-x top;
}
#left-col #nav ul li.testmonial ul li a { color: #231f20;} /* extra specific for ie6 */

#nav ul li.servicearea a:hover,
#nav ul li.servicearea a.active {
	background: #f0efef url(../images/nav-bg-basement-waterproofing.png) repeat-x top;
}
#left-col #nav ul li.servicearea ul li a { color: #461756;} /* extra specific for ie6 */

#nav ul li.slab-repair a:hover,
#nav ul li.slab-repair a.active {
	background: #f0efef url(../images/nav-bg-crawl-space.png) repeat-x top;
}
#left-col #nav ul li.slab-repair ul li a { color: #4e041a;} /* extra specific for ie6 */

#nav ul li.videos a:hover,
#nav ul li.videos a.active {
	background: #f0efef url(../images/nav-bg-commercial.png) repeat-x top;
}
#left-col #nav ul li.videos ul li a { color: #2c3368; }

#nav ul li.void-filling a:hover,
#nav ul li.void-filling a.active {
	background: #f0efef url(../images/nav-bg-commercial.png) repeat-x top;
}
#left-col #nav ul li.void-filling ul li a { color: #2c3368; }

#nav ul li.radar a:hover,
#nav ul li.radar a.active {
	background: #f0efef url(../images/nav-bg-commercial.png) repeat-x top;
}
#left-col #nav ul li.radar ul li a { color: #2c3368;} /* extra specific for ie6 */


#nav ul li ul li a.active {
	font-weight: bold;
}

#nav ul li.foundation-repair ul li a.active,
#nav ul li.crawl-space ul li a.active,
#nav ul li.basement-waterproofing ul li a.active,
#nav ul li.leak-sealing ul li a.active,
#nav ul li.commercial ul li a.active,
#nav ul li.commercialservices ul li a.active,
#nav ul li.servicearea ul li a.active,
#nav ul li.about ul li a.active,
#nav ul li.foundation-repair ul li a.active:hover,
#nav ul li.crawl-space ul li a.active:hover,
#nav ul li.basement-waterproofing ul li a.active:hover,
#nav ul li.about ul li a.active:hover,
#nav ul li.void-filling ul li a.active:hover,
#nav ul li.servicearea ul li a.active:hover,
#nav ul li.commercial ul li a.active:hover,
#nav ul li.commercialservices ul li a.active:hover,
#nav ul li.radar ul li a.active:hover {
	background: none;
}

#nav ul li.videos {
	margin-bottom: 0;
}

#nav ul li ul {
	padding: 5px 0 0 20px;
}
#nav ul li ul li,
#nav ul li ul li a,
#nav ul li ul li a:hover,
#nav ul li.foundation-repair ul li a:hover,
#nav ul li.crawl-space ul li a:hover,
#nav ul li.basement-waterproofing ul li a:hover,
#nav ul li.about ul li a:hover,
#nav ul li.servicearea ul li a:hover,
#nav ul li.commercial ul li a:hover,
#nav ul li.commercialservices ul li a:hover,
#nav ul li.radar ul li a:hover {
	background: none;
}
#nav ul li ul li a {
	padding:  0 0 5px 20px;
	height: 15px;
}
#nav ul li.commercial ul li {
	padding: 0 0 0 20px;
	font-weight: bold;
}
#nav ul li.commercial ul li ul li {
	padding: 0 0 0 20px;
	font-weight: normal;
}
#nav ul li.commercial ul li ul {
	padding: 5px 0 0 0;
}
#nav ul li.commercial ul li ul li a {
	padding: 0 0 5px 0px;
}
#nav ul li ul li a:hover {
	text-decoration: underline;
}

#side-contact {
	border: 1px solid #262323;
}

#side-contact .schedule, 
#side-contact .phone {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #2e74a6;
	padding: 10px 0 12px;
	color: #fff;
	border-bottom: 8px solid #a9cce5
}
#side-contact .schedule span {
	display: block;
	font-size: 22px;
}
#side-contact .schedule a {
	color: #fff;
	text-decoration: none;
}

#side-contact .phone {
	font-size: 15px;
}
#side-contact .phone span {
	display: block;
	font-size: 18px;
}

#form-container {
	text-align: center;
}
#form-container a {
	color: #00f;/* Old: #2e74a6 */
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 3px 0 5px;
	outline: none;
}
#form-container a:focus {
	-moz-outline-style: none;
}

#sideform {
	text-align: left;
	width: 230px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 5px 0;
	font-size: 11px;
	height: 275px;
}
div.form-item {
	margin: 0px 0px 8px 0px;
}
div.form-item input, div.form-item select {
	float: right;
}
div.form-item input {
	width: 154px;
}
div.form-item textarea {
	width: 225px;
}

div.form-item input.zip {
	width: 88px;
}

div.form-item select {
	margin-right: 5px;
	font-size: 12px;
	height: 20px;
	width: 50px;
}


table.service td {
	padding: 5px 10px;
	vertical-align: top;
	background: #eee;
	border: 5px solid #fff;
	border-left: 0; border-top: 0;
}
table.service tr.titles td {
	background: #ccc;
}

table.team2 {
	width: 660px;
}

table.team2 td {
	width: 130px;
	padding: 10px 0;
	vertical-align: top;
	text-align: center;
	font-size: 11px;
}

table.team2 td strong {
	font-size: 12px;
}


#footer {
	clear: both;
	text-align: center;
	margin: 22px 10px 20px 10px;
	border-top: 1px solid #323232;
	padding: 15px 0 15px 0;
	font-size: 11px;
	line-height: 16px;
	height: 1%;
}
#footer .small {
	font-size: 10px;
}

#preload {
	height: 1px;
	visibility: hidden;
}

/* Blog Styles */
#content-wrap h1.lineheight {
	font-size: 14px;
	margin-bottom: 5px;
}
#content-wrap p span.copyright {
	font-size: 11px;
	font-style: italic;
	padding: 8px 0 ;
	border-bottom: 1px solid #ccc;
}
div.scroll {
height: 150px;
width: 240px;
overflow-Y: scroll;
border: 1px solid #666;
padding: 8px;
}

table#opinion td {

            padding: 5px;

            vertical-align: top;

}

.disclaimer {
	color:#C00;
	font-weight:bold;
	font-style:italic
}

hr.dotted {
	height: 0px; 
	width:330px;
	border-bottom: 2px dotted #c00; 
	border-style: none none dotted;
	margin:10px 0px
}