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

.contactform label {
  margin: 0;
  padding:0.2em;
  margin-top:3px;
  text-align:right;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  width:75px;
}

.contactform input {
  font-size:10px;
}

.contactform legend {
  position:absolute;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:8px;
}

.contactform fieldset {
  padding: 5px;
}

.form-checkbox label   {
  margin: 0;
  text-align:left;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  width:200px;
  padding:0.0em;
  margin-top:0.3em;
}

.form-request label   {
  margin: 0;
  text-align:right;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  width:100px;
  padding:0.0em;
  margin-top:0.3em;
}

#form-lastcleaning label {
  margin: 0;
  padding:0.2em;
  margin-top:0.3em;
  text-align:left;
  width:300px;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
}

.hearofus {
  font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#333 ;
  margin:3px;
  height:18px;
  width:200px;
}

#form-hearofus label {
  margin: 0;
  padding:0.2em;
  margin-top:0.3em;
  text-align:right;
  width:200px;
  float:left;
  text-transform:uppercase;  
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:10px;
  text-align:left;
}

#contactPage {
  margin-top:0px;
}
 
#contactInfo {
  position:absolute;
  left:0px;
  top:295px;
  text-align: center;
	width:100%;
}

#contactInfo a:link    { color:#CCCCCC; text-decoration:none; }
#contactInfo a:visited { color:#CCCCCC;text-decoration:none;  }
#contactInfo a:active  { color:#CCCCCC;text-decoration:none;  }
#contactInfo a:hover   { color:#ffffff; text-decoration:none; }

#reveal .form-checkbox {
  position:relative;
  width:250px;
  height:20px;
  float:left;
}

.form-request {
  position:relative;
  width:240px;
  height:20px;
  float:left;
}

#form-lastcleaning, #form-hearofus {
  position:relative;
  width:490px;
  height:20px;
  margin-top:5px;
  margin-bottom:5px;
}


#reveal { color:#444; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:500px; margin-top:10px; }
#reveal #tools { color:#39f; cursor:pointer; font-size:10px; margin-bottom:3px; text-align:right; }
#reveal .addservicebutton { border:1px solid #999; cursor:pointer; margin-bottom:3px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 0; }
#reveal .addservicebutton a { background:url(/images/arrow-inactive.png) no-repeat right; color:#00aef0; display:block; margin:0 10px; }
#reveal .addservicebutton a.active { background:url(/images/arrow-active.png) no-repeat right; }
#reveal .content { display:none; padding-bottom:20px; }

#leftcol {
  position:relative;
  width:205px;
  float:left;
  margin-right:15px;
  text-align:justify;
}

#rightcol {
  position:relative;
  width:530px;
  float:left;
  padding-top:15px;
  height:100%;
  overflow:visible;
}

.formrow {
	clear:both;
	min-height:20px;
}

.formrow label {
  display:block;
  width:80px;
  height:20px;
  text-align:right;
  padding-right:0px;
  float:left;
  margin:0;
  line-height:20px;
  font-weight:bold;
}
.formrow input {
  float:left;
  width:156px;
  margin:0;
  border: 1px ridge #CCC;
  padding-left:4px;
}

#company, #address1, #address2 {
  width:400px;
}

#city {
  width:150px;
}

#state {
  width:20px;
}

#zip {
  width:54px;
}

#phone {
  width:113px;
}

#email {
  width:199px;
}

#comments {
  width:200px;
  height:50px;
  float:left;
}

.request {
  width:60px;
  float:left;
}

.hearofus {
  width:200px;
}

.hearofusLabel {
  width:300px;
}

p.contactmetext {
  font-size: 0.5em;
}

#submit {
  width:50px;
  margin-left:0px;
  margin-top:0px;
  padding:0;
  background:#669999;
  color:#FFF;
  text-transform:uppercase;
  cursor:pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
 
  box-shadow: 0 1px 3px #111;
  -moz-box-shadow: 3px 3px 1px #999;
  -webkit-box-shadow: 3px 3px 1px #999;
}

#submit:hover {
    background: #003333;
}
.error { color:#FF8082; text-align: center;}
.validator {
  text-align: center;
}
@media (max-width: 48em) {
  	#leftcol {
		clear:both;
		width:100%;
	}
	#rightcol {
		clear:both;
		margin:0 auto;
	}

}