@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; border: 0; width: 100%; height: 100%; overflow: hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
p, h1, h2, h3, h4 { margin:0; padding:0; }
hr { margin-top:30px; width:300px; }
img { border:0; }

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; font-weight:normal; color:#00adef; margin:0; padding:0; margin-bottom: 0px; margin-top:20px; margin-left:10px; }
h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#373a94; margin:0; padding:0; margin-bottom: 0px; margin-top:30px; margin-left:10px; }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#00adef; margin:0; padding:0; margin-bottom: -10px; margin-top:20px; margin-left:40px; }
p { margin-left:10px; margin-right:20px; margin-top:10px; margin-bottom:10px; }
#pagetext h3 + p { margin-left:40px; margin-top:10px; margin-bottom:10px; text-align:justify; margin-right:60px; }
.text h3 + p { margin-left:40px; margin-top:10px; margin-bottom:10px; text-align:justify; margin-right:60px; }
.clear { clear:both; }
div#preload { display: none; }

.wrap { position:absolute; left:0; top:0; padding:0; height:100%; width:100%; }
.header { position:relative;top:0;height:88px;width:100%; background-image:url(/images/header-white.png); }
.footer { position:absolute;bottom:0;height:20px;width:100%;padding-top:-20px; background-image:url(/images/smbutton-bg.png); z-index:10; }
.footer p { font-size:10px; color:#06C; margin: 4px 0; padding:0; text-align:center; }
.footer a { text-decoration:none; }
.buffer { height:3%; width:100%; overflow:auto; }
.upper { 
  position: relative;
  height:65%; 
  width: 790px; 
  min-height:30%;
  background-color:#FFF;
  opacity:.9;
  filter: alpha(opacity = 100);
  overflow:auto; 
  margin-left: 50%;
  left: -400px;  
  text-align:left;
  overflow:hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
  border: 5px solid #839CCD;
}
.lower { height:20%; padding-bottom:60px;color: #FFF; background-color:black;overflow:auto; }
.text { position:relative; height: 93%; max-height: 95%; width:770px; padding:0; margin-left:10px; margin-right: 10px; margin-top:10px; overflow:hidden; border-radius: 10px; opacity:1.0; filter: alpha(opacity = 100); }

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1500px;
                        
  /* Set up proportionate scaling */
  width: 100%;
  height: 100%;
                        
  /* Set up positioning */
  position: fixed;
  bottom: 0;
  left: 0;

}
                
@media screen and (max-width: 1500px){
  img.bg {
    left: 50%;
    margin-left: -750px; 
  }
}

#navcontainer {
  position:relative;
  padding:0;
  margin:0;
  width:900px;
  height:64px;
  margin-left: 50%;
  left: -450px;
  top:0;
}


#navcontainer ul {
  padding: 0;
  margin: 0;
  color: White;
  float: right;
  height:64px;
  font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; margin:0; padding:0;  }

#navcontainer ul li a
{
  color: Blue;
  text-decoration: none;
  display:inline-block;
  height:64px;
  line-height:60px;
  padding-left:20px;
  padding-right:20px;
  margin:0;
}

#subnavcenter {
  position:relative;
  width:700px;
  height:24px;
  margin:0 auto;
  margin-left: 50%;
  left: -250px;
}

#subnav {
  position:relative;
  float:right;
  margin:0;
  padding:0;
  left:-50%;
  height:24px;
}

#subnav ul {
  list-style:none; 
  position:relative;
  left:50%;
  margin:0;
  padding:0;
  height:24px;
}

#subnav ul li{
	float:left;
}

/*#subnav {
  position:relative;
  float:right;
  margin:0;
  padding:0;
  left:-25%;
}

#subnav ul {
  padding: 0;
  margin: 0;
  color: White;
  float: right;
  height:24px;
  font-family: arial, helvetica, sans-serif;
  left:50%;
}*/

#subnav ul li a
{
  color: Blue;
  text-decoration: none;
  display:inline-block;
  height:100%;
  line-height:25px;
  padding-left:10px;
  padding-right:10px;
}

#navcontainer ul li a:hover, 
#navcontainer ul li a:active, 
#subnav ul li a:hover, 
#subnav ul li a:active
{
  background-image:url(/images/lgbutton-blue-bg.png);
  color: #fff;
}

#navcontainer ul li a.activate, #subnav ul li a.activate {
  background-image:url(/images/lgbutton-blue-bg.png);
  color:#fff;
}

#logo {
  position:absolute;
  width:200px;
  bottom:-20px;
  left:0;
  margin-left:50%;
  left:-450px;
  z-index:15;
}

/* QuickTab CSS */
#quicktabs {
  position:absolute;
  bottom:-210px;
  width:850px;
  height:260px;
  margin-left:50%;
  padding:0;
  padding-left:5px;
  left:-425px;
  z-index:5;
	display:none;
}

