@charset "utf-8";
/**  ----------------  RESET   -------------------   **/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;padding:0px;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}abbr,acronym{border:0;font-variant:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/**  ---------------------------------------------------  GENERAL   ------------------------------------------------------   **/
html {
	
	background-image: url(../images/top-blue-gradient.png);
	background-repeat: repeat-x;
	background-position: top;
}
body {
	background-image: url(../images/page-bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom:0px;
}
strong {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}

/**  ---------------------------------------------------  FOOTER   ------------------------------------------------------   **/
.footer {
	height:210px;
	margin-top:-210px;
	background-image: url(../images/footer-image.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.footer p {
	padding-top: 190px;
	color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:980px;
	margin:0 auto 0 auto;
}
#footer-links {
	text-align: right;
	padding-left: 300px;
}
#footer-links a {
	color: #FFF;
	text-decoration: none;
}




/**  ---------------------------------------------------  TOP   ------------------------------------------------------   **/
#very-top {
	background-image: url(../images/container-top-gradient.png);
	width: 1004px;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	z-index: 99;
}
#contact-button {
	position:fixed;
	width:120px;
	height:41px;
	border:1px solid #CCC;
	color: #C00;
	font-family: "Segoe UI", Arial, Verdana, sans-serif;
	font-size: 21px;
	text-align: right;
	padding-top: 15px;
	padding-right: 30px;
	font-weight: bold;
	background-color: #FFF;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 2px 1px 10px #333;
	-moz-box-shadow: 2px 1px 10px #333;
	box-shadow: 2px 1px 10px #333;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=145, Strength=5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=145, Strength=5)";
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	
	z-index:98;
	left: 15%;
	right: auto;
	top: -10px;
}
.contact-highlight {
	font-size: 125%;
	font-weight: bold;
	color: #36F;
}

#contact-button a{color:#C00;text-decoration:none}
#contact-button a:hover{text-shadow:2px 2px 2px #919191}


/**  ---------------------------------------------------  MENU   ------------------------------------------------------   **/
#container {
	background-image: url(../images/main-container-back-sides.png);
	background-repeat: repeat-y;
	background-position: 50%;
	margin-bottom: 210px;
}


#image-menu-holder {
	background-image: url(../images/home-main-image.jpg);
	height: 292px;
	margin-right: auto;
	margin-left: auto;
	width: 984px;
	z-index: 1;
}
.menu {
	list-style-type: none;
	display: block;
	float: right;
	margin-top: 238px;
}
.menu li {
	display: block;
	float: left;
	height: 39px;
	padding-top: 15px;
	font-size: 18px;
	font-family: "Segoe UI", Arial, Tahoma, sans-serif;
	color: #C00;
	font-weight: bold;
	text-align: center;
}
.menu li a{color:#C00;text-decoration:none}
.menu li a:hover{text-shadow:2px 2px 2px #919191}
.menu #far-right-button {
	background-image: url(../images/menu/far-right-button.png);
	width: 177px;
	margin-right: 3px;
}
.menu #far-right-nextto-button {
	background-image: url(../images/menu/far-right-nextto-button.png);
	width: 177px;
	margin-right: 3px;
}
.menu #gallery-sel-button {
	background-image: url(../images/menu/gallery-sel-button.png);
	width: 177px;
	margin-right: 3px;
}
.menu .middle-button {
	background-image: url(../images/menu/middle-buttons.png);
	width: 149px;
	background-repeat: no-repeat;
}
.menu #next-to-button {
	background-image: url(../images/menu/next-to-hightlighted-button.png);
	background-repeat: no-repeat;
	width: 149px;
}
.menu #home-button {
	background-image: url(../images/menu/home-button.png);
	width: 143px;
}
.menu #home-button a{color:#FFF}
.menu #home-button-notselected {
	background-image: url(../images/menu/home-not-selected.png);
	width: 143px;
}
.menu #selected-button {
	background-image: url(../images/menu/button-selected.png);
	width: 149px;
	background-repeat: no-repeat;
}
.menu #selected-button a, #gallery-sel-button a{color:#FFF}



/**  ---------------------------------------------------  CONTENT   ------------------------------------------------------   **/
#content, #about, #wet-basements, #wet-yards, #gallery {
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	width: 984px;}
#content {
	background-image: url(../images/home-page-content-title.png);
	font-size: 14px;
	
}
.main-text {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 20px;
	text-align: justify;
	padding-left: 20px;
	font-size: 14px;
}
#intro h2 {
	font-weight: bold;
	color: #03C;
	text-decoration: underline;
}
.main-text h3 {
	font-weight: bold;
}
#intro ul {
	margin-left: 15px;
	font-size: 13px;
}
.img{
	float:right;
	margin: 0 0 0 20px;
	overflow: visible;
	position: relative;
	display: block;
}
.img img {border:#C00 solid 1px;margin:10px 0 10px 0}
#content h1, #about h1, #wet-basements h1, #wet-yards h1 {
	color: #FFF;
	font-family: "Segoe UI", Arial, Tahoma, sans-serif;
	font-size: 21px;
	width: 150px;
	float: left;
	text-align: center;
	padding-right: 40px;
	padding-bottom: 80px;
	padding-left: 10px;
	padding-top: 60px;
	font-weight: bold;
}
#about {
	background-image: url(../images/about-page-content-title.png);
}
#wet-basements {
	background-image: url(../images/wet-basements-page-content-title.png);
}
#wet-yards {
	background-image: url(../images/wet-yards-page-content-title.png);
}
#gallery {
	background-image: url(../images/gallery-page-content-title.png);
}
#gallery h1{
	font-family: "Segoe UI", Arial, Tahoma, sans-serif;
	font-size: 25px;
	width: 150px;
	padding: 40px 0 0 10px;
	float: left;
	text-align: center;
}
/**  ---------------------------------------------------  HOME   ------------------------------------------------------   **/



