@charset "utf-8";
/* =General
--------------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
header, nav, article, footer, address, canvas, section, aside, caption, video {display:block;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
ol, ul { list-style: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* Class for clearing floats */
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
/* class for float  */
.alignleft { float:left; }
.alignright { float:right; }
.alignnone { clear:both; }
img { border: 0; }
.blue_font{ color:#4291c1;}

/* End General
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body { font: 16px/18px Arial, Helvetica, sans-serif; color:#4d4d4d; }
html {
   -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/* End Typography
--------------------------------------------------------------------------------------------------------*/

/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { }
h2 { }
/* End Headings
--------------------------------------------------------------------------------------------------------*/
/* =Links
--------------------------------------------------------------------------------------------------------*/
a { color:#56a1d1; cursor:pointer; text-decoration:none;}
a:hover { color:#000; }
/* End Links
--------------------------------------------------------------------------------------------------------*/

/* =Branding
--------------------------------------------------------------------------------------------------------*/
p {padding:0px; margin-bottom:25px; line-height:20px;}
.header_top{ height:155px; padding:0px;}
#logo-mobile{ float:left; margin-top:18px;}
#logo{display:none;}
.header_address{ font-size:14px; color:#000; line-height:19px; float:left; margin-left:10px; margin-top:20px;}
.header_address a{ font-size:14px;}
.callus{ font-size:14px; padding-bottom:10px; display:block;}
.social_media{font-size:14px !important; color:#9e9e9e; width:175px; position:relative; margin-left:110px; top:7px;}
.sls-added-buttons{display:block;margin-top:20px;margin-bottom:4px;margin-right: 5%;width: 117px;float:left;}
.sls-added-buttons a {margin-left:0px!important;}
.social_media span{ display:block; float:left;}
.social_media a {margin-left:7px; display:block; float:right; width:15px; height:15px; margin-top:1px;}

/* End Branding
--------------------------------------------------------------------------------------------------------*/
/* =Main Nav
--------------------------------------------------------------------------------------------------------*/
ul#mainNavigation {border-bottom:1px solid #87aec8; border-top :1px solid #87aec8; float:left;}
ul#mainNavigation li {list-style:none; float:left; display:inline-block; margin-top:0px; padding:0px; }
ul#mainNavigation li a { font-size:13px; color:#757a7d; background:none; display:block; padding:5px 12px ; margin:0px;font-weight:bold;}
ul#mainNavigation li a.active{ background:#00b7e8; color:#FFF;}
ul#mainNavigation li a:hover { background:none;}
ul#mainNavigation li.last{ margin:0px; padding:0px;}
/* End Main Nav
--------------------------------------------------------------------------------------------------------*/
/* Banner */
.animation{ background:url(../images/banner-shadow.png) no-repeat center bottom; position:relative; height:386px; display:none;}
ul.stage{ height:333px; width:1000px; overflow:hidden;}
ul.stage {
	border:0px solid #696;
	background: #00B7E8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00B7E8), to(#015f9e));
	background: -webkit-linear-gradient(#00B7E8, #015f9e);
	background: -moz-linear-gradient(#00B7E8, #015f9e);
	background: -ms-linear-gradient(#00B7E8, #015f9e);
	background: -o-linear-gradient(#00B7E8, #015f9e);
	background: linear-gradient(#00B7E8, #015f9e);
	-pie-background: linear-gradient(#00B7E8, #015f9e);
	behavior: url(http://washtenawwash.com/css/js/pie.htc);
	position:relative; z-index:1;
}
ul.stage li{ list-style:none; float:left; display:inline-block; width:100%; width:915px; margin:40px 0px 0px 55px;}

.banner_info{ width:415px; float:left; color:#FFFFFF; margin-top:50px;}
.banner_title{font-family: Georgia, "Times New Roman", Times, serif; font-size:45px; text-shadow: 0px 1px 3px #195970; display:block; line-height:37px; margin-bottom:25px;}
.banner_info p{ line-height:20px; margin-bottom:20px;}
.banner_info a.readmore{ background:url(../images/readmore.png) no-repeat right 5px; color:#00b4e5;float:right; padding-right:10px; font-size:11px !important;}
.banner_info a.readmore:hover{ color:#FFFFFF;}

.banner_placeholder{ width: 436px; height:257px; float: right;}

ul.banner_nav { position:absolute; left:445px; top:355px; margin:0px; padding:0px;}
ul.banner_nav li{ list-style:none; float:left; display:inline-block; margin:0px;}
ul.banner_nav li a{display:block; float:left; width:16px; height:16px; background:url(../images/banner-dot-normal.png) no-repeat left top; text-indent:-9999px; margin:0 2px;}
ul.banner_nav li a:hover, ul.banner_nav li.activeSlide a{background:url(../images/banner-dot-active.png) no-repeat left top;}

/* =Main Content
--------------------------------------------------------------------------------------------------------*/
#header { width:96%; position:relative;margin:0 auto;}
#content {width:96%; margin:30px auto 0 auto; padding:0px 0px 20px 0px;}

.intro_text { width:100%;}
.intro_text h2{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:15px; line-height:30px;}
.intro_text p{ margin-bottom:20px;}

a.video_placeholder{ width:289px; height:181px; background:url(../images/video-screen.png) no-repeat left top; display:block;}

ul.home_services{ margin-top:45px; padding:0px;}
ul.home_services li{ display:inline-block; width:100%; list-style:none; margin-bottom:10px;}
ul.home_services li.last{ border:0px;}
ul.home_services li .column{ width:100%;}
ul.home_services li.first { padding-right:0px;}
ul.home_services li.first .column{ margin-left:0px !important;}

ul.home_services li .column h2{ font-size:21px; color:#db2138; display:block; margin-bottom:10px;}
ul.home_services .img_holder{ width:213px; height:123px; background:url(../images/services-shadow.png) no-repeat center bottom;}
ul.home_services p{ font-size:12px; line-height:18px; margin-bottom:35px; color:#747474;}
ul.home_services a.readmore{ background:url(../images/readmore-red.png) no-repeat right 5px; color:#56a1d1; padding-right:12px; display:block; float:right; font-size:11px;}
ul.home_services a.readmore:hover{ color:#333;}

#youtube-mobile {
	margin:30px 0;
	clear:both;
	text-align:center;
}

#youtube {
	display:none !important;
}
/* =End Main Content 
--------------------------------------------------------------------------------------------------------*/

/* =About Us
--------------------------------------------------------------------------------------------------------*/
.innerpage .animation{ background:url(../images/banner-shadow.png) no-repeat center bottom; height:298px; display:none;}
.innerpage ul.stage{ height:243px; width:1000px; overflow:hidden;}
.innerpage ul.stage {
	border:0px solid #696;
	background: #00B7E8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00B7E8), to(#015f9e));
	background: -webkit-linear-gradient(#00B7E8, #015f9e);
	background: -moz-linear-gradient(#00B7E8, #015f9e);
	background: -ms-linear-gradient(#00B7E8, #015f9e);
	background: -o-linear-gradient(#00B7E8, #015f9e);
	background: linear-gradient(#00B7E8, #015f9e);
	-pie-background: linear-gradient(#00B7E8, #015f9e);
	behavior: url(http://washtenawwash.com/css/js/pie.htc);
	position:relative; z-index:1;
}
.innerpage ul.stage li{ list-style:none; float:left; display:inline-block; width:100%; width:915px; margin:0px 0px 0px 55px; }
.innerpage .banner_placeholder{ width:302px; height:177px; float: right; margin-top:38px; }

.innerpage .banner_info{ width:560px; float:left; color:#FFFFFF; margin-top:45px;}
.innerpage .banner_title{font-family: Georgia, "Times New Roman", Times, serif; font-size:45px; text-shadow: 0px 1px 3px #195970; display:block; line-height:37px; margin-bottom:25px;}
.innerpage .banner_info p{ line-height:20px; margin-bottom:20px;}
.innerpage .banner_info a.readmore{ background:url(../images/readmore.png) no-repeat right 5px; color:#00b4e5;float:right; padding-right:10px; font-size:11px !important;}
.innerpage .banner_info a.readmore:hover{ color:#FFFFFF;}
h2.title {font-size:32px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:30px; display:block; line-height:28px;}
.banner_placeholder{ width: 436px; height:257px; float: right;}

/* =Services page
--------------------------------------------------------------------------------------------------------*/
.service_column{ width:100%; margin-right:0px; margin-bottom:30px; margin-top:20px; color:#0166a4;}
.service_column h3{ font-size:22px; color:#333; margin-bottom:10px; padding-bottom:13px; background:url(../images/bullet01.png) no-repeat left top; padding-left:50px; padding-top:10px;}
.general_img_holder{ width:213px; height:123px; background:url(../images/services-shadow.png) no-repeat center bottom; margin-bottom:20px;}

/* = Amenities page
--------------------------------------------------------------------------------------------------------*/
.offer_listing{position:relative; display:block; margin-top:25px; margin-bottom:20px;}
.offer_listing img { position:absolute; right:0px; top:0px;} 
.offer_listing ul{ margin-left:0px; margin-bottom:20px; padding:0px;}
.offer_listing ul li{ background: url(../images/bullet02-mobile.png) no-repeat left 7px; padding-left:25px; color:#000; margin-bottom:4px;  color:#0171ad; line-height:20px; padding-top:4px; font-size:16px;}

/* = Stain Removal page
--------------------------------------------------------------------------------------------------------*/

.stain_removal h3{font-size:22px; color:#333; padding-bottom:13px; display:block; margin-top:10px !important; float:left; width:100%;}

table.table_formatting{ border:0px solid #6698b6; width:100%; border-collapse:collapse; background: #F8F8F8; font-size:13px;}
table.table_formatting th{ background-color:#28a1d9; color:#FFFFFF; font-size:14px; text-transform:uppercase; padding:7px 0px; border-bottom:0px solid #0164a2;}
table.table_formatting th.width250px{ width:auto;}
th.rightborder{ border-right: 1px solid #88cbdf;}
th.leftborder{ border-left: 1px solid #1d729c;}
table.table_formatting td{ padding:4px; color:#000; vertical-align:top; text-align:left;}
td.leftborder{border-left:1px solid #cbcbcb;}
td.borderbottom{ border-bottom:1px solid #d0d0d0;} 
td.background{ background-color:#f0f9ff;}
table.table_formatting strong{ color:#0163a1;}

/* = Contact Removal page
--------------------------------------------------------------------------------------------------------*/
.partition{ width:100%;}
.form_container{ width:100%; margin-top:25px;}
.form_container p{ padding-left:107px; margin-bottom:20px; color:#0162a1; font-size:12px;}
.form_container li{margin-bottom:10px; padding:0px; float:left; width:100%; display:inline-block; list-style:none;}
.form_container label {display:block; float:left; width:105px; vertical-align:top; font-size:13px;} 
.form_container input, .form_container textarea{background:#f4f4f4; border:1px solid #e1e1e1; padding:5px; float:left; width:58%; font-size:12px;}
.form_container textarea { height:80px; width:58%; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-size:12px;}
.form_container input.submit{
	border:0px solid #696;
	background: #00B7E8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00B7E8), to(#015f9e));
	background: -webkit-linear-gradient(#00B7E8, #015f9e);
	background: -moz-linear-gradient(#00B7E8, #015f9e);
	background: -ms-linear-gradient(#00B7E8, #015f9e);
	background: -o-linear-gradient(#00B7E8, #015f9e);
	background: linear-gradient(#00B7E8, #015f9e);
	-pie-background: linear-gradient(#00B7E8, #015f9e);
	behavior: url(http://washtenawwash.com/css/js/pie.htc);
	position:relative; z-index:1;
	
	color:#FFFFFF;
	font-size:14px;
	width:70px;

	}
	
input#captchaField {
	margin-left:105px;
}

a.captcha-reload {
	margin-left:105px;
}

.map_location { margin-top:0px; border-top:1px solid #e0e0e0; padding-top:20px;}
.map_location h3{ font-size:25px;}
a.map{background:url(../images/map-mobile.png) no-repeat left top; width:290px; height:171px; display:block; margin-top:15px;}


/* =Footer
--------------------------------------------------------------------------------------------------------*/
#footer_container{ width:100%; padding-top:11px; background:url(../images/footer-top-shadow.png) no-repeat center top;}
#bottom_strip { background:#0b7ec9; padding:17px 0px; text-align:center;}
.footer{width:100%; margin:0 auto;}
.footer_left{width:98%;  color:#353535; text-align:center;}
.footer_left h3{ color:#0981ca; display:block; margin-bottom:15px; font-size:18px;}
.footer_left p{ margin-bottom:20px;}
.footer_logo{ width:221px; height:107px; background:url(../images/footer-logo.png) no-repeat center top; margin:0 auto;}

.footer ul li {list-style:none; display:inline-block; padding:0px 7px 0 4px; background:url(../images/footer-pipe.gif) no-repeat right 5px; margin-bottom:5px;}
.footer ul li.last{ background:none;}
/*.footer ul li.first{ padding-left:0px;}*/
.footer ul li a {font-size:12px; color:#FFF; display:block;}

.copyright{color:#9fc9e2; font-size:12px; margin-top:7px;}

/* End Footer
--------------------------------------------------------------------------------------------------------*/