#quicktabs a { color:#FF0 }
.boxgrid h4{ margin: 7px 10px 0 10px; color:#FFF; font:12pt Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; font-weight: bold; text-align:center;  }
			
.boxgrid{ 
  width: 205px; 
  height: 260px; 
  margin-right:3px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:3px;
  padding:0;
  float:left;
  overflow: hidden; 
  position: relative; 
  top:0px;
  left:0px;
}
.boxgrid p{ 
  padding: 0 10px; 
  color:#fff; 
  font-weight:bold; 
  font:10pt "Lucida Grande", Arial, sans-serif; 
}
				
.boxcaption{ 
  float: left; 
  position: absolute;  
  height: 260px; 
  width: 100%; 
  background-image:url(/images/bluebutton-bg.png);
}
/* End QuickTabs */

#pagepic {
  position:relative;
  float:left;
  width:250px;
  overflow:hidden;
  bottom:0;
  margin-top:25%;
  top:-300px;
}

#pagetext {
  position:relative;
  float:left;
  overflow:auto;
  width:520px;
  height:100%;
}

#nopicpage {
  position:relative;
  width:770px;
  height:100%;
  overflow:auto;
}

#hometext h1, #hometext h2 {
  font-size:30px;
  text-align:center;
  text-shadow: 1px 1px 0px #eee, 2px 2px 0px #707070;
  padding-bottom:10px;
}

#pagetext p{
  margin-left:30px;
}

#testimonials p:nth-child(even) { font-style:italic; padding-bottom:00px; }
#testimonials p:nth-child(odd) { padding-bottom:20px; }

fieldset {
  border:1px solid #CCC;
}

legend {
  font-weight:bold;
  text-transform:uppercase;
  font-size:10px;
  color:#36C;
}

#referral .box {
  position:relative;
  width:270px;
  float:left;
  text-align:right;
  padding-top:20px;
}

#referral .comment {
  width:540px;
  padding-top:5px;
}

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



#referral #submit {
  margin-top:5px;
}

#giveawaycontainer, #consumerguidecontainer {
  position:relative;
  width:250px;
  margin:auto 50%;
  left:-125px;
  text-align:right;
}

#handyman li {
  float: left; width: 180px; margin: 0px 20px 0px 0px; padding: 0px;
}

#giftcert li {
  float: left; width: 140px; margin: 0px 20px 0px 0px; padding: 0px;
}

.package {
  width:420px;
  float:left;
}

.one {
  margin-right:0px;
}

.buybutton {
  float:left;
  margin-top:100px;
}

.blue {
  color:#03F;
}

.grey {
  color:#999;
}


#couponcontainer {
  position:relative;
  padding-top:50px;
  text-align:center;
}

.coupon {
  position:relative;
  width:294px;
  height:200px;
  margin-top:50px;
  border:1px dashed #333;
  margin:auto 50%;
  left:-150px;
  text-align:center;
}

.coupon p {
  margin-top:40px;
  font-size:20px;
  font-weight:bold;
  color:#06F;
  
}

.coupon p + p {
  margin-right:10px;
  margin-top:30px;
  font-size:10px;
  color:#CCC;
  text-align:right;
  text-transform:uppercase;
}

.giftcertbox {
  width:300px;
  float:left;
  margin-left:50px;
}

.submitbox {
  width:50px;
  float:left;
  margin-top:8px;
  margin-left:3px;
}

.slicknav_menu {
  display:none;			
}
.subnavdup {
	display:none;
}
@media (max-width: 58em) {
	.upper {
		width:100%;
	position: relative;
  height:65%;  
  min-height:30%;
  background-color:#FFF;
  opacity:1;
  filter: alpha(opacity = 100); 
  margin-left: 0%;
  left: 0;  
	margin: 0 auto;
  text-align:left;
  overflow:hidden;
  border-radius: 15px;
  -moz-border-radius: 15px;
	}
	#pagetext {
		width:70%;
	}
	#pagepic {
		clear:both;
		float:left;
		max-width:30%;
	}
	.text {
		width:97%;
	}
	#nopicpage {
  position:relative;
  width:100%;
  height:100%;
  overflow:auto;
}
	.footer {
		display:none;
	}
	
	#navcontainer {
  position:relative;
  padding:0;
  margin:0;
  width:100%;
  height:64px;
  margin-left:0%;
  left:0;
  top:0;
  }
	#logo {
  position:absolute;
  width:100px;
  bottom:0px;
  left:0;
	top:0;
  margin-left:0%;
  left:0px;
  z-index:15;
	}
	#logo img { width:165px; }
}


@media (max-width: 48em) {
	#pagepic {
		display:none;
	}
	#pagetext {
		width:100%;
	}
	.slicknav_menu {
  display:block;			
  }
	#menumobile {
		display:none;
	}
	#navcontainer {
		display:none;
	}
	.upper {
		height:90%;
		max-height:90%;
		overflow:hidden;
	}
	.header {
		background:none;
	}
	.buffer {
		display:none;
	}
	#subnavcenter {
		display:none;
	}
	.bg {
		display:none;
	}
	body {
		background-color:#999;
	}
}