#intro {
	padding-top: 50px;
}
#home-tabs-container {
	padding-top: 20px;
	padding-right: 0;
	padding-left: 20px;
	height:230px;
	margin-left: 30px;
}.home-tabs ul {
	list-style-type: none;
	float: left;
	width: 170px;
	padding: 8px;
}
#we-correct li {
	font-size: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.home-tabs {
	background-image: url(../images/home-tabs-top-border.png);
	background-repeat: repeat-x;
	background-position: top;
	float:left
}
.home-tabs h2 {
	background-image: url(../images/home-content-tabs.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 39px;
	width: 149px;
	color: #FFF;
	font-family: "segoe UI", Arial, Tahoma, sans-serif;
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 11px;
	
}
#we-correct {
	width: 377px;
}
#we-correct div {
	background-image: url(../images/we-correct-border.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	height: 150px;
}
#we, #we2 {
	width: 231px;
	margin-left:18px;
}
#we div, #we2 div {
	background-image: url(../images/we-border.png);
	background-repeat: no-repeat;
	background-position: 2px top;
	height: 150px;
}
#we li, #we2 li {
	font-size: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
}
/**  ---------------------------------------------------  ABOUT   ------------------------------------------------------   **/
#right-text p img{
	border:#C00 solid 1px;
}
#right-text {
	padding:20px;
	float: right;
	width: 400px;
	margin-top: 30px;
	overflow: visible;
}

#right-text h2{font-weight: bold;
	color: #03C;
	text-decoration: underline;}
#links {
	font-size: 12px;
}

	
	



/**  ---------------------------------------------------  CONTACT POP UP   ------------------------------------------------------   **/
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 16px;
	font-family: "segoe UI", Arial, Tahoma, sans-serif;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height:25px;
}
.popup_block h2 {font-size:22px;color:#C00;text-align:center;font-weight:bold}
.popup_block h3 {font-size:18px;font-weight:bold;text-decoration:underline}
.popup_block ul{margin-left:20px;font-size:14px;}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


/* -------------- CSS Play Click Box -------------------- */



#holder {
	position:relative;
	background:transparent url(vertical-slide/photographer.jpg) 90px 0 no-repeat;
	margin-bottom:10px;
	width:880px;
	height:565px;
}
#holder #copyright {
	font-size: 12px;
	color: #CCC;
	text-align: center;
	position: relative;
	top: 260px;
	left: 225px;
}

#scrollbox {
	padding:0;
	margin:0;
	width:150px;
	list-style:none;
	height:555px;
	overflow:auto;
	float:right;
}
#scrollbox li {float:left;}


#scrollbox a {
	display:block;
	color:#999;
	text-decoration:none;
	border:1px solid #06F;
	width:100px;
	height:65px;
	float:left;
	font-family:"trebuchet ms", sans-serif;
	font-size:24px;
	text-align:center;
	margin: 5px;
}

#scrollbox a.slidea {
	height:65px;
	width:100px;
	background: url(../images/gallery/065-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slideb {
	height:65px;
	width:100px;
	background: url(../images/gallery/may08-001-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slidec {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0004-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slided {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0005-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slidee {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0006-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slidef {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0007-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slideg {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0008-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slideh {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0010-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slidei {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0011-thumb.jpg) no-repeat center center;
    }
#scrollbox a.slidej {
	height:65px;
	width:100px;
	background: url(../images/gallery/pipe0012-thumb.jpg) no-repeat center center;
    }




#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {
	border:1px solid #C00;
}
#scrollbox a:hover span {
	margin-top:50px;
	width:600px;
	height:400px;
	left:90px;
	background:#fff;
	z-index:90;
}

#scrollbox a:active {
	border:2px solid #C00;
}
#scrollbox a:focus {
	border:2px solid #C00;
	outline:0;
}

* html #scrollbox a:active span {
	margin-top:50px;
	width:600px;
	height:400px;
	top:0;
	left:90px;
	color:#000;
	background:#fff;
	z-index:-1;
}
#scrollbox a:focus span {
	margin-top:50px;
	width:600px;
	height:400px;
	top:0;
	left:90px;
	color:#000;
	background:#fff;
	z-index:10;
	outline:0;
}