::-moz-selection 	{ background-color: #00c70d; color: #626262; }
::selection 		{ background-color: #00c70d; color: #626262; }

a					{ outline: 0; color: #222; text-decoration: none; }
a:hover 			{ text-decoration: none; }
p a:hover 			{ color: #27B3CF; }
a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix 			{ clear: both; }

/*------------------------------------*\
  MAIN  background-repeat:repeat-x; background-image:url(../img/common/background.jpg);background-color:#00c70d;
\*------------------------------------*/

body 				{ 
	color: #626262; background-color:#b9f7ac; font-family: 'Droid Serif', serif; font-size: 16px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

#wrapper 			{ margin: 10px auto; max-width: 980px; width: 90%; background: #fff; padding: 10px 0; border-radius:10px; }
header 				{ padding: 3px; }

h1 					{ font-size: 40px; font-family: 'Droid Serif', serif; line-height: 75px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }
li a:hover			{color:#27B3CF;}

h2 					{ font-family: 'Helvetica'; font-size: 18px; padding: 10px; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 					{ font-family: 'Droid Serif', serif; font-size: 30px; }
h4 					{ font-family: 'Droid Serif', serif; padding: 3px; margin: 5px 0 0 0; }
h4 a 				{ text-decoration: underline; }
h4 a:hover 			{  }
.black-subheading	{font-family: 'Droid Serif', serif; padding: 3px; margin: 5px 0 0 0; text-decoration: underline; color:#000000;}
.left-col 			{ width: 70%; float: left; }
.sidebar 			{ width: 20%; float: right; margin-bottom: 10px; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

#section-one				{ padding: 20px; }
#section-two				{ padding: 20px; }
#section-three 				{ padding: 20px; }

p 					{ padding: 0 5px 0 5px; }

ul 					{ list-style: none; }
ul li 				{ margin: 0 0px; }
footer 				{ padding: 5px; height: 80px; }

pre					{ overflow: scroll; font-size: 10px; }

/*------------------------------------*\
  COMMON
\*------------------------------------*/
.heading			{color:#1f976d; text-align:center;}
.greentext			{color:#1f976d;}
.green-center 		{color:#1f976d; text-align:center;}
.greentext-underline {color:#1f976d; text-decoration:underline;}
.underline 			{text-decoration:underline;}
.chemwashheader .smallheader {display:none;}
.center {text-align:center;}
.normal				{ padding:10px; list-style:disc; line-height:normal; margin-left:30px;}
.blue-hover			{ outline: 0; color: #222; text-decoration: none;}
.blue-hover:hover 	{ color: #27B3CF; text-decoration: none;}
.strong 			{ font-weight: bold;}
button {
	color: #fff;
	height: 150px;
	width: 150px;
	margin: 20px auto;
	background: #008254;
	font-family: 'Droid-serif', serif;
	font-size: 26px;
	font-weight: bold;
	border-radius: 50%;
	border: 0px;
}
button:hover {
	cursor: pointer;
}
.half {
  width: 50%;
  float: left;
}
.half button {
  margin: 0;
  float: right;
}
hr {
  clear:both
}


/*------------------------------------*\
  OUR TEAM
\*------------------------------------*/

.staff	{background-color:#CCCCCC; text-align:center; width:200px; padding:5px; border:#000000;}
.left-col-ourteam	{ width: 40%; float: left; padding-left:50px;}
.sidebar-ourteam	{ width: 40%; float: left; margin-bottom: 10px; padding-left:50px; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
					}
/*------------------------------------*\
  HOUSE WASHING WELLINGTON
\*------------------------------------*/
.video {text-align:center;}
housewashingwellington-sidebar {text-align:center;}
/*------------------------------------*\
  COMMERCIAL CLEANING
\*------------------------------------*/
.space					{margin-bottom:30px;}
/*------------------------------------*\
  CONTACT
\*------------------------------------*/
.displaynone {display:none;}
.content-padding .half {
  margin-bottom: 15px;
}
.half .heading {
  text-align: left;
  padding-left: 0
}
/*------------------------------------*\
  NAV
\*------------------------------------*/
#nav
{
	width: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	position: relative;
	top: 30%;
	left: 0%;
	margin-left: 0px;
}

	#nav > a
	{
		display: none;
	}

	#nav li
	{
		position: relative;
	}
		#nav li a
		{
			color: #fff;
			display: block;
		}
		#nav li a:active
		{
			background-color: #000000 !important;
		}
	#nav span:after
	{
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-bottom: none;
		border-top-color: #008254;
		content: '';
		vertical-align: middle;
		display: inline-block;
		position: relative;
		right: -5px;
	}
	/* first level */
	#nav > ul
	{
		height: 50px;
		background-color: #008254;
		margin:0px;
	}
		#nav > ul > li
		{
			width: 130px;
			height: 100%;
			float: left;
		}
			#nav > ul > li > a
			{
				height: 50px;
				font-size: 18px;
				line-height: 50px; 
				text-align: center;
			}
				#nav > ul > li:not( :last-child ) > a
				{
					border-right: 1px solid #01724a;
				}
				#nav > ul > li:hover > a,
				#nav > ul:not( :hover ) > li.active > a
				{
					background-color: #01724a;
				}
		/* second level */
		#nav li ul
		{
			background-color: #01724a;
			display: none;
			position: absolute;
			top: 100%;
			width: 175px;
		}
			#nav li:hover ul
			{
				display: block;
				left: 0;
				right: 0;
			}
				#nav li:not( :first-child ):hover ul
				{
					left: -1px;
				}
				#nav li ul a
				{
					font-size: 16px; /* 20 */
					border-top: 1px solid #008254;
					padding: 0.75em; /* 15 (20) */
				}
					#nav li ul li a:hover,
					#nav li ul:not( :hover ) li.active a
					{
						background-color: #008254;
					}
/* ==========================================================================
    Forms
========================================================================== */
.quotewrapper {
	max-width:500px;
	width:95%;
	margin:0 auto;
	position:relative;
}
.feedbackwrapper {
	max-width:750px;
	width:95%;
	margin:0 auto;
	position:relative;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	width:100%;
}
#contact-form {
	text-shadow:0 1px 0 #FFF;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:#F9F9F9;
	padding:25px;
}
#contact-form h3 {
	color:#005e06;
	display:block;
	font-size:28px;
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}
#contact-form label span {
	cursor:pointer;
	color:#005e06;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#000000;
	background-image:linear-gradient(bottom, #00c70d 0%, #00c70d 52%);
	background-image:-moz-linear-gradient(bottom, #00c70d 0%, #00c70d 52%);
	background-image:-webkit-linear-gradient(bottom, #00c70d 0%, #00c70d 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background:#000000;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
	font-size: large;
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}
.robotic { 
	display: none; 
}
/* ==========================================================================
    Mail Chimp Styling
   ========================================================================== */
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
#mc_embed_signup input.button {display:block; width:35%; margin:0 0 10px 0; min-width:90px;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}


/*------------------------------------*\
SOCIAL MEDIA STYLES
\*------------------------------------*/

.social li {
  display: inline-block;
  float: left;
  width: 30%;
  margin: 0 1%
}

.second-logo img {
  padding-top: 15px
}

footer .social {
  width: 30%;
  margin: auto;
}
footer .social li {
  width: 16%;
  margin: 4% 2%
}

/*------------------------------------*\
  RESPONSIVE STYLES
\*------------------------------------*/

@media screen and (max-width: 478px) 	{
	h1 { font-size: 45px; padding: 1px; }
	h2 { font-size: 13px; padding: 1px; }
	body { font-size: 13px; }
}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.sidebar { width: 100%; }
	.left-col-ourteam { width: 100%; }
	.sidebar-ourteam { width: 100%; }
	.video {display:none;}
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
@media only screen and ( max-width: 1100px )
{
	#nav
	{
		width: 99%;
		position: static;
		margin: 0;
	}
}
@media only screen and ( max-width: 980px )
{
	.housewashingwellington-sidebar {display:none;}
	/* first level */
	#nav > ul
	{
		height: 40px; /* 60 */
		background-color: #008254;
	}
		#nav > ul > li
		{
			width: 90px;
			height: 100%;
			float: left;
		}
			#nav > ul > li > a
			{
				height: 40px;
				font-size: 15px;
				line-height: 40px;
				text-align: center;
			}
			/* second level */
				#nav li ul a
				{
					font-size: 14px; 
					border-top: 1px solid #008254;
					padding: 6px; 
				}
}
@media only screen and ( max-width: 640px )
{
.chemwashheader .smallheader {display:block;}
.chemwashheader .largeheader {display:none;}
html
{
	font-size: 75%;
}
#nav
{
	position: relative;
	top: auto;
	left: auto;
}
	#nav > a
	{
		width: 50px; 
		height: 50px;
		text-align: left;
		text-indent: -9999px;
		background-color: #01724a;
		position: relative;
	}
		#nav > a:before,
		#nav > a:after
		{
			position: absolute;
			border: 2px solid #fff;
			top: 35%;
			left: 25%;
			right: 25%;
			content: '';
		}
			#nav > a:after
			{
				top: 60%;
			}
			#nav:not( :target ) > a:first-of-type,
			#nav:target > a:last-of-type
			{
				display: block;
			}
			/* first level */
			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						height: auto;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #01724a;
						}
				/* second level */
				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
}